GRAFIK OG
BILLEDBEHANDLING
PORTFOLIO
PETER THØGERSEN
SVENDEPRØVE
2016
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
Cykeltøjet er af høj kvalitet og er skabt i samarbejde med Bo Hamburger. Hans kendskab
til sporten er brugt til at skabe et produkt i topklasse. Produktet bliver, i første omgang,
solgt i Netto i uge 22.
1
Opgave:
Lav cykeltøj i professionel kvalitet i samarbejde med Bo Hamburger. Cykeltøjet skal være
moderne, men konservativt, så stort set alle vil kunne lide det, uanset smag.
2
Kunde:
Netto (Dansk Supermarked A/S)
3
Programmer:
Photoshop CC (Fritlægning, Mockup og pixelgrafik)
Illustrator CC (Trykfiler til logo, tøj og emballage)
4
Dokument:
Emballage Hangtag 420 mm x 210 mm
80 mm x 40 mm
Pixeltæthed
300 dpi
(RGB)
(CMYK)
Adobe RGB (1998)
Coated FOGRA39 (ISO 12647-2:2004)
2
SVENDEPRØVE
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
INTRODUKTION
Denne opgave har jeg arbejdet på fra starten, og jeg
har deltaget i alt lige fra design oplæg, til design af
tøj og sidst, men ikke mindst, design af indpakning.
Jeg har ikke den store erfaring inden for fremstilling
af tøj eller sportstøj. Derfor er det rart at samarbejde
med folk, der ved alt om ”do’s and don’ts”.
Til det skulle jeg bruge nogle gode billeder af ambassadøren af Più Veloce, Bo Hamburger. Billederne
er taget af en fotograf, hvorefter jeg har justeret og
fritlagt dem, inden jeg har placeret dem på det endelige artwork.
DESIGN AF TØJET
Det er ønsket, at der ikke er alt for meget
”spræl” i tøjet, da det skal passe til så manges
smag som muligt.
3
SVENDEPRØVE
Udpluk af de nye produkter.
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
VALG AF BILLEDE I BRIDGE
Fra fotografen fik jeg cirka 300 fotoer af
Bo Hamburger. Når de skal vælges, bruger jeg Bridge til
at lave en udelukkelsesmetode med markeringer.
Godt overblik
Tryk space for at se billederne
i fuld skærm
JPG/RAW?
Jeg modtog, imod min vilje, alle billederne
i jpg, som jo så også betyder, at de alle er i
8-bit. En nøgle forskel er at 8-bit indeholder
256 farver i hver kanal svarende til ca. 16,8
millioner farver. Et 16-bit raw format har
65500 farver i hver kanal svarende til 281
billioner farver.
BRIDGE
Er et fantastisk værktøj til at navigere i
sine mange billeder. Med cmd + 8 giver jeg
billederne en ”approved” titel, så de samler
sig i en mappe. Markering fjernes igen på
samme måde.
4
SVENDEPRØVE
Approved filer
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
CAMERA RAW
Jeg giver billederne en mindre overhaling i camera
raw. Jeg skruer op for clarity for at give ham et lidt
mere råt look – tilføjer lidt vibrance (farver) – giver en
anelse noise reduction for at glatte en anelse ud igen.
Herinde kan jeg også styre højlys og skygger med
curves værkøjet. Jeg arbejder efter disse værdier:
Højlys: Skygge:
Camera Raw.
rgb 242, 242, 242 eller mindre
rgb 12, 12, 12 eller højere
Dette gøres, så de lyse nuancer ikke brænder ud, og
de mørke toner ikke falder sammen.
Åbning fra Camera Raw.
ÅBNING AF CAMERA RAW FIL SOM
SMART OBJECT
Inden jeg trykker åben, så sikre jeg mig, at
der er flueben ”Open in Photoshop as Smart
Objects”. Så kan jeg altid vende tilbage, hvis
jeg har lyst at ændre på opsætningen på et
senere tidspunkt.
5
SVENDEPRØVE
Justering af lys i Camera Raw.
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
DODGE & BURN
Når jeg gerne vil justere på lokale punkter i billedet,
så bruger jeg en lidt anden effekt, end mange andre.
Udbyttet er dog det samme. Jeg laver et lag der er
50% sort (grå), og sætter laget til overlay.
Så tager jeg en brush og sætter opacitet på brush til
et sted mellem 10 - 50%, og maler med hvid og sort.
Jeg har lavet Dodge & burn i samme lag. Andre vil
formentlig dele det op.
Bemærk at 50% sort er
usynlig efter tilføjning af
overlay effekten.
FORDELEN
Jeg kan lettere styre det, da jeg kan vælge
mellem hvid og sort på keyboarded med X
tasten når jeg skal lysne og mørkne. Ud over
det har jeg muligheden for både at stille
hardness, flow og opacitet på brushen.
6
SVENDEPRØVE
Laget alene.
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
FRITLÆGNING
Det er selvfølgelig svært, at fritlægge med hvid på
hvid baggrund. Mit trick er at lægge et midlertid
levels lag, for at skille farverne mere fra hinanden.
Derefter lægges punkter med pen tool, og det
kræver lidt tålmodighed, men et god sted at
investere lidt tid. Jeg sikre mig, at når jeg lukker
markeringen, at border radius står til 0, så kanten
bliver helt skarp.
3
Til sidst bruger jeg redefine edge, for at få en blød
markering enkelte steder, og en helt skarp kant andre steder.
1
4
Levels laget slettes igen efter fritlægningen.
REDEFINE EDGE
Helt fantastisk værktøj. Dette er godt hvis
kanten er skarp enkelte steder, og mindre
skarp andre steder eller hvis der er hår eller
lignende. Så kan jeg styre det nærmest
perfekt med dette værktøj. Samtidig kan
jeg med brush tilføje eller fjerne markering
direkte fra dialog boksen.
5
7
SVENDEPRØVE
2
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
FRITLÆGNING & CROP
Nu er Bo Hamburger fritlagt.
Jeg vil gerne af med det overskydende billede, så det
ordner jeg med crop tool.
En cykel er ikke det sjoveste
at fritlægge, og her virker kun
tid og tålmodighed.
Udregning af en ukendt ( pixels, centimeter og dpi )
X = Bredde
Y = Højde
Z = DPI
Alt regnes i centimeter, pixels og effektive dpi/ppi.
1
Centimeter og dpi til pixels
( X cm × Z dpi ) × ( Y cm × Z dpi ) = px × px
( X × 300 ) × ( Y × 300 ) = Pixels i 300 dpi
2
Pixels og dpi til centimeter
( X px ÷ Z dpi ) × ( Y px ÷ Z dpi ) = cm × cm
( X px ÷ 300 ) × ( Y px ÷ 300 ) = Størrelse i cm ved 300 dpi
3
Pixels og cm til dpi
( X px ÷ X cm ) × ( Y px ÷ Y cm ) = dpi på hver led
8
SVENDEPRØVE
Jeg fjerner alt det
overskydende. Så er billedet
lettere at styre i Illustrator.
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
BILLEDSTØRRELSE
Inden jeg er færdig i Photoshop tjekker jeg størrelsen. Jeg har selvfølgelig holdt øje med dette undervejs. Billedet har rigelige pixels og 300 dpi.
Her kan jeg, hvis nødvendigt,
tilføje flere pixels. Kvaliteten
bliver dog ikke lige så god
som udgangspunktet.
Så skal billedet placeres i Illustrator på det endelige
artwork. Effektive dpi er altid det vigtigste. Her er
de 649 dpi.
DPI/PPI?
Dpi og ppi er det samme. Det står for:
DPI: Dots per inch
PPI: Pixels per inch
Vi arbejder efter inches (imperial).
LINKS PANELET
I Illustrator kan jeg let holde øje med mine
links, og indstille panelet til at vise de
oplysninger, jeg synes er relevante. Her kan
jeg blandt andet også hurtig hoppe til billedet
eller opdatere linket.
9
SVENDEPRØVE
Her placeret på artworket.
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
DEN ENDELIGE PAKNING
Som pakningen ser ud i butikkerne.
3D mock up af hvordan det
endelige produkt vil se ud
med emballagen.
10
SVENDEPRØVE
PORTFOLIO // 2016
GRAFIK OG BILLEDBEHANDLING
NETTO AVIS
I uge 22 2016 var Piu Veloce i alle Nettoer som spotvarer. Nu er jeg utrolig spændt på, om det har solgt godt,
og om Netto vil køre flere kampagner med det.
Jeg sendte billedet af tøjet og
Bo Hamburger til Netto.
11
SVENDEPRØVE