GRAFIK OG BILLEDBEHANDLING

Transkript

1 AFSENDER // VIRKSOMHEDEN GRAFIK OG BILLEDBEHANDLING ZOLES 33

2 AFSENDER // VIRKSOMHEDEN 34

3 BESKRIVELSE // GRAFIK OG BILLEDER OPGAVEBESKRIVELSE Zoles skal have udformet et nyt layout, som skal kunne bruges til plakat, header billede til hjemmeside, Facebook cover og i deres profilbrochure. Jeg har valgt at tage udgangspunkt i deres headerbillede, som skal anvendes på deres hjemmeside. Opgaven er udført i min fritid. KUNDEKONTAKT Der har været korresponderet med de to stiftere af Zoles med hensyn til layoutet. RESULTAT OPGAVEANSVARLIG Opgaven er udført i samarbejde med kollega. KRAV Vi fik tilsendt billedet af damen, som kunden selv ønskede anvendt. PROGRAMVALG Headerbilledet er udført i Photoshop, da det er bitmap grafik. Dvs. at billedet er baseret på pixels. ANVENDTE BILLEDER 35

4 DOKUMENTER// GRAFIK OG BILLEDER DOKUMENTER Billedet er delt op i to forskellige dokumenter, da damen skal anvendes i forskellige formater og på forskellige baggrunde. Her ses de hver for sig. DOKUMENT 1 DOKUMENT 2 ICC-PROFIL OPLØSNING FRITLÆGNING SELECT AND MASK CLOE SOURCE HUE/SATURATION 36

5 DOKUMENTER // GRAFIK OG BILLEDER AFSENDER // VIRKSOMHEDEN DOKUMENT 1 GRAFIK OG BILLEDBEHANDLING 37

6 OVERBLIK // GRAFIK OG BILLEDER OVERBLIK Her ses et overblik over mine mapper og hvilke effekter, der påføres i de forskellige

7 MAPPEN DAME GRAFIK OG BILLEDBEHANDLING Icc-profil Opløsning Fritlægning Clone source Hue/saturation Select and mask

8 MAPPEN DAME // GRAFIK OG BILLEDER OVERORDNET STØRRELSE OG OPLØSNING Jeg har beskåret det af billedet, som skal anvendes, og valgt en opløsning på 150ppi, både da produktet skal tage hensyn til retina skærme, men også da jeg på nuværende tidspunkt ved, at samme billedmanipulation skal anvendes til en plakat i A3 størrelse. Normalt ville jeg anvende en opløsning på 300 ppi, men da kildematerialet ikke er i høj nok opløsning er kunden gjort opmærksom på at plakaten kun kan printes og ikke trykkes. EMBEDDED PROFILE Use embedded profile vil sige, at jeg anvender den profil, billedet oprindeligt har. ASSIGN PROFIL Her assigner jeg billedet til Adobe RGB. Assign profile sker, hvis vi ikke er tilfredse med de farver, farverummet giver, og vil erstatte den nuværende profil med en anden, men ikke integrere den. På denne måde mister jeg ikke billeddata og forhindrer dobbelkonvertering. Jeg ved at jeg senere skal bruge billedet til tryk og skal redigere den i farverummet Adobe RGB. Derfor vælger jeg at arbejde i samme farverum indtil konverteringen til enten srgb eller Fogra39. CONVERT TO PROFILE Da billedet skal bruges til web, skal det til aller sidst i processen konverteres til srgb. Først her bliver profilen integrereret i billedet. 40

9 MAPPEN DAMEN // GRAFIK OG BILLEDER FRITLÆGNING Selve kvinden fritlægges ved hjælp af pentool. Via select and unmask får vi en række justeringsmuligheder som fx feather, som jævner fritlægningens yderkanter. Ved valg af new layer with layer mask arbejdes der non-destruktivt, da masken tillader mig at male til og fra min selection. 41

