Skapa en banner

Steg
Tips
Varningar

En webbbanner är något vi alla så småningom blir bekanta med. Detta är vanligtvis en bild överst på en webbplats, med företagets namn och logotyp, eller så är det reklam – eller lite av båda i fallet med en kommersiell webbplats. En banner ska vara informativ, attraktiv och inbjudande – du vill att den genomsnittlige besökaren ska stanna kvar. Vi visar dig några sätt att göra detta.

Steg

Metod 1 av 6: Photoshop

1. Skapa ett nytt dokument. Bestäm vilken storlek bannern ska ha: det finns ett antal standardstorlekar. För vårt syfte fokuserar vi på en standard "full banner" storlek: 468 pixlar x 60 pixlar:

Observera att detta är en standardstorlek, men inte ett krav. Justera detta efter behov.

2. Ställ in bakgrundsfärgen. Fyll bakgrundslagret med en färg som matchar din webbdesign.

Klicka på förgrundsfärgen för att ta fram färgväljaren och välj en fyllningsfärg.

Med verktyget Paint Bucket fyller du bakgrundslagret på bannern med den valda färgen.

3. Skapa ett nytt lager. Vi kommer att fylla den med en rikare färg för att få texten och logotypen att sticka ut bättre. Detta bör stå i proportion till storleken på bannern och i mitten.

I det nya lagret gör du ett urval som är lite mindre än bannern och fyller den med önskad färg.

Centrera det fyllda området. Välj hela lagret genom att trycka CTRL-A (PC) eller Kommando-A (Macintosh).

Från lager-menyn (Lager), välj Justera lager till urval > Vertikala centra. Upprepa detta steg, men välj nu Horisontella centra. Centrerar kontrastlagret både horisontellt och vertikalt.

4. Lägg till din logotyp. Öppna din logotypfil och kopiera och klistra in den i bannerdokumentet där den kommer att visas som ett nytt lager. Skala om vid behov. Tryck på CTRL-T (PC) eller Kommando-T (Macintosh) och använd handtagen för att ändra storlek på dokumentet, använd Skift-tangenten för att spara proportionerna.

5. Lägg till namnet på ditt företag eller namnet på webbplatsen. Välj textverktyget, välj ett teckensnitt och skriv in namnet. Om storleken inte är korrekt, justera den efter eget tycke enligt beskrivningen i föregående steg.

6. Lägg till ytterligare element. Ibland räcker det med en logotyp och ett namn. Men att lägga till linjer och utsmyckningar kan göra saker lite mer intressanta. Skapa ett nytt lager för att göra detta så att du enkelt kan justera utan att störa de andra lagren.

7. städa. Flytta logotyp, titel och andra element så att de blir exakt rätt, och spara din banner.

Metod 2 av 6: Microsoft Paint

1. Skapa ett nytt dokument.

2. Gör ett urval i form av en banner. Detta kan vara vilken storlek du vill, men du hittar några standardstorlekar här.

3. Om du vill ha en färgad bakgrund, använd färghinken för att fylla bannern med vilken färg du vill. Se till att den passar med resten av din webbplats.

4. Lägg till foton, grafik och text till den. Klicka på fliken pasta och välj Klistra in från.

Hitta en bild du gillar och klicka Öppen.

5. Gör din bild större/mindre efter önskemål. Klicka på fliken ändra storlek och välj Pixlar. Ställ in den vertikala höjden så att den matchar höjden på din banner.

Lägg bilderna på deras plats.

Lägg till så många bilder du vill.

6. Lägg till text. Använd text-verktyg (knappen a), och lägg till ditt namn eller någon annan text du vill använda.

7. Beskär din banner. Användande Välj och rita en rektangulär ruta runt din banderoll. Observera att detta är storleken på din slutliga banner. Klicka sedan beskära.

8. När du är klar, spara den!

Metod 3 av 6: Microsoft PowerPoint

1. Skapa ett nytt tomt PowerPoint-dokument.

Ställ in bilden på 100 %.

2. Rita bakgrunden på bannern. Använd en standardstorlek för bannern, eller den storlek du behöver.

Klicka på fliken form och välj en basrektangel.

Rita denna i önskad storlek och fyll i. Du kan använda en enfärgad för detta eller använda ett fyllningsmönster (via Fyllningseffekter eller Snabbstilar knapp.

3. Lägg till ett foto, logotyp eller annan bild till den. Som illustration använder vi lite clipart. tryck på knappen bild och välj vilken typ av bild du vill infoga. Lägg till din bild på den, justera storleken och placera den i din banner.

4. Lägg till text och andra element till den. Placera sedan namnet på ditt företag, slogan och annan information i bannern, för att komplettera den.

5. Välj bannern. Välja redigera > Välj alla eller CTRL-A (PC) eller Kommando-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å ett element som inte är text och välj sedan Spara som bild...

6. Spara din banner. Öppna bannern och kolla om allt är som du vill!

1. Gå till någon av följande webbplatser: Banderoller ABC.com, Addesigner.com, mybanner maker.com, etc. (det finns många fler att hitta). Det här är webbplatser där du kan få fram banners. Ägna några minuter åt att jämföra de olika alternativen och välj det bästa för dina ändamål.

2. Lägg till text och bilder. Följ anvisningarna på skärmen för att skapa din banner. Ofta har de sina egna konstverk som du kan använda, eller så kan du importera dina egna bilder för att göra en banner.

3. Få din banner genererad. När du är klar finns det vanligtvis en exportfunktion som låter dig specificera vilken mapp eller katalog du vill spara bannern i och vilken filtyp du vill använda (Jpeg är vanligtvis förstahandsvalet). Följ instruktionerna, spara, ladda ner och använd som du vill.

1. Detta är valfritt. Men du kan tänka dig en matchande avatar för din banner, om du vill använda den på forum.

2. Använda gröda. Du hittar det här alternativet i de flesta grafikapplikationer. Beskär din banner till en mindre version.

Ett alternativ är att skapa en liten version som innehåller flera element från din större banner. Detta kan bara vara logotypen eller ditt foto, eller bara namnet på ditt företag. Det är viktigt att den förblir läsbar.

3. Din avatar ska vara liten. 48 x 48 pixlar är en standardstorlek.

4. Spara din avatar!

1. skapa ett konto. Använd en fotosajt som Photobucket, Flickr, Tumblr eller liknande.

När du har ett konto kan du ladda upp din banner, avatar och andra bilder till webbplatsen.

2. Använder krypteringen. Använd delningsalternativen för att få HTML-koden för att lägga till din banner till din signatur, webbplats eller liknande.

Tips

Se till att du har många bra typsnitt på din dator.
Övning ger färdighet.
Kolla forum och webbplatser för bannerexempel!

Varningar

Att göra en banner tar tid och kräver tålamod!
Spara originalet som PDF, som TIFF (ingen kvalitetsförlust) och gör en kopia som Jpeg/GIF.
Om du vill ladda upp ett foto till Photobucket, se till att det är en JPEG eller GIF..