Til den velgørende fodboldturnering Unicef Cup havde jeg designet et logo til TV-Landsholdet, der deltog i turneringen.

Størrelse: px

Starte visningen fra side:

Download "Til den velgørende fodboldturnering Unicef Cup havde jeg designet et logo til TV-Landsholdet, der deltog i turneringen."

Jens Winther
8 år siden
Visninger:

1 L F G B G R A F I K & B I L L E D E N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E

2 O P G A V E N Til den velgørende fodboldturnering Unicef Cup havde jeg designet et logo til TV-Landsholdet, der deltog i turneringen. Det færdige design skulle rentegnes, så holdet kunne få logoet trykt på deres spillertrøjer. Derudover lavede jeg et mockup i Photoshop, der viste, hvordan logoet ville se ud på en spillertrøje, så holdet kunne få et indtryk af det endelige resultat. 1

3 G R U N D F O R M Logoets grundform er bygget op af et rektangel og en cirkel, som jeg har forenet ved hjælp unite -funktionen i Illustrators pathfinder-værktøj. Formen har jeg efterfølgende delt i to. Den øverste af disse to dele har jeg lavet to firkantede huller i. Begge dele er gjort ved hjælp af former og minus front - funktionen i pathfinder. 2

4 F J E R N B E T J E N I N G Lige som grundformen er fjernbetjeningen sammensat af et rektangel og en cirkel. Knapperne er tegnet ved hjælp af cirkler og rektangler. Den store runde knap i midten er lavet af en cirkel, som jeg har skåret til ved hjælp af en mindre cirkel og delt op ved hjælp af et kryds af to lange rektangler, der står vinkelret på hinanden. 3

5 F O D B O L D B A N E Boldbanen er bygget op af et rektangel. Kridstregerne er skåret i banen med minus front funktionen i pathfinder ved hjælp af rektangler og cirkler. Det var vigtigt at lave det på denne måde frem for bare at lave linjerne med Line Tool. Ved at lave dem af figurer, kunne jeg netop lave dem til negative områder. Ellers var de blevet hvide uanset farven på baggrunden, hvilket jeg ikke var interesseret i. 4

6 T V - M A S T Til radiobølgerne, der stråler ud fra masten, lavede jeg tre cirkler, hvor jeg brugte rektangler med bestemte bredder som måleredskaber til at justere de tre cirkler, så de både havde meget mellemrum mellem sig og var lige tykke. Jeg lavede to lange tynde rektangler, som dannede et kryds. Ved hjælp af krydset og minus front i pathfinder delte jeg radiobølgerne op i fire dele. Jeg slettede de øverste og nederste dele, således at der kun var bølger vandret ud fra masten. Til mastens midterkonstruktion lavede jeg tværgående vinklede rektangler, som jeg kopierede og spejlvendte ved hjælp af reflect-værktøjer, således at mønstret blev symmetrisk. 5

7 B A N N E R Banneret er bygget simpelt op af tre rektangler. Det største i midten indeholder ordet LANDSHOLDET, og de to mindre har jeg givet et ekstra anchor pont ved hjælp af penneværktøjet. Dette punkt har jeg så trukket lidt ind mod midten af figuren, så den får den vimpellignende form med de to spidser. Jeg lavede én af disse vimpelforme, som jeg kopierede og spejlvendte ved hjælp af reflectværktøjet for at sikre, de blev identiske. Jeg lagde dem bagerst vha. send to back for at skabe illusionen af dybde i banneret. 6

8 N E G A T I V Som tidligere nævnt skulle logoet være monokromt. Det skulle altså være i én farve. For at opnå dette, skulle alt, der fremgik som hvidt i mit dokument, laves som negative områder, der altså vil tage samme farve, som den baggrund logoet bliver placeret på. Derfor tjekkede jeg logoet for områder, jeg undervejs i processen ikke havde fået lavet som negativ endnu. Jeg lagde en farvet baggrund bag logoet, så det var tydeligt at se, hvor der skulle gøres noget. Alt der fremstod hvidt på den farvede baggrund, skulle klippes ud ved hjælp af pathfinder. Jeg var bl.a. nødt til at skære noget af logoets bund af, da det ellers dækkede noget af banneret. Det gjorde jeg ved hjælp af et rektangel (vist med gul), som dækkede den del af logoet, der dækkede for banneret. Jeg fjernede det så ved hjælp af pathfinder. 7

