G R A F I K & B I L L E D E M O C K U P S

Transkript

1 GRAFIK & BILLEDE MOCKUPS

2 Opgavebeskrivelse Jeg har valgt at beskrive en Mockupproces, som er lavet til Inhouse Graphic (IHG). Dette Mockup er lavet af et produkt fra en opgave. Afsender Filmprojekt Gellerup Modtager Unge og unge-voksne mellem 18 og 35 år, der er bosat i Aarhus med en form for kontanthjælp. Bidrag Jeg har stået for hele projektet sammen med en kollega. Anvendte programmer Photoshop Kvalitetsvurdering At lave Mockups er for mig en kunst i sig selv. Det er en længere proces, men den genanvendelighed, der opnås ved brug af Smartobjects i denne sammenhæng, er det hele værd. Dette er noget af det vigtigste, jeg har fået øjnene op for i år, og det virkede d erfor naturligt at vælge denne opgave som min kernekompetence. Portfolio 2014 / Side 2

3 PROCESGENNEMGANG Baggrund» Opsætning af det miljø, mit Mockup skal fungere i Transformering» Tilrette produktets form til perspektivet jeg har valgt at anvende Lys / skygge» Giver mit Mockup Dybde fornemmelse og realisme Farveregulering» Justering af farverne så de springer mere ud Skarphed» Gøre mit Mockup skarpere i kanterne, så det på afstand ser mere livagtigt ud Smartobjects» Når jeg vil genanvende mit Mockup til et nyt projekt, skal jeg blot indsætte et nyt smartobjekt Portfolio 2014 / Side 3

4 Miljø Jeg startede med at fastligge det miljø, som mit Mockup skulle placeres i, hvilket giver en indikation på hvor lyset kommer fra. Dette lavede jeg med Gradiant Tool. Lysets indfald» Skygge» Portfolio 2014 / Side 4

5 Begyndelse Jeg startede med at indsætte alle fire sider på min baggrund. Siderne skal bruges separat og altså ikke som opslag. Transformering Herefter tranformerede jeg elementerne. Dette gjorde jeg ved at markere et af mine billeder, højreklikke og vælge de forskellige transformerings muligheder. Jeg benyttede først perspekti veringsværktøjet for at definere dens perspek tiv. Herefter anvendte jeg distortværktøjet, idet at jeg ikke kunne rykke billedets vinkler unaturligt, hvilket jeg blev nødt til for at få den vinkel, jeg ønskede.» En af de fire sider i sin alm. stand.» Alle fire sider indsat som Smartobjects.» Her ses transformerings muligheder.» Efter perspektivering og distort.» Det færdige opslag uden effekter. Portfolio 2014 / Side 5

6 Lys Jeg har tilført en gradieret hvid farve på lag ene som skal fungere som highlights. Disse highlights Blend Modes er sat til Overlay med en gennemsigtighed på 25%. Skygge For at brochuren skulle se så naturlig ud som mulig, påførte jeg den lys og skygge i forhold til det lysfald, jeg gav mit baggrundsbillede. Da lyset kommer skråt oppe bagfra vil skyggerne falde fremad. Jeg lavede skyggerne ved at kopiere brochurens lag, så brochurens skyggeform ser ægte ud. Herefter farvelagde jeg dem med en sort farve via layer styles, og til sidst tilførte jeg Gaussian Blur på 2 px. Herefter satte jeg skyggelagene til Multiply og nedjusterede gennemsigtigheden til 60%, hvorefter jeg rykkede laget en smule nedad. Ved det øverste opslåede opslag gav jeg skyggen en layermask og nedtonede herefter lagets slutkant med en gradiering. Ydermere påførte jeg brochurens sider en svag gradieret skygge på selve laget for at give dem et naturligt lysfald på overfladen.» Lyskilde» Lyset kommer bagfra, så skyggerne falder imod beskueren» Gaussian blur effekt til skyggelaget Portfolio 2014 / Side 6

7 Farveregulering For at gøre produkterne i mit Mockup virkelig sprøde, skruede jeg en tand op for farverne. Til dette anvendte jeg først curves. Dette giver en affarvet mat effekt, som sørger for at brochurens kontraster er nedtonede. Herefter anvendte jeg et gradient map fra mørkelilla til mat blå i midten og til en mat lilla til sidst. Jeg satte dens Blend Mode til Hard light og nedjusterer opaciteten til 15%. Dette gjorde jeg for at give farverne mere pang men på en nedtonet måde. Sluttleligt bruger jeg også et vibrance lag, hvor jeg sætter vibrance til 75% og saturation til -10%.» Curve Adjustment Layer» High Pass Filter» Vibrance Effekt» Uden High Pass Filter Final Touch Det sidste jeg gjorde var at øge skarpheden. Dette gjorde jeg ved at lave en kopi af hvert lag, og tilføre disse et High Pass filter på 2.5 px, med dens Blend Mode sat til Overlay.» Med High Pass Filter Efter resultatet» Farverne springer mere i øjnene Portfolio 2014 / Side 7

8 Smartobjects Jeg har anvendt smartobjects til alle mockup layers, hvilket giver mig to fordele: Der arbejdes Non destructive. Formen på mockups forbliver, imens indholdet kan udskiftes. Altså er metoden genanvendelig.» Indholdet kan udskiftes» Smartobjektet åbnes og indholdet kan udskiftes» Det færdige resultat efter indsættelse af nyt smartobjekt Portfolio 2014 / Side 8