mediegrafiker portfolio

Transkript

1 mediegrafiker portfolio

2 1. Grafisk Design 2. Typografi og ombrydning 3. Grafik 4. Billedbehandling 5. Grafisk workflow

3 Mit navn er Andreas Jørgensen Jeg er 23 år, bor i Kongens Lyngby og er i lære som mediegrafikerelev hos MONTAGEbureauet. Det er en grafisk tegnestue, der beskæftiger sig med alt fra magasiner til webdesign. I virksomheden ligger mine primære opgaver både i det trykte og de digitale medier. Det giver en solid forståelse for de grafiske fremgangsmåder. Dette har været med til at give mig et godt indblik i, hvordan den grafiske verden fungerer.

4

5 GRAFISK DESIGN!

6 Opgaven: Beredskabschefen.dk er et website for en kunde med speciale i beredskabsplaner og sikkerhed. Min opgave var at designe og programmere websitet og til sidst sætte det op i vores CMS system. Der blev holdt et briefing-møde med kunden, hvor deadline, layout og tekst blev afklaret. Formålet med hjemmesiden er at skaffe nye kunder. Det kan være privatpersoner, virksomheder etc., der ønsker at få lavet en unik beredskabsplan i tilfælde af en nødsituation - som ulykker og brande. Layout: I headeren ses firmaets logo understøttet af en rød streg, der herved skiller header fra resten af sitet. Websitet har en menu, der indeholder en række undermenuer, som er kodet med jquery. I midten ses den relevante tekst, og i bunden benyttes samme beredskabsstriber som I virksomhedens logo. Footeren består af en grå bjælke med alle hovedkategorierne fra sitets menu. Den lille streg med cirkel I, skal forstille en flugtvejviser/wayfinder - en typisk tegning over nødudgange ved brand. Proces: Jeg startede med at tegne en skitse ud fra kundens egne ønsker. Derefter satte jeg elementer op i et Illustrator dokument med udgangspunkt I skitserne og kundens udsagn. Efterfølgende valgte jeg at skrive al basal kodeopsætning og lave mappestruktur. Nu var jeg langt nok inde i processen til at sitet og layoutforslaget kunne præsenteres for kunden.! Menuen er lavet med henholdsvis CSS og jquery og fungerer sådan, at brugeren har mulighed for at navigere rundt på siden. Ved at klikke, kan menuen folde sig ud og vise en undermenu, hvor man har flere muligheder for nemt at komme til et bestemt punkt i teksten.

7 Forside: Moderne og overskuelig forside i farver med blikfang - taget fra Beredskabschefen.dk logoet. Hele sitet er designet med fokus på let tilgængelighed og information om beredskab. Nem adgang via menuen til venstre og i bunden Skype opkald direkte til et hovedkontor Direkte adgang til vigtig information

8 Procesbeskrivelse Indledende møde med kunden og brief på opgaven Inspirationssøgning Skitsetegninger af layout, design og billedeplacering Opsætning af layout i InDesign Godkendelse af layout og design Programmering af website og styling Test af JavaScript menu Videre programmering af website Tilføjelser af indhold Implementering og test af Skype-opkalds funktion Størrelse: 1400 pixels Grid: Font og størrelse: Arial, 2em

9

10 Farvesymbolik Den røde farve giver blikfang og for mennesker til at give agt og opmærksomhed i forbindelse med beredskab. En nuance af grå der udviser professionalisme. Farven er med at at lægge en dæmper på det designet der er meget præget af den røde farve.

11 Flowchart Index.html beredskab.html øvelser.html krise.html kursus.html sikkerhed.html flugtvej.html links.html kontakt.html

12 Papirlinje

13

14

15 Typografi & ombrydning

16 Opgaven: Design, layout og ombrydning af hæftet på 8 sider. Indsætning af billeder og kundekontakt. Målgruppe: Hæftet henvender sig til alle, der har interesse for heste, kareter og Kongehuset. Mit bidrag til opgaven: Jeg har selvstændigt udarbejdet design og layout samt klargjort billeder fra kunden. Typografi: I både overskrift og mellemrubrikker har jeg brugt Bodoni Poster. Bodoni er en af de første fonte, der blev opfundet, og derfor mente jeg, at den var oplagt at benytte, i det vi har verdens ældste monarki som afsender. Til brødteksten har jeg benyttet Calibri Regular, som er en sans-serif font. Man vil normalt bruge en Antikva serif-font, men kunden ønskede at bruge denne, da den også fremgår i forhenværende opgaver fra Kongehuset. Arbejdsproces: Indledende møde med kunden og brief på opgaven Inspirationssøgning Skitsetegninger af layout, design og billedplacering Opsætning af layout i InDesign Godkendelse af layout og design Typografering og ombrydning af tekst fra udgivet word-dokument Prøveprint til opmåling og test af forskellige skriftstørrelser I alt 5 korrekturgange Godkendelse hos Staldmester P.S. Thuesen Afsendelse til tryk hos Kailow Prøvetryk modtages Hæftets specifikationer: Format: A5 Stamme: 7 mm Margin top, bund, højre og venstre: 13 mm. Mellemrubrik: Bodoni Poster, Overskrift: Bodoni Poster Brød: 10/12 pt, Calibri Regular.

17

18

19

20

21 Typografi Aa Bodoni Poster abcdefghijklmnopqrstuvwxyzæøå !«#%&/()=? C=0 M=20 Y=100 K=28 Aa Calibri Regular abcdefghijklmnopqrstuvwxyzæøå !«#%&/()=? C=100 M=70 Y=0 K=40

22 Workflow Møde med kunden Briefing på opgaven Research og inspirationssøgning Præsentation af layout for kunden Korrektur fra kunden Produktionsplan Vurdering af mulige løsninger Godkendt layout

