Denna wikiHow lär dig hur du skapar en iögonfallande och övertygande webbbanner. En banner är ett bra sätt att visa ditt företags namn och logotyp eller en annons (eller båda samtidigt). Om du inte är säker på hur du gör en banner eller vilken typ av text och bilder du ska inkludera, är vi här för att hjälpa! Nedan hittar du allt du behöver veta för att komma igång.
Steg
Metod 1 av 6: Använda Photoshop
Steg 1. Skapa ett nytt dokument
Definiera din bannerstorlek: det finns ett antal vanliga bannerstorlekar. För våra ändamål fokuserar vi på en standard "full banner" -storlek: 468 pixlar med 60 pixlar:
Obs! Detta är en standardstorlek, men det är inte ett krav. Om dina behov och krav kräver andra dimensioner, låt det vara din guide
Steg 2. Ställ in bakgrundsfärgen
Fyll bakgrundsskiktet med en färg som komplimangerar din webbdesign.
- Klicka på förgrundsfärgen för att få fram färgväljaren och välj din fyllningsfärg.
- Med Paint Bucket -verktyget fyller du bakgrundsskiktet i bannern med din färg.
Steg 3. Skapa ett nytt lager
Vi kommer att fylla detta med en rikare färg för att hjälpa till att kvitta text och logotyp. Vi vill att den ska stå i proportion till bannern och vara centrerad.
- I det nya lagret skapar du ett urval som är något mindre än den ursprungliga bannern och fyller det med önskad färg.
- Centrera det fyllda området. Välj hela lagret genom att trycka på CTRL-A (PC) eller Command-A (Macintosh).
- Från Lager på menyn, välj Justera lager efter markering> Vertikala centra. Upprepa detta steg men välj Horisontella centra. Detta kommer att centrera kontrastlagret horisontellt och vertikalt.
Steg 4. Lägg till din logotyp
Öppna din logotypfil, kopiera den och klistra in den i ditt bannerdokument där den kommer att visas som ett nytt lager. Ändra storlek efter behov för att passa. Tryck på CTRL-T på en dator, eller Kommando-T på en Macintosh, och använd handtagen för att ändra storlek på dokumentet efter behov med hjälp av skiftknappen på handtagen för att ändra storlek proportionellt.
Steg 5. Lägg till ditt företags- eller webbplatsnamn
Välj textverktyget, välj önskat teckensnitt och skriv in det. Om det inte är rätt storlek, justera efter behov enligt beskrivningen i föregående steg.
Steg 6. Lägg till extra element
Ibland räcker det med en logotyp och ett namn. Andra gånger, om du lägger till några rader och prydnader kommer du att lägga till det intresse du behöver för din banner. Skapa ett nytt lager för att göra detta så att du kan göra alla nödvändiga justeringar utan att störa andra lager.
Steg 7. Rensa upp det
Finjustera placeringen av logotyp och titel, och eventuella extra element, och spara sedan din banner.
Metod 2 av 6: Använda Microsoft Paint
Steg 1. Skapa ett nytt dokument
Steg 2. Rita ett bannerstorlek
Det kan vara vilken storlek du vill, eller klicka här för att se vanliga bannerstorlekar.
Steg 3. Om du vill ha en färgad bakgrund kan du använda färghinkverktyget för att fylla bannern med vilken färg du vill
Gör det till något som fungerar med resten av din webbplats.
Steg 4. Lägg till foton, bilder och text
Klicka på Klistra fliken och välj från menyn Klistra in från.
Hitta en bild du gillar och klicka på Öppen knapp.
Steg 5. Ändra storlek på din bild om det behövs
Klicka på Ändra storlek fliken och välj sedan Pixlar. Ställ in den vertikala höjden så att den matchar höjden på din banner.
- Flytta bilden på plats.
- Lägg till så många bilder du vill (så passar det!)
Steg 6. Lägg till ditt namn
Använda Text verktyg (A knappen), lägg till ditt namn eller någon annan text du gillar.
Steg 7. Beskär din banner
Använd Välj verktyg och rita en ruta runt din banner. Se till att det är den storlek du vill att din färdiga banner ska vara. Klicka sedan Beskära.
Steg 8. När du är klar, spara det
Metod 3 av 6: Använda Microsoft PowerPoint
Steg 1. Skapa ett nytt, tomt PowerPoint -dokument
Justera vyn så att den är 100%
Steg 2. Rita bannerbakgrunden
Använd en av de vanliga bannerstorlekarna, eller vilken storlek du behöver.
- Klicka på Form fliken och välj en grundläggande rektangel.
- Rita ut den i önskad storlek och fyll den sedan efter önskemål. Du kan använda en enfärgad eller från fyllningsfärgsmenyn, välj Fyll effekter, eller klicka på Snabba stilar -knappen och välj en förinställd fyllning.
Steg 3. Lägg till ett foto eller en logotyp
Du kan lägga till foton, logotyper eller andra bilder i din banner. Vi kommer att använda några clip art för att illustrera. Klicka på Bild -knappen och välj önskad bildtyp som du vill inkludera. Lägg till din bild, ändra storlek på den och placera den i din banner
Steg 4. Lägg till text eller andra element
Ange ditt företagsnamn, tagline eller annan information du vill runda av din banner och slutföra den.
Steg 5. Välj banderoll
Från Redigera meny, välj Välj alla eller skriv CTRL-A (PC) eller Command-A (Mac). Viktigt: se till att din banner är precis som du vill ha den och att det inte finns något annat på bilden!
Högerklicka på alla icke-textelement i din banner och välj sedan Spara som bild …
Steg 6. Spara din banner
Öppna den och verifiera att den är som du ville ha den och använd den efter behov!
Metod 4 av 6: Använda Online Banner Constructors
Steg 1. Besök någon av följande webbplatser:
BannersABC.com, Addesigner.com, mybannermaker.com, etc. (Google för mer). Det finns ett antal olika bannerbyggare online. Tillbringa några minuter med att jämföra de olika funktionerna och välj den som passar dig bäst.
Steg 2. Lägg till text och bilder
Följ anvisningarna och metoderna på skärmen för att bygga din banner. De kommer ofta att ha sina egna konstverk som du kan använda, eller så kan du importera bilder av din egen skapelse för att lägga till i bannern.
Steg 3. Skapa din banner
När du är klar kommer det i allmänhet att finnas en exportfunktion som låter dig ange vilken mapp eller katalog du vill spara till, och filformat (jpeg är vanligtvis bra). Följ instruktionerna, spara, ladda ner och använd efter behov.
Metod 5 av 6: Gör en avatar som matchar ditt banner
Steg 1. Detta är valfritt
Men du kanske vill ha en matchande avatar för din banner om du använder den på forum.
Steg 2. Använda alternativet Beskär
Den är tillgänglig i de flesta grafikapplikationer. Beskär din banner till ett litet avsnitt.
Alternativt kan du designa en liten version som innehåller delar av din större banner. Det kan bara vara din logotyp, eller din bild, eller bara ditt företagsnamn. Nyckeln är att hålla den läsbar
Steg 3. Din avatar ska vara liten
48 x 48 pixlar är en standardstorlek.
Steg 4. Spara din avatar
Metod 6 av 6: Lägga till en banner till forumsignaturer, webbplatser etc
Steg 1. Skapa ett konto
Använd en bilddelningswebbplats som Photobucket, Flickr, Tumblr eller något liknande.
När du har skapat ditt konto kan du ladda upp din banner, avatar och andra bilder till webbplatsen
Steg 2. Hämta koden
Använd delningsfunktionerna för att få HTML -koden för att lägga till din banner i din forumsignatur, webbplats eller något annat.
Tips
- Ha en mängd olika teckensnitt tillgängliga på din dator.
- Övning ger färdighet
- Titta på forum eller andra platser för att se exempelbanners!
Varningar
- Att göra en banner tar tid och tålamod!
- För att hålla det i bästa skick, spara det i 24 bitars bitmapp, och gör en kopia i Jpeg och Gif, eftersom Jpegs och Gifs kan lägga till slumpmässig oskärpa i det.
- När du laddar upp ditt foto till Photobucket, om du använde PowerPoint för att göra din banner kan det vara en EMF -fil, som Photobucket inte accepterar. För att konvertera den, se till att när du sparar din bild (steg #9) som en JPEG- eller-g.webp" />