10 MAPPEN DAME // GRAFIK OG BILLEDER CLONE SOURCE For at klone og rotere benet er der anvendt clone source. Clone source giver mig mulighed for at rotere og skalere billedet som ønsket og derefter at klone de valgte værdier ind i billedet HUE SATURATION Hue saturation anvendes til at farve skoene, så de passer til vores farvepalette fra designlinien. Hue/saturation kan stille på farvernes mæthed og lys, samtidig giver den mig mulighed for at forvrænge og forvandle de nuværende farver med de andre. HEALING BRUSH For at jævne farven på indersiden af damens lår, fra det tidligere ben, er der anvendt Spot Healing Brush Tool og Healing Brush Tool. Healing Brush Tool tilpasser tekstur, belysning, gennemsigtighed og skyggelægning. Spot healing brush tool giver mig mulighed for at samle pixels op fra et valgt område, hvorefter de tilpasser sig teksturen, som ved Healing brush tool

11 AFSENDER // VIRKSOMHEDEN MAPPEN HÅR GRAFIK OG BILLEDBEHANDLING Burn Brush Levels Blend mode Alfa channels 43

12 MAPPEN HÅR // GRAFIK OG BILLEDER FRITLÆGNING AF HÅR 1. I ALFA-channels vælger jeg den blå kanal, da der er størst kontrast imellem hår og baggrund. 2. Ved at Invert laget ses billedet i negativ. 3. Levels anvendes til at skabe det mørkeste punkt i billedet og derved øge kontrasten. 4. Ved at male med en hvid pensel med Blend mode til Overlay males det hvide kraftigere og det sorte forbliver sort. 5. I Load Selection vælger jeg min selection fra Alfa-kanalen. 6. Burn sat til Midtones med opacitet på 10% giver mig mulighed for at male det grå væk fra håret og trække farven frem igen. 7. Da jeg ikke er tilfreds med fritlægningen af håret, har jeg Downloadet en hair brush som giver mig en realistisk mulighed for at få håret til at se naturligt ud. 8. Her ses resultatet af håret med brush anvendt

13 MAPPEN HÅR // GRAFIK OG BILLEDER

14 AFSENDER // VIRKSOMHEDEN MAPPERNE ZOLES, FOD, SKO OG SÅL GRAFIK OG BILLEDBEHANDLING Filter Hudtoner Smart object Puppet warp Blending mode Hue/saturation 47

15 ZOLES, FOD, SKO OG SÅL// GRAFIK OG BILLEDER ZOLES SÅL Billede af 3D-printet sål modtaget fra kunden. FILTERGALLERY For at få 3D-sålen til at ligne en smooth sål, har jeg anvendt filter. HUE/SATURATION Hue/sauration anvendes for at give farve. GAUSSIAN BLUR Der er anvendt gausisk blur for at blur det i midten. SMART OBJECT Sålen placeres ind i billedet som smart object. 48

16 ZOLES, FOD, SKO OG SÅL// GRAFIK OG BILLEDER PUPPET WARP Puppet warp tillader mig at definere og trække i forskellige kontrolpunkter. På denne måde kan jeg manipulere foden til den ønskede facon Billedet hentes og fritlægges. 2. Foden placeres ind i dokumentet som smart object. 3. Puppet warp anvendes til at justere foden efter Zoles sålen. 4. Her ses foden efter anvendelse af puppet warp

17 ZOLES, FOD, SKO OG SÅL// GRAFIK OG BILLEDER HUDTONER Den indsatte fod har ikke samme hudtone som selve damens hudtoner. Derfor justeres de, så de får samme værdi. PIPETTEN Ved hjælp af pipetten har jeg valgt det mest neutrale punkt i huden. Ved anvendelse af curves justerer jeg farveværdierne. GUIDE FOR HUDTONEER Cyan skal ligge imellem 5-7 M 3 5 gange så høj som C Y 1 2 højere end M K 0 50

