mediegrafiker portfolio
1. Grafisk Design
2. Typografi og ombrydning
3. Grafik
4. Billedbehandling
5. Grafisk workflow
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.
GRAFISK DESIGN!
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 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
I headeren ses firmaets logo understøttet af
jQuery og fungerer sådan, at brugeren har
en rød streg, der herved skiller header fra res-
mulighed for at navigere rundt på siden. Ved
ten af sitet.
at klikke, kan menuen folde sig ud og vise en
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
undermenu, hvor man har flere muligheder for
nemt at komme til et bestemt punkt i teksten.
!
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
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
Farvesymbolik
Den røde farve giver blikfang og for mennesker til at give
En nuance af grå der udviser professionalisme. Farven
agt og opmærksomhed i forbindelse med beredskab.
er med at at lægge en dæmper på det designet der er
meget præget af den røde farve.
Flowchart
Index.html
beredskab.html
øvelser.html
krise.html
kursus.html
sikkerhed.html
flugtvej.html
links.html
kontakt.html
Papirlinje
Typografi & ombrydning
Opgaven:
Arbejdsproces:
Design, layout og ombrydning af hæftet på 8 sider.
Indledende møde med kunden og brief på opgaven
Indsætning af billeder og kundekontakt.
• 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
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.
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.
Typografi
Aa
Bodoni Poster
abcdefghijklmnopqrstuvwxyzæøå
123456789!«#%&/()=?
C=0 M=20 Y=100 K=28
Aa
Calibri Regular
abcdefghijklmnopqrstuvwxyzæøå
123456789!«#%&/()=?
C=100 M=70 Y=0 K=40
Workflow
Møde med kunden
Briefing på opgaven
Research og inspirationssøgning
Produktionsplan
Præsentation af
layout for kunden
Vurdering af
mulige løsninger
Korrektur fra kunden
Godkendt layout
Redigering efter
kundens anvisninger
1. statusmøde
med kunden
Prøveprint
False dummy
Færdigt produkt
Trykklar PDF, preflight
på farver og billeder.
Afsted til tryk
Grafik og billedbehandling
Opgaven:
Arbejdsproces:
Dansk Energi udgiver hvert år et blad med forskellige virk-
•
•
•
•
•
•
somheders 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.
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
Layout:
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.
4.000
46 %
3.000
20 %
2.000
1.000
Moms
0
-1.000
13 %
-2.000
2%
7%
12%
Netb etaling
Abonnement
Afgifter & PSO
-3.000
-4000
jan-14 feb-14 mar-14 apr-14 maj-14 jun-14 jul-14
aug-14 sep-14 okt-14 nov-14 dec-14
billedbehandling
Opgaven:
Arbejdsproces:
At fjerne farvestik og redigere lys/mørke på et par
• 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
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.
Billedernes specifikationer:
Opløsning: Er min. 300 ppi i given størrelse
Farve: CMYK, defineret efter trykmetoden. Farveprofiler til tryksagen
Billederne var enten for lyse, for mørke og nogle af dem havde kraftige farvestik.
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
modtager fra trykkeriet.
FØR
EFTER
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å.
Sammenkopiering
GRAFISK workflow!
Workflow
Møde med kunden
Briefing på opgaven
Research og inspirationssøgning
Produktionsplan
Præsentation af
layout for kunden
Vurdering af
mulige løsninger
Korrektur fra kunden
Godkendt layout
Redigering efter
kundens anvisninger
1. statusmøde
med kunden
Prøveprint
False dummy
Færdigt produkt
Trykklar PDF, preflight
på farver og billeder.
Afsted til tryk
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
PDF til tryk
ISOnewspaper26v4
Output preview