Grafik & billedbehandling. EDC Åløkken, Vinduesfolie

Transkript

1 Grafik & billedbehandling EDC Åløkken, Vinduesfolie

2

3 KUNDE EDC ÅLØKKEN Opgave: Design af vinduesfolier Opgaven indeholder: Design manual Illustrator Stregtegning Masker i illustrator Optimering af billeder i Photoshop Mock up i Photoshop EDC Åløkken ville gerne have shinet deres bygning op med nogle vinduesfolier, som skulle symbolisere deres simple salgstjek.

4 DESIGN EDC Åløkken havde fået hele deres bygning og indvendig inventar shinet op. Mig og en kollega sad med denne opgave. Den røde tråd Den røde tråd går igen via deres design manual. Fonte og farver afviger ikke fra design linien, hvilket for får det hele til at passe sammen. Åløkken har 3 x 4 sæt af vinduer ved siden af hinanden på deres bygning. Det er her de skal sættes op. Oneway Folie Produktet skal laves på en folie der hedder oneway. Denne folie dækker hele vinduet. Det specialle ved denne folie er at der lavet 2-3 mm huller forskudt på 3 mm. Dette gør at man kan se igennem folien. Som du kan se nedenfor er det meningen at disse 4 folier skal sættes op ved siden af hinanden. EDC SALGSTJEK HVORDAN VIL DU SÆLGE? TRYGHED I SALGET VI HAR KØBERNE KOM IND OG FÅ ET UFORPLIGTIGT SALGSTJEK

5 DESIGNMANUAL X X EDC har en lang række ting der skal overholdes når vi taler om logo og tekster. Der er altid en fast størrelse til diverse trykformater. Men da dette af en storformats opgave i en ikke regulær størrelse havde vi frie hænder til hvordan teksten skulle placceres og bruges. Også for at deres afdeling skulle virke mere personlig. Font Ifølge design manualen skal der bruges Helvetica Neue og kun i 2 forskellige vægte, kan dette ikke lade sig gøre, kan man bruge fonten Arial. 55 Roman Aa Bb Cc 65 Bold Aa Bb Cc Det gode ved Helvetica Neue er den virker rigtig godt på både brødtekster men også godt i storformat. Skriften har nogle gode rundninger og på grund af den høje x-højde er den tydelig at læse på afstand. Da vi havde frie hænder med hvordan vi arbejdede med teksten har vi lavet det hele i versaler. Farver Der er 4 faste farver som må bruges til EDC. Som standard er næsten alle designmanualer oplyst med en pantone værdi og gengivelig CMYK værdi af pantone farven. Dette job er lavet i CMYK, som er konventeret ud fra pantone farven for at give den bedste gengivelsen af farven. Se farverne nedenfor. Pantone 288C / C=100 M=72 Y=11 K=54 Pantone 130C / C=0 M=35 Y=100 K=0 Pantone Cool Gray 10C / C=0 M=0 Y=0 K=65 C=0 M=0 Y=0 K=0 / paper

6 IKONER EDC Åløkken ville gerne have vi skulle bruge nogle ikoner fra deres hjemmeside og de måtte gerne laves lidt mere simpel. Ikoner er rentegnet i illustrator. Har rentegnet og simplificeret nogle af de ikoner de havde på deres salgstjek på hjemmesiden også for at gøre det genkendelig, når man besøgte hjemmesiden efter man havde set vinduesfolierne.

7 MOCK UP EDC Åløkken ønskede at modtage en korrektur af produktet samt en mock up, så de kunne få en idé om hvordan folien ville se ud når den blev sat op. Mockuppen er lavet i Photoshop og får at give den følesen af at man kunne se igennem har jeg skruet ned for opacity. Grunden til dette er at de nogenlunde vil give den samme "feel" når man ser folien fra en okay afstand.

8 PHOTOSHOP Her kan du se de diverse tools og effekter der er brugt for at lave denne mock up. Retouch tool Retouch tool har jeg gjort meget brug af for at gøre op for alt skidt og revner på bygningen, samt fjerne det gamle vinduesfolie de havde på deres vinduer. Se ekempler nedenfor. osv.) for at disse transform tools blev mulige skal man konventere sit vector baserede element til et smart object. Vibrance Vibrance har jeg lagt ind som et lag. Billedet var meget kold og ikke så farverig og en anelse mørk. Jeg har ved hjælp at dette lag skruet lidt op for de grønne og blå nuancer af original billedet. Selectionen af layeret har jeg fået ved hjælp af værktøjet color range og valgt de punkter jeg skulle fremhæve. Se eksempler nedenfor. Smart Objects Vinduesfolier er sat ind som links, som virker som et smartobject. Nu har jeg ikke nogle filter på disse billeder, men det kunne man have gjort så man får dem frem som et lag, der kan justeres til hvis dette ønskes. Grunden til jeg konventerede til smart object her er, fordi som standard "linked" filer, kan man ikke transforme på fuld hammer (warp, perspective På denne måde er der lidt mere farver og mere liv i billedet.

9 Curves Som sagt var billedet en anelse kold og mørk. Jeg har lysnet billedet en anelse op ved hjælp af curves. Dette er lagt ind som et lag så man senere kan justere det til unden at smadre billedet. Skygge lag Vindueskarmen manglede skygge efter retouching af billedet. Har lavet skyggen ved hjælp af brush tool og masks. For at give den en mere realistisk effect er brushen brugt i forskellige svage opacity og derefter er laget også justeres til med opacity. Se eksempler nedenfor. Alt er opbygget i lag og navngivet korrekt så det er til at finde rundt i. Sublayers i Illustrator I Illustrator er layers brugt som emner, mens alle elementer til emnet ligger i sublayers. Da det er hul i hovedet at side med de 100'vis af lag.

10 PORTRÆTTER Portrætter har jeg retouched, fritlagt og renset huden til, for at det ikke blev alt for tydlig på storformat. På denne måde virker det også mere imødekomne.

11 Fritlægning & mask edge Fritlægning af hår og person, er lavet med pentool, som derefter er lavet om til en maske. Fritlægningen af hår er lavet ved hjælp af mask edge, grunden til denne metode er valgt er fordi at deres hår er på okay god baggrund konstrast mæssigt, hvilket ville give et hurtigt og godt resultat. Øjne & mund Jeg har shinet deres øjne og mund op med en simpel selection omkring deres øjne og mund og duplikeret layers ovenpå. Disse layers er sat på "screen" mode og masket til og skruet ned for opacity. Dette fremhæver deres øjne og tænder. Dette gør dem også mere imødekomne.

12