23 Redigering efter kundens anvisninger False dummy Færdigt produkt 1. statusmøde med kunden Prøveprint Trykklar PDF, preflight på farver og billeder. Afsted til tryk

24

25 Grafik og billedbehandling

26 Opgaven: Dansk Energi udgiver hvert år et blad med forskellige virksomheders idéer og planer for næste års miljøvenlig energiproduktion. Bladet indeholder en masse grafer, der bl.a. viser, hvor meget en virksomhed har formået at gøre jorden grønnere med deres produktion af vedvarende energi. Min opgave var at designe grafer ud fra et kompliceret Exceldokument, der indeholder en masse tal, og lidt om hvad grafen skal illustrere. Layout: Arbejdsproces: Modtagelse af Excel-fil fra kunden Valg af graf-type Indlæsning af Excel-ark eller manuel indtastning af tal og navne Valg af farver efter kundens anvisninger Valg af typografi Graf outlines Proces: I Illustrator har jeg brugt Graph tool til at vælge hvilken type graf, jeg vil bruge og placere den på tegnebrættet. Ved at indlæse eller indtaste tal i Data vil jeg få vist et lille vindue, der til forveksling ligner et Excel-ark. Selve layoutet er ofte bestemt af kunden på forhånd, og min opgave er at få grafen til at ligne kundens skitser. 46 % 20 % Moms 0 13 % % 2 % 12% Netb etaling Abonnement Afgifter & PSO jan-14 feb-14 mar-14 apr-14 maj-14 jun-14 jul-14 aug-14 sep-14 okt-14 nov-14 dec-14

27

28

29 billedbehandling

30 Opgaven: At fjerne farvestik og redigere lys/mørke på et par billeder til Den Kongelige Stald-Etat hæftet. Proces: Til hæftet Den Kongelige Stald-Etat fik jeg udleveret en masse billeder, som jeg udvalgte i samarbejde med Staldmester P.S. Thuesen. Billederne var blevet taget af en fotograf fra Kongehuset, men havde endnu ikke været igennem billedbehandling i Photoshop. Billederne var enten for lyse, for mørke og nogle af dem havde kraftige farvestik. Arbejdsproces: Det aftales med kunden hvilket billeder der skal fortages repro på Inspirationssøgning Behandlingen af billederne i PhotoShop Evt. prøveprint til godkendelse af repro Korrekturgange Godkendelse hos kunden endeligt godkendte billeder sættes i dokumentet Billedernes specifikationer: Opløsning: Er min. 300 ppi i given størrelse Farve: CMYK, defineret efter trykmetoden. Farveprofiler til tryksagen modtager fra trykkeriet. På billedet af danmarks ældste kongelige karet, guldkareten, var der før behandlingen for meget rødt i billedet. Til billedbehandling har jeg benyttet: Levels Colour Balance Clone Stamp Layer mask Spot healing brush tool Eraser tool Opacity

31

32 FØR EFTER

33 Arbejdsproces: Ved at benytte Levels paletten, justerer jeg lys og mørke i billedet. Herefter bruger jeg Color Balance til at fjerne det røde farvestik og tilføjer mere gul farve samt grøn til billedet. Dette for at give billedet en mere normal farvebalance at se på.

34 Sammenkopiering

35

36

37 GRAFISK workflow!

38 Workflow Møde med kunden Briefing på opgaven Research og inspirationssøgning Præsentation af layout for kunden Korrektur fra kunden Produktionsplan Vurdering af mulige løsninger Godkendt layout

39 Redigering efter kundens anvisninger False dummy Færdigt produkt 1. statusmøde med kunden Prøveprint Trykklar PDF, preflight på farver og billeder. Afsted til tryk

40 Opgaven: En af mine primære hovedopgaver er at udarbejde annoncer, flyers og andet materiale til Scandlines Helsingør-Helsingborg forbindelsen. Annoncen skal sendes til trykkeriet og indrykkes i Helsingør Dagblad og Frederiksborg Amts Avis. Målgruppe: Alle. Dog mest henvendt til pendlere og danske torpare mellem Danmark og Sverige i Helsingør og Helsingborg omegn. Mit bidrag til opgaven: At opsætte tekst og billeder efter Scandlines HH s design manual. Splash med tekst er blevet ombrudt og typograferet, og baggrundsbilledet med hav er blevet forstørret 3 x 125 pixel for at give en optimal faktisk ppi på 300ppi.. Typografi: Frutiger Black er brugt til overskriften. Frutiger Light bliver benyttet til brødteksten. Overskriften består af to ord, der er centreret over hinanden i samme tekstboks. Hver linje får forskellig punktstørrelse, så de holder for- og bagkant. Flere steder i linjerne har jeg fjernet luft mellem bogstaverne, hvilket gøres efter princippet, at der skal kunne være lige meget vand mellem hvert bogstav i en tekst. Dette giver en overskrift, der holder en pæn for- og bagkant. Arbejdsprocess: Godkendelse af layout og design Typografering og ombrydning af tekst fra udgivet word dokument. Godkendelse hos Scandlines Afsendelse til tryk hos aviserne Jeg modtager en bestilling på annoncen med tekst og i nogle tilfælde billeder. Annoncen sættes op i InDesign og tekst indsættes og ombrydes. Billeder sættes op i korrekt størrelse i Photoshop og indsættes derefter i annoncen. Ved generering af trykklar PDF, tjekkes Output Preview for evt. fejl i farverne samt Preflight for at sikre annoncens kvalitet, og at den er klar til afsendelse. Annoncens specifikationer: Format: 266 x 172 mm Overskrift: Frutiger Black Brød: 10/12 pt, Frutiger Light

41 PDF til tryk ISOnewspaper26v4

42 Output preview

43

44