18 ZOLES, FOD, SKO OG SÅL// GRAFIK OG BILLEDER SKO Jeg har loaded fodens selektion og tilføjet en ekstra selection, som omridser det af skoen, som skal anvendes. Jeg kopierer det udvalgte fra laget med skoen og sætter oven på foden med en opacity på 52 %. Ved at invertere selektionen masker jeg sålen væk Selection 2. Overlay lagt ovenpå med opacitet 3. Selection vælges for at fjerne sålen 4. Fjernet sål 5. Hue/saturation anvendes til at farvelægge skoen 6. Der påføres en stroke/skygge ved bunden af skoen for at give en mere naturlig kant

19 ZOLES, FOD, SKO OG SÅL// GRAFIK OG BILLEDER SÅL PÅ SKO For at få sålen på skoen ind i billedet igen kopierer jeg laget Roteret ben. Herefter loades selection af 3D-sål for at få en ensartet beskæring, resterende ben og sko maskes væk. For at fjerne det røde genskin der forekommer på sålen, anvender jeg hue/saturation. 52

20 AFSENDER // VIRKSOMHEDEN MAPPERNE MOTION BLUR OG SKYGGER GRAFIK OG BILLEDBEHANDLING Motion blur Layer style 53

21 MOTIONBLUR // GRAFIK OG BILLEDER MOTION BLUR Ved at merge alle mine synlige lag kan jeg herefter påføre det enkelte lag effekten. Motion Blur giver os en form for bevægelse og fremdrift i billedet. For at opnå en kraftigere effekt omkring sålen har jeg malet disse til og derefter påført en ny motion blur effekt. SKYGGER Layerstyle anvendes for at kreere skyggen. For at få effekten på et lag for sig selv er der anvendt create layer. Laget placeres bagerst i dokumentet i mappen skygge. 54

22 DOKUMENT 2 GRAFIK OG BILLEDBEHANDLING Brush Type tool ICC-profil Viagnette Layerstyle Smart object Dropshadow

23 OVERBLIK DOKUMENT 2 // GRAFIK OG BILLEDER OVERBLIK Her ses et overblik over mine lag og hvilke effekter, der påføres på lagene

24 DOKUMENT 2 // GRAFIK OG BILLEDER NYT DOKUMENT Der oprettes et nyt dokument, som skal anvendes til header billedets størrelse. Dokumentets opløsning tager højde for Retina skærme 57

25 DOKUMENT 2 // GRAFIK OG BILLEDER VIGNETTE Vignette udformes ved hjælp af Lens Correttion. Der slås hul igennem laget ved hjælp af en maske, så den grønne farve kommer til syne. Der tilføjes et nyt lag med hvid brush for at give lys. TEKST OG KVINDE Teksten tilføjes, og der indstilles drop shadow ved hjælp af layerstyles. Damen placeres ind på canvas som smart object. For at fjerne det grønne som forstyrrer teksten, selectes teksten og tilføjes en lagmaske på damen for at fjerne kun det, som rammer over teksten. Jeg konverterer mit billede til srgb, inden jeg arkiver det via: save for web and devices. LAG MED SMART OBJECT LAG MED TEKST LYS EFFEKT VIGNETTE MED HUL IGENNEM SÆKUNDER IDENTITETSFARVE 58

26 PROCES // GRAFIK OG BILLEDER PROCESBESKRIVELSE Udfordringen ved det billede som kunden ønskede anvendt var bla., at damen står på et tekstureret baggrund, hvilket gør hendes hår ekstremt svært at fritlægge optimalt. Jeg har tidligere anvendt brush til at erstatte hår, men da kvinden har mange nuancer i håret, var jeg bange for at det ville se for malet ud og ikke blende pænt sammen. Dette er dog lykkedes rigtig fint taget i betragtning af udgangspunktet. KVALITETSKONTROL Billedet har været vist til en del af det valgte segment for at få et feedback. Dette har været for at sikre, at billedet fungerer som et godt blikfang og vækker deres interesse. KILL YOUR DARLINGS Vi har prøvet diverse forskellige fremgangsmåder, før vi nåede til et resultat, hvor vi var tilfredse 59