9 S T R Å L E R Strålerne består af 4 forskellige sæt former, som er tegnet med pen tool. Jeg lavede en cirkel, hvor jeg placerede den ene af formerne yderst på cirklen centreret i toppen. Med formen markeret valgte jeg rotate tool, holdte alt nede og klikkede i centrum af cirklen. I dialogboksen indtastede jeg 360/9 (cirklens 360 grader divideret med 9, som var det antal af hver form, der skulle være rundt om cirklen) og valgte copy. Herefter trykkede jeg cmd+d, indtil formen var kopieret hele vejen rundt. Jeg gentog proceduren med de 3 øvrige former, og samlede de 4 sæt, så deres centrum stod samme sted. Så fordelte jeg dem mellem hinanden ved at rotere dem. Jeg havde grupperet hvert sæt former, så det var let at markere de enkelte. Efter at have placeret strålerne bag logoet fjernede jeg enkelte af dem i toppen og i bunden, så hhv. kronen og banneret stod frit. 8

10 T E K S T U R I Den grunge-agtige tekstur er lave i to trin. Den første del er lavet i Photoshop. Jeg fandt et billede på nettet af en tekstur, jeg kunne lide. Den åbnede jeg så i Photoshop. Først øgede jeg kontrasten ved hjælp af levels, så det ville blive nemmere at isolere de områder af teksturen, jeg skulle bruge. Herefter markerede jeg alle de hvide områder, som jeg ville fjerne, ved hjælp af Color Rangevinduet. Her valgte jeg highlights, så alle de hvide områder blev markeret. Så slettede jeg de hvide områder, omvendte min selektion (cmd+shift+i), således at de nu var de mørke områder, der var markeret, og fyldte med 100% sort. Jeg gemte billedet som en PSD-fil og fortsatte processen i Illustrator. 9

11 T E K S T U R I I I Illustrator åbnede jeg Image Trace-vinduet. Default-presettet fungerede fint til dette profjekt, så jeg trykkede Trace. Nu havde jeg en vektoriseret udgave af teksturen, men den havde stadig en hvid baggrund. Derfor valgte jeg Object > Flatten Transparency, som lavede baggrunden transparent. Herefter lagde jeg den færdige vektor-tekstur over mit logo og skar huller ved hjælp af Minus Front-funktionen i Pathfinder. 10

12 M O C K U P I Det oprindelige billede havde ikke rigtig nogle folder eller lignende, der lavede nogle gode skygger, der hvor logoet skulle sidde. Derfor kopierede jeg et stykke fra midten af trøjen, hvor der netop var nogle kraftige skygger. Jeg placerede det kopierede stykke på brystet og blødte masken op med gaussian blur, så det ikke så sammenkopieret ud. Jeg lavede en sort/hvid udgave af trøjen, hvor jeg øgede kontrasten mellem skygger og højlys kraftigt ved hjælp af levels. Denne fil gemte jeg som mit displacement map. Jeg placerede vectorlogoet på trøjen som et smartobject og valgte Filter > Distort > Displacement Map. Her valgte jeg så min tidligere gemte displacement map-fil og ændrede både den horisontale og de vertikale værdi til 3, da effekten blev for kraftig med 5, som er standardværdien. Allerede nu smøg logoet sig langs trøjens folder, men der manglede stadig skygger. 11

13 M O C K U P I I Jeg kopierede min displacement map-fil ind i mit Photoshop-dokument og duplikerede det, så det lå to gange. På den ene ændrede jeg blend mode til Multiply og sænkede opaciteten til 75%. Den anden satte jeg til Soft Light og sænkede opaciteten til 25%. Nu lå der fine skygger på logoet langs trøjens folder, så det så meget mere realistisk ud. 12

14 K V A L I T E T S - V U R D E R I N G Det endelige resultat lever fuldt ud op til de forventninger, jeg havde på forhånd. Jeg synes, jeg har fået anvendt nogle avancerede og effektive funktioner i Illustrator og har fået lavet et teknisk flot logo. 13

15 14 F Æ R D I G T L O G O

Relaterede dokumenter

GRAFIK & BILLEDER. Marc Jacobs Daisy parfume annonce

GRAFIK & BILLEDER. Marc Jacobs Daisy parfume annonce GRAFIK & BILLEDER Marc Jacobs Daisy parfume annonce PROCESSBESKRIVELSE Beskrivelse af fremgangsmåde for Marc Jacobs Daisy Dream annonce. Opstart 01. Brainstorm. 02. Research, filsøgning, idégenerering