grundforløbsprojekt Anders Krøjgaard 2014
kernefaglighederne grafisk workflow - grafik & billeder - grafisk design - typografi & ombrydning
grafisk workflow logo & webside
logo grafisk workflow Opgavebeskivelse I denne opgave laver jeg et nydesign af logoet til Strandbygaard Grafisk. Jeg har været på besøg samt i praktik hos virksomheden. Her har jeg samlet inspiration, og undersøgt hvad de står for. Før Jeg har valgt at lave logoet som et nydesign, og skal derfor finde både nye farver, fonte, illustrationer osv. Jeg har lavet en brainstorm som jeg har taget udgangspunkt i. Derudover har jeg fundet de farver jeg ønsker skal indgå i logoet, og i resten af produkterne til virksomheden. Efter Strandbygaard Grafisk 4
logo grafisk workflow Arbejdsproces Jeg startede med at finde det billede jeg skulle bruge. (Fig 1) Jeg åbner billedet i programmet Adobe Illustrator. Her kan jeg lave billedet om til vector grafik samt at farvelægge det efter eget valg. (Fig 1) (Fig 2) > Image Trace > Expand Derefter farvelægger jeg objektet i de farver jeg ønsker at bruge. (Fig 2) Valget af disse farver uddyber jeg i dokumentationen. Fonten Jeg har valgt at bruge en groteske font ved navn Avenir fordi den har de stilrene linjer som jeg søger. Farven er 50% sort. Illustrationen Selve illustrationen laver jeg som et blad, for at vise at virksomheden går meget op i milijøet. Bladet kan også godt ligne en dråbe, hvilket kan illustrere blæk. Strandbygaard Grafisk 5
logo grafisk workflow Kvalitetskontrol For at sikre en god kvalitet af mit produkt, har jeg sørget for at de programmer, jeg har brugt har samme farveprofil. Jeg har først gemt min Color Setting inde i Photoshop, hvorefter jeg har indsat den i Color Suite i programmet Bridge. Derefter bliver min farveprofil den samme i alle Adobe programmerne. 6
logo grafisk workflow Output Logoet skal bruges til print og til skærm. Jeg gemmer logoet i disse filer: Adobe Illustartor - Jeg kan altid gå tilbage til orginalen og redigere, samt bruge filen til andre former for tryk. PNG. - Bruges til hjemmesider, hvis baggruden skal være transparant. Denne fil bruges oftest til logoer, da farverummet i en PNG fil ikke er så stor som feks. JPG. JPG. - Til print. Opløsning til skærm 72(96)PPI. Opløsning til print - 150PPI. Kvalitetsvurdering Jeg lavede et udkast som blev det endelige, man kunne havde lavet flere, men jeg følte, det var det rigtige jeg havde ramt. Jeg er selv blevet tilfreds med resultatet. Min brainstorm var en stor hjælp, til at snævre mig ind på det rigtige. 7
logo grafisk workflow Brainstorm Jeg starter med at finde inspiration i form af billeder på nettet. Herefter laver jeg en skitse i hånden for at give tankerne frit spil. Man godt kan komme ud for begrænsninger hvis man hopper direkte over i et grafisk program. Strandbygaad Grafisk er en meget milijøvenlig virksomhed, hvilket får mig til at tænke blandt andet grønne farver og blade i designet. Dette symboliserer naturen og frihed. I min brainstorm indser jeg, at navnet Strandbygaard Grafisk er for langt til at lave om til én illustration. Derfor skrives virksomhedens navn for sig, hvorefter logoet placeres ved siden af. På den måde er virksomhedens navn nem at se og læse. Hvade logoet været én illustration, ville det være sværre at tyde teksen. 8
web grafisk workflow Opgavebeskrivelse Produktet er en hjemmeside som jeg har lavet for Strandbygaard Grafisk. I opgaven tager jeg udgangspunkt i, at de andre produkter jeg laver for virksomheden får en gennemgående rød tråd, der vil skabe genkendelse for kunden. Det vil sige at mine farvevalg på hjemmesiden bærer præg af farverne i de andre produkter. Outputdelen Produktet er en hjemmeside, derfor er outputtet til skærm. Jeg har løbene prøvet at åbne siden i både Google Chrome og Safari for at se, hvordan koderne arbejder i de forskellige browsers. 9
web grafisk workflow Layout Jeg lavede et mindmap og en skitse over min hjemmeside, så jeg have en ide om, hvordan den skulle se ud. Ved at lave en skitse fra staten, hjalp det mig med at have et overblik og holde fokus. Kvalitetskontrol Billederne på hjemmesiden er gemt som JPG. filer for at bevare kvaliteten. Logoet er gemt som en PNG. fil da billeder med mindre farver kan gemmes som PNG. På hjemmesiden har jeg bygget headeren op af to billeder, derfor gemmes den som en JPG fil. Alle billeder er gemt i 72 PPI for at spare på pladsen, da der ikke er nogen grund til at uploade dem med en større PPI når outputtet er til skærm. 10
web grafisk workflow Kvalitetsvurdering Med de kompetancer jeg har indenfor HTML er jeg blevet tilfreds med denne hjemmeside. Jeg er ikke så stærtk til web som jeg ønsker, men jeg syntes stadig mit slutresultat er blevet ganske fint. Jeg har forsøgt at have en rød tråd igennem hele opgaven hvilket jeg syntes har fungeret godt. 11
grafik & billeder plakat
plakat grafik og billeder Opgavebeskrivelse I opgaven til kernefagligheden Grafik & Billeder, har jeg valgt en plakat i A3 størrelse. Jeg har valgt at lave en brainstorm, for bedre at kunne holde fokus på mit budskab. I dette tilfælde er mit budskab, at Strandbygaad Grafisk er en moderne virksomhed som leverer milijørigtige tryksager. TRYK MED OMTANKE Programvalg I denne opgave har jeg brugt programmerne Adobe Illustrator, Photoshop og InDesign. Milijørigtigt kvalitetstryk hos Strandbygaard Grafisk 13
plakat grafik og billeder Arbejdsmetoder Jeg finder det billede jeg skal bruge og åbner det i Illustrator, her ser arbejdsgangen således ud: > Image Trace > 3 Colors > Expand Før Herefter finpudseder jeg vector points, for at få objektet til at se ren og skarp ud. Efter det skalerer jeg den en smule op i størrelse. Til sidst trækker jeg filen over i Photoshop, hvor jeg trykker Paste As Smart Object, for at kunne skalere filen ned og op uden at miste mixeldata. Efter 14
plakat grafik og billeder Arbejdsmetoder Jeg laver et nyt dokument i Photoshop, hvorefter jeg overfører Illustrator filen hertil. Dokumentet laver jeg i A3 højformat, for at matche plakatens størrelse. Opløsningen er på 150 PPI, da plakaten skal printes. Dokumentet bliver lavet i farverummet CMYK. Derefter så arbejdsgangen såleds ud: > New Layer > Gradient > Layer Style - Effects - Outerglow 15
plakat grafik og billeder Arbejdsmetoder I InDesign åbner jeg et nyt dokument i A3 højformat, hvor jeg bagefter indsætter filen fra Photoshop. Derefter finder jeg en passene font og indsætter den tekst jeg har udvalgt. Jeg laver nu fem kasser på 40x40 mm. og ligger dem et sted med god blikfang. Derefter finder jeg de logoer jeg skal bruge og åbner dem i Photoshop, hvor jeg laver fem nye dokumenter på 40x40 mm. Nu giver jeg billederne en PPI på 150 og overføre dem til hver sit dokument og skalere dem ned. Jeg gemmer dem og indsætter dem i mit InDesign Dokument. TRYK MED OMTANKE Nederest i højre hjørne indsætter jeg logoet, for at følge øjets naturlige læseretning, da dette skaber det bedste blikfang. Milijørigtigt kvalitetstryk hos Strandbygaard Grafisk 16
plakat grafik og billeder Procesbeskrivelse Målgruppen og det rette budskab har stor indflydelse på, hvordan mit resultat bliver. Da jeg ved, at Strandbygaard er en milijørigtig virksomhed er jeg meget opmærksom på, at afspejle dette i produktet. Det er min plan, at få produktet til at se moderne ud, så virksomheden ikke virkede kedelig og tør. TRYK MED OMTANKE Kvalitetsvurdering Mit budskab er tydeligt i produktet og farverne går igen på blandt andet logoet og hjemmesiden. På den måde er der noget genkendeligt ved mit produkt. Jeg referer hermed til mit Bilag Webside Header. Milijørigtigt kvalitetstryk hos Strandbygaard Grafisk 17
plakat grafik og billeder Brainstorm I min brainstorm fandt jeg frem til, at jeg ville lave plakaten i A3 højformat og bruge det gyldne snit samt AIDA modellen. Jeg ville tage udgangspunkt i de farver der er i logoet, for at skabe ensartethed. 18
typografi & ombrydning profilbrochure
profilbrochure typografi & ombrydning Opgavebeskrivelse Jeg laver en nyopsætning af profilbrochuren for Strandbygaard Grafisk. Brochuren er på 12 sider og i liggene A5 format. Igennem hele opgaven har jeg indtænkt de farver og fonts, som jeg tidligere har brugt i de andre produkter. Kundekontakt Efter et møde med virksomheden Strandbygaard Grafisk, får jeg et bedre indblik i kundes ønsker. Ved dette møde fik jeg udleveret materialer i form af billeder, tekst og lignende, som jeg kunne bruge til mit produkt. Det er vigtigt i denne proces, at tage højde for kundens ønsker, mærkesager og lignende, så resultatet passer til deres profil. 20
profilbrochure typografi & ombrydning Tekstmessige valg - Funktionelle overvejelser: Jeg har i opgaven brugt fonten Avenir til mine tekster. Denne font valgte jeg for at skabe genkendelighed, da jeg også har brugt Avenir til de andre produkter. Jeg har valgt en punktstørrelse 9, da jeg syntes den virker passene til mit format og den er let læselig. Min skydning er sat til auto (10,8), hvilket giver god luft mellem linjerne, som også er med til at gøre teksten let læselig. Jeg har brugt både 1 og 2 kolonner, her har jeg en linjelængde på 85mm og 40mm. På 85mm har jeg fra 53 til 62 karaktere og på 40mm har jeg 26 til 32. Dette mener jeg virker optimalt, da længen på teksterne ikke må blive for lange og uoverskulige. - Æstetiske overvejelser: Jeg har i opgaven brugt billeder som referer til de tekster jeg har indsat. 21
profilbrochure typografi & ombrydning Rationelle produktionsmetoder Jeg har brugt Master sider til produktet, hvorpå der er indsat sidetal og underlinje. Da produktet er en brochure har jeg brugt Faceing Pages. Paragraph Styles Forside Rubrik Tryk med omtanke Strandbygaard Grafisk a/s er i front mht. kvalitet og miljø. Derfor har vi opnået en lang række certificeringer, hvor vi hele tiden skaber forbedringer. Vi er kvalitetscertificeret iht. ISO 9001 Vi er miljøcertificeret både iht. ISO 14001 og EMAS, hvor vi skaber miljøforbedringer Vi producerer bæredygtige tryksager iht. FSC, PEFC, Rainforest Alliance, Svanen og Climate Calc Vi udviser samfundsansvar og er en del af UN Global Compact Der er skrappe regler omkring brug og placering af de forskellige miljømærker. Kontakt os derfor gerne for at høre mere om mulighederne på tlf. 96 800 700 eller grafisk@strandbygaard.dk. Brødtekst Toc 11 Bullet Character Styles Blå Grøn 50% Grå Hvid 22
profilbrochure typografi & ombrydning Paragraph Styles - Brødtekst Jeg har i min brødtekst valgt fonten Avenir med en størrelse 9pt. og med en skydning på 10,8pt (auto) Alignment er sat til Left Justify og er indstillet til Align to Grid - All Lines. Det vil sige, at alt tekst tilretter sig det indstillede grid. I Span Columns er den sat til Single Column, så min tekst ikke flyder over i begge kolonner som feks. min rubrik skal. Character Colour er sat til sort med en tint på 90%, da jeg mener at en 100% sort kan give en for stor kontrast i et produkt. 23
profilbrochure typografi & ombrydning Paragraph Styles - Bullet Min bullet har samme font, skydning osv. som min brødtekst. I Bullets and Numbering har jeg valgt en traditionel prik for ikke at fjerne fokus fra teksten. Jeg har givet den en Character Style, som jeg har lavet på forhånd, denne Style er lavet i samme grøn som mit design bærer præg af. Allignment er sat til Left og Left Indent er sat til 6 mm og First Line Indent er også sat til 6mm. Dette har jeg gjort for at få bullets og tekst til at stå på en lige linje. 24
profilbrochure typografi & ombrydning Procesbeskrivelse Budskabet og målgruppen har været vigtigst for mig i denne proces. Ofte har jeg lavet om på designet men uden held. Budskabet forsvandt i et hav af illustrationer den ene gang, og andre gange ramte jeg ikke den ønskede målgruppe. Jeg startede ud med at ville lave en 16 siders brochure, men da jeg ikke have nok matriale, ville jeg hellere gå ned i sider, end at have fire ekstra sider uden noget ordenligt indhold. Kvalitetsvurdering Jeg er tilfreds med resultatet, da jeg er endt med en brochure, der ikke er ens på alle sider. Alligevel har den en rød tråd igennem siderne med hensyn til farver, fonts og design. Budskabet og målgruppen skinner stænkt igennem. Jeg har holdt det stilrent og indholdet har stor fokus på de kvalitets mæssige forhold. 25
grafisk design plakat
plakat grafisk design Opgavebeskrivelse I kernefagligheden Grafisk Design vil jeg bruge min plakat som udgangspunkt til, at beskrive det tekniske og tankerne bag de valg jeg har truffet. Overordnet kommunikation Afsenderen er Strandbygaard Grafisk, som er et trykkeri med blandt andet en grafisk afdeling. Dette produkt henviser sig til virksomheder og private. De vil oftest have lavet én eller flere tryksager ved en moderne virksomhed, som går op i kvalitet og milijø. På plakaten er der en plotter, som er et grafisk værktøj. Plakaten henvender sig også til andre grafiske virksomheder, der måske ikke har inhouse trykkeri, eller som af andre årsager ikke kan klare trykkeri delen selv. I segment målgruppen henvender vi os til det blå og grønne segment. Det blå segment henvender sig til det modne, resultatorienterede og selvstændige menneske. Det grønne segmenter henvender sig til det meget miljøvenligt, engageret og aktivt menneske. Jeg har valgt ikke at fokusere på det rosa, lilla og grå segment, da disse kun i få tilfælde ville henvende sig til firmaer, som os. Milijø Aktiv Status Egoisme Moderne Selvstændig Fritid Familien Budskabet med denne plakat er, at få folk til at få lavet kvalitetstryksager, som er milijøvenlige. Den fortæller at Standbygaard Grafisk er virksomheden, som gør netop dét. 27
plakat grafisk design Designparametrne - Tekst Jeg har valgt at bruge fonten Helvetica, som jeg syntes fungere godt, fordi den er ren og stilet. Dette opfylder mit ønske om et mere moderne design. På teksten har jeg valgt at ligge en Outerglow, for at give teksten en mere wow effekt. Det er med til at gøre teksten spændende samt skaber attention. - Illustationer I midten af min plakat er der en plotter lavet af vector grafik, som der illustere hvor tryk/print kommer fra. Bagved illustartionen er der også et outerglow, der får plotteren til at se hellig/ guddommelig ud. - Farver Jeg har med vilje brugt de samme farver i alle mine projekter, da det skaber det bedste helhedsbillede. Kunden bliver tryg, rolig og føler sig hjemme, da de får nemt ved at genkende vores meterialer. Den hvide tekst sympolisere det rene, lyse og himmelske. Det blå skal give en effekt af pålidelighed, opfodre til ro og trovrædighed. Den grønne farve er for at vise milijøvenlighed. TRYK MED OMT - Form Under illustrationen er der fem milijømærker i hver sin boks. Dette viser kunderne hvilke certifikater virksomheden har. Derfor kan kunden samligne os med sit nuværende trykkeri i forbindelse med miljømærker og gør nye kunder trygge. Det at de 5 bokse hænger som de gør illustere billedrammer/diplomer som virksomheden er stolte af og gerne viser frem. 28
plakat grafisk design Det gyldne snit Jeg har fra starten indtænkt det gyldne snit i mit design. Jeg har opbygget min plakat så min tekst og mine bokse ligger i stegerne i det gyldne snit. Dette er med til at øge blikfanget, skaber balance og giver en overskuelig opstilling. AIDA modellen Attention - Tryk med omtanke Teksten er et sted med godt blikfang, det er noget af det første man ligger mærke til. Interest - Illustrationen i midten skaber interessen for kunden. Glowet baved fremhæver detaljerne og gør det mere spændende at se på. Desire - Miljømærkerne får kunden til at stræbe efter, at have det på sine tryksager og samvittighed. Action - Logoet i højre hjørne henviser kunden til produktet. Her kan kunden se, hvilket firma der står bag plakaten. Ved at placere logoet i nederste højre hjørne, vil det få den bedste placering. Det følger menneskets naturlige læseretning og slutter annoncen af. 29
plakat grafisk design Gestaltlove I produktet er reglen om ensartethed blevet brugt. Da de fem kasser i bunden af plakaten er ens, vil man automatisk tænke at de hænger sammen. Dette gør at budskabet om de mange milijømærker kommer helt ud til kunden. Udover det er farverne i produktet ens med andre produkter fra virksomheden, dette giver gendkendelse. Reglen om nærhed bliver også brugt, da de fem kasser er sat tæt på hinanden. - Ud over de brugte gestaltlove, er der også blevet brugt luft. Der er go luft mellem de forskellige objekter, det gør at designet bliver let og frisk at se på. 30
plakat grafisk design Procesbeskrivelse Jeg har fået dokumenteret og bekræftet min målgruppe, ved at få kunderne opdelt i segmenter. Jeg tvivlede på, hvorvidt jeg ville have de fem bokse i bunden af plakaten, da jeg ikke kunne finde ud af, om de passede ind. Selve plakaten virkede meget intetsigende uden dem. (se udkastene til højre) Kvalitetsvurdering Jeg sætter pris på, at lave et produkt, hvor teknikkerne og modellerne kommer til sin ret. Dette bekræfter, hvor vigtig en del af opbygningen på et produkt de har. Jeg går ikke ind for at centere tekst og illustartioner, som på denne plakat. I dette tilfælde syntes jeg dog at det fungere godt, da tekst, billede og lignende er placeret med et godt blikfang. 31
grundforløbsprojekt Anders Krøjgaard