SVENDEPRØVE THOMAS TRUNZ PETERSEN JUNI 2016
GRAFISK DESIGN
LET’S BEGIN 2
INDHOLDSFORTEGNELSE
04
Typografi & ombrydning
12
Grafisk design
20
Grafik & billeder
26
Produktion & workflow
TYPOGRAFI & OMBRYDNING
Hvem Mtbx.dk - har et website som de kalder for et online mountainbike magasin.
Hvad Jeg har valgt at tage indhold fra deres website, og ombryde det til et fysisk magasin.
Overvejelser Man skal ikke være i tvivl om at det er et magasin der omhandler mountainbike. Forsiden skal sælge! Skabe overblik og gøre magasinet overskueligt
4
Færdig magasin forside
Færdig magasin opslag (side 14 & 15)
5
TYPOGRAFI & OMBRYDNING Briefing Arbejdsproces 1. Briefing 2. Inspiration og research 3. Brainstorm/skitser 4. Layout, ombrydning 5. Godkendelse 6. Korrektur 7. Endelig godkendelse 8. Prefligt 8. Produktion
Programmer 1. Indesign 3. Photoshop
6
www.mtbx.dk er et online magasin for mountainbike entusiaster og folk der gerne vil begynde at dyrke sporten. Mening med et fysisk gratis magasin er at få flere tilhængere til mtbx og give brugeren en anden oplevelse. Magasinet kan evt. udkomme hver anden måned, med udvalgte artikler.
Målgruppe Målgruppen til dette magasin er mennesker der i forvejen besøger www.mtbx.dk. Mest mænd i alderen 20-50 år. Dette magasin er med til at øge målgruppen, da foretrækker at læse i et fysisk magasin frem for at læse artikler, anmeldelser m.m. på internettet.
Moodboard med inspiration fra google, pinterest og behance.
7
TYPOGRAFI & OMBRYDNING
8
Paragraphog character styles
Information Format A4 - 210x297 mm.
Sider 20 sider.
Farve CMYK 4+4
Margin & bleed Top: 40 mm. Bund: 40 mm.
Indre: 20 mm. Ydre: 24 mm.
Spalter 2 spalter, 80 mm. bred og 6 mm. mellemrum.
Grundlinjenet Indstillet til 13 pt. som er skydningen fra brødteksten og gør at den låser sig til “griddet”.
Citationstegn »Dobbel citations-vinkel«.
Font Jeg har valgt at bruge Futura fonten hele vejen igennem, brugt med forskellige vægte. Det er en font der kan bruges til mange formål, da den er læsbar som brødtekst og især god som diaplay tekst. Det er en grotesk font som er designet af Paul Renner. Den er brugt i mange logoer som fx. Volkswagen, Red Bull og Ikea.
Brødtekst Lille x-højde • 9/13 pt Metrics • Wordspacing: - minimum= 70% - desired= 85% - maximum= 105% • Left justify • Låst til Baseline Grid
Masterpage Alle elementer, som går igen er lagt ind på mastersiden: Tekstfelt, og paginering.
9
TYPOGRAFI & OMBRYDNING Mellemrubrik
Rubrikker
Tabel
• 10/16 pt Metrics • Luft over: 2,117 mm (8 pt) (ændret fra 7 til 8 pt. da det ser bedre ud.) • Luft under: 0,706 mm (2 pt)
Overskrifterne varierer mellem Futura light condensed og Futura extra bold consed, så det ikke bliver for ensartet men skaber “liv” i ombrydningen.
På side 14 er der brugt en tabel for at opstille de mest populære spor, på en struktureret og læsevenlig måde.
Pagina og den levende kolumnetitler har jeg valgt at placere i toppen under kolumnens underkant. Den er sat med Futura medium condensed i 10 pt.
Uncial Der er brugt stort unicial i begyndelsen af hver artikel, den går hen over 3 linjer - derefter er den justeret så den har optisk forkant med resten af brødteksten.
Figursats/tex twrap Jeg har valg at lave figursats på nogle af billederne for det ikke skulle blive for kedeligt og firkantet. Jeg har brugt Text Wrap værkøjet hertil.
10
Pagina
Billed og linje register For det ikke blev for tilfældigt det hele har jeg manuelt beskåret billederne, så de holder kant med teksten.
Gradient tool & effects
Nested style
På forsiden har jeg lagt en orange boks henover billeder, hvorefter den har fået en multiply effekt og en graident tool for at gøre toppen af billedet mere tranparent.
På side 15 har jeg brugt nested style, da det er en hurtigere proces, til at style hele afsnittet. De første karaktere er defineret med en character style - resten af linie får en paragraph style derefter får linjen nedenunder en ny paragraph style. Man kan bestemme hvor mange karakterer der skal styles, eller om der skal komme en ny style efter en hård retur.
Citat
11
GRAFISK DESIGN Færdig folder og logo
Hvem Eliksir er et firma der sælger sunde shots på flaske. (fiktiv opgave).
Hvad Opgaven lød på at udforme en grafisk rød linie over flere produkter. Grafiske produkter udgør logo, etiketter, folder og website.
Overvejelser Eliksir er et brand der gerne vil udtråle eksklusivitet, minimalisme, rustikt og sundt. Så rundt regnet skal stilen være simpel, farverigt og kantet med et præg af modernisme.
12
Færdige etiketter i 3 forskellige varianter
Færdig website
13
GRAFISK DESIGN Briefing Arbejdsproces 1. Briefing
Eliksir er en ide jeg har fået da jeg begyndte at brygge mine egne “ingefær-chili” shots. Jeg har lavet tre varianter.
2. Inspiration og research
5. Korrektur
Jeg købte nogle små flasker for at kunne have shots med mig på farten. Jeg fik ideen om at designe nogle labels til flaskerne og derefter tog det fart med at “designe” firmaet.
6. Endelig godkendelse
Målgruppe
3. Brainstorm/skitser 4. Udkast
7. Kvalitetskontrol 8. Produktion
Programmer 1. Indesign 2. Illustrator 3. Photoshop
14
Når man placere Eliksir’s målgruppe i minerva-modellen vil den mest ligge i det blå område da produktet appellerer til materialistiske og moderne personer - det skal være lidt eksklusivt. Men på samme tid, hælder den også over i det grønne område, da Eliksir er et økologisk og miljorigtigt produkt. Aldersgruppen ligger på 20-60 år. Både mænd og kvinder som har interesse for helbred eller blot vil have en sundt boost om morgenen.
Produktet er tiltænkt at skulle sælges i større supermarkeder som føtex og bilke, hvor de også har eklusive og speacial produkter - men det skal også sælges i specialbutikker.
Rød tråd Målet med denne opgave er at skabe en rød tråd igennem flere produkter, så man kan se en lighed mellem dem. De samme elementer og farver går igen på etiketterne, folderen og også på Eliksir’s website.
Moodboard med inspiration fra pinterest og google.
15
GRAFISK DESIGN
16
Farver
Typografi
Farverne på hver variant skal passe til indholdets farve for at fremme betydningen af flaskens indhold – hvilket gør det nemmere for kunden at forstå indholdet af flasken. For at kunne bestemme indholdets farve er der blevet brugt ingredienser med bestemte farver, fx rødbede til farven rød. Samtidig med dette er farverne skabt med størst mulig kontrast, for at produktet skiller sig ud i butikkerne og skaber fokus.
Fonten der er valgt til produktet hedder “Futura” - og er en moderne og stilren font som giver hele designet sit moderne udtryk. Fonten er kantet og spids - god som displayfont, og er brugt i mange kende logoer. Logoet er designet med fonten Futura Extra Bold og giver en god kontrast på en farvet baggrund.
Futura vægte der er blevet brugt:
Futura book RGB:
RGB:
RGB:
227,6,19
214,93,53
224,140,60
CMYK:
CMYK:
CMYK:
0,100,100,0
0,70,100,0
0,45,100,0
HEX:
HEX:
HEX:
#cf2e2e
#d65d35
#e08c3c
Futura light condensed oblique FUTURA MEDIUM FUTURA BOLD CONDENSED
17
GRAFISK DESIGN Grafiske elementer
Folder
Der er forskellige grafiske elementer, på produkterne hvor jeg har taget udgangspunkt i gestaltlovene.
Jeg har lavet en 4 sidet folder. Meningen med den er at den skal deles ud så budskabet om Eliksir kan spredes og så modtageren ved at de er i butikkerne nu.
Lukkethed: Varianten på etiketterne er rammet ind. Nærhed:
Selvom elementerne i logoet er forskellige, vil man gruppere dem, da de ligger tæt sammen.
Lighed:
er er en lighed mellem de 3 etiketter D selvom det er i forskellige farver.
Den er meget simpel - den består af logo, “slogan” , et billede af de 3 varianter og en bagside med website og qr kode dertil - så man kan komme ind og se mere om eliksir.
Side 1
Side 2-3
Side 4
18
Etiketter
Logo
Farverne på hver variant skal passe til indholdets farve for at fremme betydningen af flaskens indhold – hvilket gør det nemmere for kunden at forstå indholdet af flasken. For at kunne bestemme indholdets farve er der blevet brugt ingredienser med bestemte farver, fx rødbede til farven rød. Samtidig med dette er farverne skabt med størst mulig kontrast, for at produktet skiller sig ud i butikkerne og skaber fokus.
Logoet er designet med inspiration fra “hipster” stilen, hvilket passer godt til at det skal være lidt old school. Samtidig har jeg valgt fonten Futura extra bole til navnet, for at give det et præg af at det også er moderne. Det er enkelt og lige til, let at læse og vækker interesse for det produkt logoet sidder på.
Etiketterne er designet i illustrator. Korrekt trykfil Trykfilen er lavet 4+0 (CMYK) farver. 1 mm bleed. Margin til beskæring 2 mm margin mellem stansen og etikettens indhold/tekst for at sikre at det ikke bliver beskåret. Istedet for at have 3 dokumenter, arbejder jeg i artboards, så man har alle etiketter i ét dokument.
19
GRAFIK & BILLEDER
Hvem Eliksir er et firma der sælger sunde shots på flaske. (fiktiv opgave).
Hvad Opgaven lød på at lave et baggrundsbillede til en Eliksirs hjemmeside, hvor de 3 shots varianter bliver præsenteret.
Indhold For at fremhæve økologien har jeg valgt at nogle udvalgte råvare skal med i baggrunden af flaskerne. For at give billedet noget liv og spændende at se på skal der være noget “vand” sprøjt i varianternes farver. Evt. at det kommer ud af flaskerne eller i baggrunden af billedet.
20
Billeder jeg har sammenkopieret til færdige produkt
Færdige produkt
21
GRAFIK & BILLEDER Overvejelser Arbejdsproces 1. Briefing 2. Inspiration og research
Billeder er gode til at kommunikere et budskab eller illustrere noget. De kan meget let påvirke folks følelser, da man kan få sit budskab ud, uden at de skal læse og tage stilling.
3. Brainstorm/skitser 4. Valg af billeder og fritlægningaf disse 4. Samkopiering 6. Navngivning af lag/grupper 7. Gem færdig til .psd 8. Klar til website gem jpg
Min arbejdsgang er struktureret. Jeg arbejder i lag og grupper og sørger for at navngive dem alle, så man hurtigt at kan finde det man skal. Samtidig er det altid en god ide at have struktur i sine arbejdsfiler, hvis en anden person fx. skal tage over - så kan den person hurtigt finde det han/hun søger. Derudover er tiden også en vigtigt parameter. Er der økonomi til at lave den på 4 timer, eller er det noget der skal laves på 30 min.
Programmer/udstyr 1. Photoshop 2. Canon 550D 3. Illustrator
22
I dette tilfælde har jeg ialt brugt 2 timer på at samkopiere alle billederne til ét færdigt produkt.
Til denne opgave har jeg ikke fundet inspiration andre steder fra, da jeg allerede havde en ide om hvordan det færdige resultat skulle blive. Jeg startede derfor ud med at lave en brainstom og tegne skitser.
Størrelse 1080x1920px. 72 ppi Til website
Farve RGB - til skærm
Fritlægning Er der en skarp kant, vælger jeg Path tool. Path tool er hurtigt og effektivt, og intet andet redskab giver lige så god fritlægning til kanter.
Flaske Fritlægning med path tool pen tool - make path.
Retouch
Lysning Levels
23
GRAFIK & BILLEDER Dråber Med opacity på 45%
Etiket Retangleværktøj
Burn & dodge tool
24
Etiket placeret som smart object og tranformeret med fordrejningsværktøj
Saftsprøjt Farvemaske
Chili
Chili skygge Brush tool
Flaske genspejlning
Samme princip
Gradient mask
Arbejdsprocessen for de 2 andre varianter er samme princip.
Flaske - lag
Dog med andre billeder, og med forskellige vandsprøjt, så de ikke bliver ens.
Chili genspejl
Saftsprøjt genspejl
Baggrund Derefter er baggrunden kreaeret med udgangspunkt i de 3 varianters farver.
Web banner - lag
Den er skabt med en gradient effekt og sat ned i opacitet for at den ikke tager for meget fokus fra flaskerne.
25
WORKFLOW & PRODUKTION Hvem Eliksir er et firma der sælger sunde shots på flaske. (fiktiv opgave).
Hvad Denne opgave lød på at lave emballage med plads til 6 stk. eliksir flasker. Samt en hank til at bære kassen.
Overvejelser Nu kommer “rustikt” i brug. Denne emballage skal nemlig fremstilles i træ, og eneste efterbehandling er lidt slibning for at bevare det rustikke look. Der er gjort nogle overvejelser omkring produktionen af denne kasse - hvordan skal den fremstilles, hvad koster det og kan det i det hele taget betale sig? Meningen er at kassen skal skæres ud i laser, samt have indgraveret et logo på begge sider af hanken.
26
Moodboard med inspiration fra pinterest og google.
27
WORKFLOW & PRODUKTION Grafisk workflow
Arbejdsproces 1. Briefing 2. Inspiration og research
1. Briefing
3. Brainstorm/skitser
2. Matematiske udregninger
4. Udkast 5. Rettelser
3. Design i Illustrator
6. Endelig godkendelse 4. Korrektur/rettelser
7. Kvalitetskontrol 8. Produktion
5. Prototype
6. Godkendelse
Programmer/udstyr 1. Illustrator
7. Preflight
8. Produktion
28
29
WORKFLOW & PRODUKTION Matematiske udregninger
Sammensætning
Kassen består af 9 dele - hver af disse har en bestemt størrelse.
For at delene kan sættes sammen skal udregningerne være korrekte. Man skal hele tiden tænke på at tykkelsen på træet er 4 mm.
Flaskerne har en diameter på 37 mm. Så huller skal laves lidt større for at de ikke sidder fast. Materialet er træ i 4 mm. tykkelse. Bund: 100x140x4 mm. Mindterplade: 100x140x4 mm. 41 mm. diameter x 6 stk. Sidestolper: 4 stk. sidestolper med størrelsen 12x48x4 mm.
30
Hank
Designet Udfra målene og de forskellige ting man skulle være opmæksom på, kunne jeg påbegynde at designe kassen. Første design blevet meget firkantet og klodset, hvilket man tydeligt kunne se på dens prototype. Efter denne korrektur, lavede jeg justeringer så “klodsetheden” forsvandt - jeg bibeholdte målene.
Tværstykker: 100x30x4 mm.
Dette gjorde jeg ved at lave rundinger i kanterne ved bunden, midterstykket og ved hanken.
Hank: 130x180x4 mm. Med logo indgravering.
I hanken lavede jeg det firkantede hul til håndtaget mindre samt rundinger til fingrene.
Sidestolpe
Tværestykke
Mellemstykke
Og at logoet der skal ingraveres er RGB 0, 0, 0 - 100% sort. Dette er noget laserskæremaskinen er indstillet til at registrere.
Produktion
Bund
Da der skal indgraveres et logo i l hanken, er det billigst at få skåret hele kassen ud med en laserskæremasking. Den færdige kasse har kostet 20 kr. at få produceret - ligeså snart man kommer op i et større oplag, bliver produktionen meget billigere, og ved 1000 stk. koster det ca. 12 kr./kasse.
Da designet var godkendt, kunne det færdige design komme igennem en preflight, som går ud på at man manuelt kontrollere at alle stansestreger er 0.025 mm. i tykkelsen og RGB 255, 0, 0 - 100% rød.
31