Upload
trunz
View
224
Download
4
Embed Size (px)
DESCRIPTION
Â
Citation preview
SVENDEPRØVE
THOMAS TRUNZ PETERSEN JUNI 2016
2
GRAFISK DESIGN
LET’SBEGIN
INDHOLDSFORTEGNELSE
04 Typografi&ombrydning
12 Grafiskdesign
20 Grafik&billeder
26 Produktion&workflow
4
TYPOGRAFI & OMBRYDNING
HvemMtbx.dk-haretwebsitesomdekalderforetonlinemoun-tainbikemagasin.
Hvad
Jegharvalgtattageindholdfradereswebsite,ogom-brydedettiletfysiskma-gasin.
Overvejelser
Manskalikkeværeitvivlomatdeteretmagasinderomhandlermountainbike.
Forsidenskalsælge!
Skabeoverblikoggøremagasinetoverskueligt
Færdig magasin forside
5
Færdig magasin opslag (side 14 & 15)
6
TYPOGRAFI & OMBRYDNING
Briefingwww.mtbx.dkeretonlinemagasinformountainbikeentusiasterogfolkdergernevilbegyndeatdyrkesporten.
Meningmedetfysiskgratismagasineratfåfleretilhængeretilmtbxoggivebrugerenenandenoplev-else.
Magasinetkanevt.udkommehverandenmåned,medudvalgteartikler.
Målgruppe
Målgruppentildettemagasinermenneskerderifor-vejenbesøgerwww.mtbx.dk.Mestmændialderen20-50år.
Dettemagasinermedtilatøgemålgruppen,daforetrækkeratlæseietfysiskmagasinfremforatlæseartikler,anmeldelserm.m.påinternettet.
Arbejdsproces
1.Briefing
2.Inspirationogresearch
3.Brainstorm/skitser
4.Layout,ombrydning
5.Godkendelse
6.Korrektur
7.Endeliggodkendelse
8.Prefligt
8.Produktion
Programmer
1.Indesign
3.Photoshop
7
Moodboard med inspiration fra google, pinterest og behance.
8
TYPOGRAFI & OMBRYDNING
9
Information
FormatA4-210x297mm.
Sider
20sider.
Farve
CMYK4+4
Margin & bleed
Top: 40mm. Indre:20mm.Bund: 40mm. Ydre: 24mm.
Spalter
2spalter,80mm.bredog6mm.mellemrum.
Grundlinjenet
Indstillettil13pt.somerskydningenfrabrødtekstenoggøratdenlåsersigtil“griddet”.
Citationstegn
»Dobbelcitations-vinkel«.
Paragraph- og character styles
FontJegharvalgtatbrugeFuturafont-enhelevejenigennem,brugtmedforskelligevægte.Deterenfontderkanbrugestilmangeformål,dadenerlæsbarsombrødtekstogisærgodsomdiaplaytekst.DeterengroteskfontsomerdesignetafPaulRenner.Denerbrugtimangelogoersomfx.Volkswagen,RedBullogIkea.
Brødtekst
Lillex-højde•9/13ptMetrics•Wordspacing: -minimum=70%-desired=85%-maximum=105%•Leftjustify•LåsttilBaselineGrid
Masterpage
Alleelementer,somgårigenerlagtindpåmastersiden:Tekstfelt,ogpaginering.
10
TYPOGRAFI & OMBRYDNING
Mellemrubrik•10/16ptMetrics•Luftover:2,117mm(8pt)(ændretfra7til8pt.dadetserbedreud.)•Luftunder:0,706mm(2pt)
UncialDererbrugtstortunicialibegy-ndelsenafhverartikel,dengårhenover3linjer-dereftererdenjusteretsådenharoptiskforkantmedrestenafbrødteksten.
RubrikkerOverskrifternevarierermellemFuturalightcondensedogFuturaextraboldconsed,sådetikkebliverforensartetmenskaber“liv”iombrydningen.
Figursats/tex twrap
Jegharvalgatlavefigursatspånogleafbilledernefordetikkeskullebliveforkedeligtogfirkantet.JegharbrugtTextWrapværkøjethertil.
Tabel Påside14erderbrugtentabelforatopstilledemestpopulærespor,påenstruktureretoglæse- venligmåde.
Pagina
Paginaogdenlevendekolumnet-itlerharjegvalgtatplacereitop-penunderkolumnensunderkant.DenersatmedFuturamediumcondensedi10pt.
Billed og linje register
Fordetikkeblevfortilfældigtdetheleharjegmanueltbeskåretbillederne,sådeholderkantmedteksten.
11
Gradient tool & effectsPåforsidenharjeglagtenorangebokshenoverbilleder,hvorefterdenharfåetenmultiplyeffektogengraidenttoolforatgøretop-penafbilledetmeretranparent.
Nested stylePåside15harjegbrugtnestedstyle,dadeterenhurtigerepro-ces,tilatstyleheleafsnittet. Deførstekaraktereerdefineretmedencharacterstyle-restenafliniefårenparagraphstylederefterfårlinjennedenunderennyparagraphstyle. Mankanbestemmehvormangekaraktererderskalstyles,elleromderskalkommeennystyleefterenhårdretur.
Citat
12
GRAFISK DESIGN
HvemEliksireretfirmadersælgersundeshotspåflaske.(fiktivopgave).
Hvad
Opgavenlødpåatudformeengrafiskrødlinieoverflereprodukter.
Grafiskeprodukterudgørlogo,etiketter, folderogwebsite.
Overvejelser
Eliksireretbranddergerneviludtråleeksklusivitet,minimalisme,rustiktogsundt.
Sårundtregnetskalstilenværesimpel,farverigtogkantetmedetprægafmod-ernisme.
Færdig folder og logo
13
Færdige etiketter i 3 forskellige varianter Færdig website
14
GRAFISK DESIGN
BriefingEliksirerenidejegharfåetdajegbegyndteatbryggemineegne“ingefær-chili”shots.Jegharlavettrevarianter.
Jegkøbtenoglesmåflaskerforatkunnehaveshotsmedmigpåfarten.Jegfikideenomatdesignenoglelabelstilflaskerneogde-reftertogdetfartmedat“desig-ne”firmaet.
Målgruppe
NårmanplacereEliksir’smål-gruppeiminerva-modellenvildenmestliggeidetblåområdedaproduktetappellerertilmate-rialistiskeogmodernepersoner-detskalværelidteksklusivt.Menpåsammetid,hælderdenogsåoveridetgrønneområde,daElik-sireretøkologiskogmiljorigtigtprodukt.
Aldersgruppenliggerpå20-60år.Bådemændogkvindersomharinteresseforhelbredellerblotvilhaveensundtboostommorge-nen.
Arbejdsproces
1.Briefing
2.Inspirationogresearch
3.Brainstorm/skitser
4.Udkast
5.Korrektur
6.Endeliggodkendelse
7.Kvalitetskontrol
8.Produktion
Programmer
1.Indesign
2.Illustrator
3.Photoshop
Produktetertiltænktatskullesælgesistørresupermarkedersomføtexogbilke,hvordeogsåhareklusiveogspeacialproduk-ter-mendetskalogsåsælgesispecialbutikker.
Rød tråd
Måletmeddenneopgaveeratskabeenrødtrådigennemflereprodukter,såmankanseenlighedmellemdem.
Desammeelementerogfarvergårigenpåetiketterne,folderenogogsåpåEliksir’swebsite.
15
Moodboard med inspiration fra pinterest og google.
16
GRAFISK DESIGN
17
GRAFISK DESIGN
TypografiFontenderervalgttilproduktethedder“Futura”-ogerenmoderneogstilrenfontsomgiverheledesig-netsitmoderneudtryk.
Fontenerkantetogspids-godsomdisplayfont,ogerbrugtimangekendelogoer.
LogoeterdesignetmedfontenFuturaExtraBoldoggiverengodkontrastpåenfarvetbaggrund.
Futura vægte der er blevet brugt:
Futura bookFutura light condensed oblique
FUTURA MEDIUMFUTURA BOLD CONDENSED
RGB:
227,6,19
CMYK:
0,100,100,0
HEX:
#cf2e2e
RGB:
214,93,53
CMYK:
0,70,100,0
HEX:
#d65d35
RGB:
224,140,60
CMYK:
0,45,100,0
HEX:
#e08c3c
FarverFarvernepåhvervariantskalpassetilindholdetsfarveforatfremmebetydningenafflaskensindhold–hvilketgørdetnemmereforkundenatforståind-holdetafflasken.Foratkunnebestemmeindholdetsfarveerderblevetbrugtingrediensermedbestemtefarver,fxrødbedetilfarvenrød.Samtidigmeddetteerfarverneskabtmedstørstmuligkontrast,foratproduktetskillersigudibutikkerneogskaberfokus.
18
GRAFISK DESIGN
Grafiske elementerDererforskelligegrafiskeelementer,påprodukternehvorjeghartagetudgangspunktigestaltlovene.
Lukkethed:Variantenpåetiketterneerrammetind.
Nærhed: Selvomelementerneilogoeterforskel-lige,vilmangrupperedem,dadeliggertætsammen.
Lighed: Dererenlighedmellemde3etiketterselvomdeteriforskelligefarver.
FolderJegharlaveten4sidetfolder.MeningenmeddeneratdenskaldelesudsåbudskabetomEliksirkanspredesogsåmodtagerenvedatdeeributikkernenu. Denermegetsimpel-denbeståraflogo,“slogan”, etbilledeafde3varianterogenbagsidemedweb-siteogqrkodedertil-såmankankommeindogsemereomeliksir.
Side 1
Side 2-3
Side 4
19
LogoLogoeterdesignetmedinspirationfra“hipster”stilen,hvilketpassergodttilatdetskalværelidtoldschool.SamtidigharjegvalgtfontenFuturaextraboletilnavnet,foratgivedetetprægafatdetogsåermoderne.Deterenkeltogligetil,letatlæseogvækkerinteressefordetproduktlogoetsidderpå.
EtiketterFarvernepåhvervariantskalpassetilindholdetsfarveforatfremmebetydningenafflaskensindhold–hvilketgørdetnemmereforkundenatforståind-holdetafflasken.Foratkunnebestemmeindholdetsfarveerderblevetbrugtingrediensermedbestemtefarver,fxrødbedetilfarvenrød.Samtidigmeddetteerfarverneskabtmedstørstmuligkontrast,foratproduktetskillersigudibutikkerneogskaberfokus.
Etiketterneerdesignetiillustrator.KorrekttrykfilTrykfilenerlavet4+0(CMYK)farver.1mmbleed.Margintilbeskæring2mmmarginmellemstansenogetikettensindhold/tekstforatsikreatdetikkebliverbeskåret.
Istedetforathave3dokumenter,arbejderjegi artboards,såmanharalleetiketteriétdokument.
Side 1
Side 2-3
20
GRAFIK & BILLEDER
HvemEliksireretfirmadersælgersundeshotspåflaske.(fiktivopgave).
Hvad
OpgavenlødpåatlaveetbaggrundsbilledetilenEliksirshjemmeside,hvorde3shotsvarianterbliverpræsenteret.
Indhold
Foratfremhæveøkologienharjegvalgtatnogleud- valgteråvareskalmedibag-grundenafflaskerne.
Foratgivebilledetnogetlivogspændendeatsepåskalderværenoget“vand”sprøjtivarianternesfarver.Evt.atdetkommerudafflaskerneelleribaggrundenafbilledet.
Billeder jeg har sammenkopieret til færdige produkt
21
Færdige produkt
22
GRAFIK & BILLEDER
Arbejdsproces
1.Briefing
2.Inspirationogresearch
3.Brainstorm/skitser
4.Valgafbillederog fritlægningafdisse
4.Samkopiering
6.Navngivningaflag/grupper
7.Gemfærdigtil.psd
8.Klartilwebsitegemjpg
OvervejelserBillederergodetilatkommuni-kereetbudskabellerillustrerenoget.Dekanmegetletpå-virkefolksfølelser,damankanfåsitbudskabud,udenatdeskallæseogtagestilling.
Minarbejdsgangerstruktureret.Jegarbejderilagoggrupperogsørgerforatnavngivedemalle,såmanhurtigtatkanfindedetmanskal.Samtidigerdetaltidengodideathavestrukturisinearbejds-filer,hvisenandenpersonfx.skaltageover-såkandenpersonhur-tigtfindedethan/hunsøger.
Derudoverertidenogsåenvigtigtparameter.Erderøkonomitilatlavedenpå4timer,ellererdetnogetderskallavespå30min.
Idettetilfældeharjegialtbrugt2timerpåatsamkopiereallebilled-ernetilétfærdigtprodukt.
Programmer/udstyr
1.Photoshop
2.Canon550D
3.Illustrator
Tildenneopgaveharjegikkefundetinspirationandrestederfra,dajegalleredehavdeenideomhvordandetfærdigeresultatskulleblive.
Jegstartedederforudmedatlaveenbrainstomogtegneskitser.
Størrelse
1080x1920px.72ppiTilwebsite
Farve
RGB-tilskærm
Fritlægning
Erderenskarpkant,vælgerjegPathtool.Pathtoolerhurtigtogeffektivt,ogintetandetredskabgiverligesågodfritlægningtilkanter.
23
FlaskeFritlægningmedpathtoolpentool-makepath.
Retouch
LysningLevels
24
GRAFIK & BILLEDER
DråberMedopacitypå45%
Etiket Retangleværktøj
Burn & dodge tool
Etiket placeret som smart object og tranformeret med fordrejningsværktøj
SaftsprøjtFarvemaske
Chili
Chili skygge Brushtool
25
Flaske genspejlningGradientmask
Chili genspejl
Saftsprøjt genspejl
Samme principArbejdsprocessenforde2andrevarianterersammeprincip.
Dogmedandrebilleder,ogmedforskelligevandsprøjt,sådeikkebliverens.
Baggrund
Dereftererbaggrundenkreaeretmedudgangspunktide3variant-ersfarver.
Denerskabtmedengradienteffektogsatnediopacitetforatdenikketagerformegetfokusfraflaskerne.
Flaske - lag
Web banner - lag
26
WORKFLOW & PRODUKTION
Hvem
Eliksireretfirmadersælgersundeshotspåflaske.(fiktivopgave).
Hvad
Denneopgavelødpåatlaveem-ballagemedpladstil6stk.eliksirflasker.Samtenhanktilatbærekassen.
Overvejelser
Nukommer“rustikt”ibrug.Denneemballageskalnemligfremstillesitræ,ogenesteefter-behandlingerlidtslibningforatbevaredetrustikkelook.
Derergjortnogleovervejelseromkringproduktionenafdennekasse-hvordanskaldenfrem-stilles,hvadkosterdetogkandetidetheletagetbetalesig?
Meningeneratkassenskalskæresudilaser,samthaveind-graveretetlogopåbeggesiderafhanken.
27
Moodboard med inspiration fra pinterest og google.
28
WORKFLOW & PRODUKTION
Arbejdsproces
1.Briefing
2.Inspirationogresearch
3.Brainstorm/skitser
4.Udkast
5.Rettelser
6.Endeliggodkendelse
7.Kvalitetskontrol
8.Produktion
Grafisk workflow
Programmer/udstyr
1.Illustrator
1.Briefing
2.Matematiskeudregninger
3.DesigniIllustrator
4.Korrektur/rettelser
5.Prototype
6.Godkendelse
7.Preflight
8.Produktion
29
2.Matematiskeudregninger
4.Korrektur/rettelser
6.Godkendelse
8.Produktion
30
WORKFLOW & PRODUKTION
Matematiske udregningerKassenbeståraf9dele-hverafdisseharenbestemtstørrelse.
Flaskerneharendiameterpå37mm.Såhullerskallaveslidtstørreforatdeikkesidderfast.
Materialetertræi4mm.tykkelse.
Bund: 100x140x4mm.
Mindterplade: 100x140x4mm.41mm.diameterx6stk.
Sidestolper: 4stk.sidestolpermedstørrelsen12x48x4mm.
Tværstykker: 100x30x4mm.
Hank: 130x180x4mm.Medlogoindgravering.
SammensætningForatdelenekansættessammenskaludregningerneværekorrekte.Manskalheletidentænkepåattykkelsenpåtræeter4mm.
Designet
Udframåleneogdeforskelligetingmanskulleværeopmæksompå,kunnejegpåbegyndeatdesig-nekassen.
Førstedesignblevetmegetfirkan-tetogklodset,hvilketmantyde-ligtkunnesepådensprototype.
Efterdennekorrektur,lavedejegjusteringerså“klodsetheden”forsvandt-jegbibeholdtemålene.
Dettegjordejegvedatlaverundingerikanternevedbunden,midterstykketogvedhanken.
Ihankenlavedejegdetfirkantedehultilhåndtagetmindresamtrundingertilfingrene.
Hank
Sidestolpe
Tværestykke
31
Mellemstykke
Bund
Dadesignetvargodkendt,kunnedetfærdigedesignkommeigen-nemenpreflight,somgårudpåatmanmanueltkontrollereatallestansestregerer0.025mm.ityk-kelsenogRGB255,0,0-100%rød.
OgatlogoetderskalingravereserRGB0,0,0-100%sort.
Detteernogetlaserskæremaskin-enerindstillettilatregistrere.
Produktion
Daderskalindgraveresetlogoilhanken,erdetbilligstatfåskårethelekassenudmedenlaser-skæremasking.
Denfærdigekasseharkostet20kr.atfåproduceret-ligesåsnartmankommeropietstørreoplag,bliverproduktionenmegetbillig-ere,ogved1000stk.kosterdetca.12kr./kasse.