MÅL At lave et webbanner som var i stil med den allerede eksisterende annonce, som kunne holde sig indenfor 60KB.

Transkript

1 GRAFISK DESIGN

2 OPGAVE At lave et webbanner på 300 x 250 px til Teatret Svalegangen for forestillingen Rovdyr, som skulle bruges til indrykning på aoa.dk og ibyen.dk. Denne måtte max fylde 60KB og skulle have skiftende billeder af skuespillerne samt ny tekst for hvert nyt billede kørende i loop. MÅL At lave et webbanner som var i stil med den allerede eksisterende annonce, som kunne holde sig indenfor 60KB. BIDRAG Grafisk produktion af webbanneret samt komprimering af denne. IDÉ Idéen var at lave webbanneret i helt samme stil som den allerede eksisterende annonce, for på den måde at skabe genkendelighed. FORMAT Formatet var fast idet det skulle bruges til webbanner på en eksisterende side og derfor blev det 300 x 250 px, som der var blevet bestilt.

3 OPSÆTNING Da der allerede var blevet lavet en grafisk stil til annoncen, var min opgave at sørge for at bibeholde denne opsætningsmæssigt. Dette gjorde jeg ved at bl.a. at bruge de samme fonte og farver som på annoncen. FONTVALG Jeg har valgt at benytte samme fonte, som den er brugt i den trykte annonce, altså AFKlampenborg (ses på denne side), som er Teatret Svalegangens font og Telegraphem (ses på næste side) som bliver brugt til forestillingen Rovdyr. LAYOUT Layoutmæssigt er banneret lavet på den måde at det samme billede af hovepersonen går igen, mens teksten på billedet skifter mellem titlen og datoerne på stykket samt to statements. FARVEVALG Farvemæssigt er der en smule farve på billedet. Disse er dog meget svage og dystre. Derfor er der brugt en nærmest neongrøn spotfarve til at skabe fokus og kontrast på de to statement tekster. Derudover er der brugt hvid på titlen på sttykket idet det går igen fra den trykte annonce og derved skaber genkendelighed. ABC DEFGHIJKL MNOPQRSTUVWXYZÆØÅ abc defghijkl mnopqrstuvwxyzæøå RGB: CMYK: ,.! #%&/()=?

4 Billedvalg og redigering Med hensyn til billedvalget, var dette let, da der allerede var lavet en trykt annonce, hvor forestillingsbilledet var blevet valgt. Dog skulle jeg vælge beskæringen og med mit meget lille format, valgte jeg at fokusere på hovedpersonen idet hun var den mest kendte og derved genkendelige. Jeg har desuden valgt at lave godt med luft nederst, så jeg havde plads til min tekst der. ABC DEFGHIJKL MNOPQRSTUVWXYZÆØÅ abc defghijkl mnopqrstuvwxyzæøå ,.! #%&/()=? Før Efter

5 Arbejdsprocess Jeg startede med at få en mail, hvori der stod hvad kunden ønskede sig og hvad specifikationerne, som skulle overholdes i forhold til uploading var. Herefter gik jeg i gang med at finde billedet fra den trykte annonce. Da jeg havde fundet denne, lavede jeg et photoshop dokument, som havde målene 300 x 250 px, hvorefter jeg placerede billedet fra den trykte annonce med den valgte beskæring (som ses på forrige side). Derefter indsatte jeg så de ønskede tekster fra kunden og lavede en jpg af alle lagene. Da dette var gjort, placerede jeg de tre jpg-filer i et nyt photoshop dokument. Herefter gik jeg op i window -> timeline og lavede på den måde skiftet mellem de forskellige billeder. Her valgte jeg at de skulle køre i loop, så animationen aldrig skiftede samt at de skulle stå med samme billede i 4 sekunder hver. Da animationen var klar, blev denne sendt til korrektur hoskunden. Filen var heldigvis godkendt med den samme og jeg kunne derved sende en webklar tilbage. Problematikker og kvalitetsvurdering Det hele gik egentlig som smurt. Dog blev der en lille ændring billedmæssigt i forhold til hvad kunden ønskede idet gif-filen ville komme til at fylde for meget hvis det skulle være 3 forskellige billeder og vi valgte derfor at bruge det samme billede, men med forskellige tekster på. Alt i alt synes jeg det blev et fint banner, som fanger ens opmærksomhed ret hurtigt, så jeg er godt tilfreds.

6