Hovedforløb 4
SVENDEPORTFOLIO Magnus Svendsen
Indhold Præsentation Grafik & Billedbehandling
4
8
Typografi Grafisk design Grafisk produktionsforståelse
3
12 18
22
4
PRÆSENTATION Mit navn er Magnus
Jeg er 21 år gammel og er lige nu i praktik som mediegrafiker. Jeg har stor interesse i bl.a. grafisk design og fotografering. I 2013 begyndte jeg at arbejde i photoshop for at lave logoer og bannere for et bestemt computerspil, som jeg spillede meget på daværende tidspunkt. Efter det har jeg godt kunnet lide at udfolde mig kreativt i de forskellige grafiske programmer. Jeg fandt derefter ud af, at der var en skole ved navn KTS, der havde en mediegrafiker uddannelse, som understøttede de emner jeg var passioneret indenfor. Jeg er nu igang med uddannelsen, og dette er min svendeportfolio.
5
6
TRYKT
PRODUKT
7
Kunde
Styrker
Kunden var PN-Kommunikation. PN-Kommunikation er et kommunikations-bureau, som hjælper næsten alle de sjællandske kommuner med kommunikation om affaldssortering. Her var kunden Herlev Kommune.
Jeg har gjort meget brug af styles, der gør processen meget nemmere for teksten. Ved hjælp af table of content kunne jeg nemt koble den til mine styles.
Opgave Herlev kommune skulle bruge en sorteringsvejledning, hvor alle de typer affald, de sorterer i kommunen, skulle med, som billeder og tekst. Stilen skulle holdes i Herlevs design stil og være nemt aflæselig, da den skulle sendes til alle borgere i kommunen.
Målgruppe Denne affaldsguide henvender sig til alle i hus såvel som lejlighed. Den skal give et samlet overblik over, hvordan man sorterer alle slags affald, og den skal kunne fungere som et opslagsværk, man gemmer.
Kvalitetsvurdering
Svagheder Da det var så stor en publikation, kunne jeg godt blive bange for, at jeg ville drukne lidt i de forskellige informationer og måske komme til at bryde Herlevs designrammer. Men de var meget tilfredse med resultatet
Specifikationer Farverum: RGB og CMYK (CMYK når den skal trykkes) Programmer: Photoshop cc og Indesign cc Billeder: Hans Søndergård (fotograf) og affaldsfotobank.dk Format: 170x165 mm Print: Omslag - 250g papir, indlæg - 150g papir Uncoated fogra 29 (mat overflade) Bleed: 3 mm
Det var et stort dokument at komme igang med, og det kunne nemt komme til at se uoverskueligt ud, men efter alle forud-indstillinger af dokumentet, endte det ud med at blive en god og sjov opgave. Stilen blev holdt igennem hele projektet, og kundens ønsker om et overskueligt og letforståeligt opslagsværk blev opfyldt.
8
GRAFIK & BILLEDBEHANDLING Trykt produkt Produkt: Billede af to børn, som sorterer småt elektronik
9
Reference billeder
Fritlægning
Her er de to billeder jeg brugte mest for at kunne ramme den stemning og belysning/ kontrast som kunden udpegede.
På denne skulle drengen fritlægges, da han skulle have nogle baggrunds justeringer, og bruges til en senere proces. 1. Pentool, brugte jeg for at få en skarp og præcis kant. Når jeg bruger pentool, tager jeg gerne en smule af omridset med, da det er langt nemmere at snævre masken ind efterfølgende. 2. Efter kroppen var tegnet op, gemte jeg pentoolens path og omdannede den til en pixel maske. Efter det åbnede jeg “select and mask” for at kunne finjustere masken. 3. Når det kommer til fritlægning af hår, er der mange metoder, men jeg separerer altid håret fra resten da, det næsten aldrig, skal have samme indstillinger i “select and mask” som resten. Her brugte jeg “channels” metoden, som går ud på, at jeg finder den “channel”, der har den bedste kontrast, og laver en kopi af den.
Billeder benyttet
4. Jeg forstørrede kontrasten i “levels” for at adskille baggrund fra subjektet. 5. Jeg bruger derefter “brush tool” til at farve indersiden at det fritlagte hvidt og baggrunden sort, da der godt kan være nogle ting der ikke er 100% sort i resten af billedet.
1
2
10
3
4
Lag struktur
5 Når disse to er 100% hvid og 100% sort, er det nemt at omdanne denne ”channel” til en maske til håret. Det grå i kanten gør, at håret bliver transparrant og ikke bliver for skarpt i kanten Når begge to er sat sammen, kan masken bruges til diverse rettelser.
11
6. Farve justeringerne, er lavet i lag og lagt i en mappe så den nemt kan tages af og på, og ikke ødelægger original billedet. Der er lagt en maske på hvert justeringslag for at jeg nemt kan tegne de justeringer jeg har lavet, på de forskellige dele 7. Alle sammenkopieringer er lavet på samme måde. Jeg har sat det nye objekt ind over og rettet baggruden ind med “clone stamp” eller “patch tool”. De bliver derefter farvejusteret til at passe ind i billedets lys/skygge.
6
7
”Heu & Saturation” Lommeregner - fremæver blå ”Heu & Saturation” Pose - fjerner highlights ”Levels” Pose - tilføjer skygge indeni Nyt billede af posen Med en maske - justeret i hånden ”Clone stamp” Baggrunds blending Samme gør sig gældende for disse sammenkopieringer.
Før
Efter
Dette er den måde jeg har farvelagt de fleste objekter på. Jeg bruger ”Hue & saturation” i ”colorized” tilstand, og bruger derefter min pipette til at se om RGB koden passer med mine forventninger.
12
TYPOGRAFI Trykt produkt Produkter: 52 siders dokument
13
14
Font Jeg har valgt kun at bruge ”Frutiger LT std”, da det er en nemt aflæselig font, der både går godt til det trykte og det digitale. Ved kun at bruge én font er det også nemmere at holde stilen simpel og nem. Frutiger LT Std 55 Roman
Dokument opsætning Dokumentet er sat op med facing pages, 3 mm bleed, senere i procesessen har jeg været inde og ændre marginen i forhold til de brugte billeder og farver.
Aa
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxy zæøå123456789.,-;:=? Frutiger LT Std 65 Bold
Aa
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxy zæøå123456789.,-;:=? Frutiger LT Std 75 Black
Aa
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxy zæøå123456789.,-;:=?
15
Master pages Dokumentets ”master pages” er lavet for at holde stilen igennem dokumentet, hvor indholdet varierer. Der er også beregnet faner til mine ”master pages”
Styles I og med at der er 52 sider, er der også rigtig meget forskelligt indhold. Her er de paragraph/ character styles brugt til dokumentet.
Mellemrubrik
Brødtekst
Mellem rubrikken i dette dokument hedder ”Lille overskrift” da den også bliver brugt andre steder som overskrift til nogle billeder, og gerne, være en eksakt kopi. Den er heller ikke løftet, da den har en lysere farve, der gør den mere ”let” i det, og optisk passer den bedre på baseline sammen med brødteksten.
Brødteksten er en ”regular” tykkelse, da den skal være læselig og ikke blive for klumpet. Da Herlev Kommunes stil er lidt firkantet, satte jeg linjeskydningen til 12 pt. Da skriftstørrelsen ligger på 10 pt, syntes jeg, at det var en meget passende skydning, da den helst ikke skal have for meget luft, men heller ikke flyde sammen.
Indholdsfortegnelse Min indholdsfortegnelse er sat til min H1, da det er dem som har interessepunkterne i publikationen.
16
youtube.com/watch?v=Y1FklmPd90w
DIGITALT
PRODUKT
17
Kunde
Svagheder
Working School er en NGO som hjælper udsatte børn i Asien og Afrika. De står for at sende aflagte møbler og computere fra Danmark til skolerne i de udvalgte lande.
I og med at kunden ikke havde nogle ønsker om design eller farvevalg, lå der en vanskelig og vigtig opgave med at spore sig ind på, hvad kunden behov og ønsker var. Her var det en fordel, at jeg startede med at lave skitser, så jeg fik flowet ind i opgaven.
Opgave Kunden skulle bruge en promo video for at vise danske skoler/kommuner, at deres indsats gør en forskel, men også for at lokke medlemmer med i oraganisationen. Og potentielt skabe kontakt til nye kommuner/skoler, der gerne vil donere computere eller skolemøbler. Animationen måtte gerne være en smule barnlig, da emnet er uddannelse af børn.
Specifikationer Farverum: RGB (Da den vises på skærm) Programmer: Illustrator Format: 1920x1080 px (30 fps) Slutformat: MP4
Kvalitetsvurdering Opgaven var meget åben, og der var ikke taget stilling til så meget andet end indholdet fra kundens side. Jeg måtte derfor klarlægge for mig selv, hvilket design udtryk og stil, animationen skulle have. Hele forløbet gik meget smertefrit, og kunden havde ikke nogle rettelser til resultatet.
Styrker Jeg havde opbygget dokumenterne super simpelt fra start af, så alt jeg lavede nemt kunne rettes og animeres. Derfor kunne jeg hele tiden sørge for at kvaliteten var i top.
18
GRAFISK DESIGN Digitalt produkt Produkt: Illustrationer til animations film
19
20
Inspiration
Storyboard A til B
Jeg har kigget meget på youtube kanalen ”Kurzgesagt”, da de har en flot måde at bruge vector former i animationer.
Her har jeg testet et storyboard af, som jeg viste kunden i første omgang. Denne dannede udgangspunkt for vores dialog, før jeg gik i gang med alle illustrationerne.
www.youtube.com/watch?v=QImCld9YubE&t=307s
Skitser/brainstorm Især når jeg skal tegne noget fra bunden, starter jeg altid i hånden, så jeg kan få en ide om stilen og indholdet. Derefter har jeg her omdannet mine skitser til illustrationer i Illustrator
Kunden var tilfreds med storyboardet og havde kun meget få rettelser.
21
Grafik
Målgruppe
Al grafikken er lavet i Illustrator. Lastbilen er lavet med en meget simpel streg, da man skal lægge mærke til indholdet i bilen.
Den primære målgruppe er kommuner/skoler i Nordsjælland, da det er dem, som har doneret til organisationen. Den sekundære målgruppe er en bred målgruppe på typisk 40+ da det er denne aldersgruppe, som man har erfaring med ønsker at deltage aktivt i organisationen.
Font Jeg har valgt fonten ”Helvetica” til animationen, da fonten gør sig godt til digital aflæsning. Det er en grotesk font, som jeg tænkte, passede godt med den streg, jeg brugte i produktet
Farver
Aa
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxy zæøå123456789.,-;:=?
Den orange er brugt til baggrund, da det gerne måtte blive lidt ”barnligt” og ”diverst”. Den lidt sennepsgule er brugt til kortet i introen, da det gerne skulle stå ud fra resten af animationen og gerne skulle have noget varme i sig. Jeg har brugt en 100% hvid til tekst og billeder, da det gerne skulle stå frem, i og med at stregen er så tynd.
22
GRAFISK PRODUKTIONSFORSTÅELSE Digitalt produkt Produkt: Animations film
23
Proces/tidslinje Kundemøde
Rettelser af animation
Brainstorm
Animation
Indsætte flere eksempler på baggrundslyd
Skitser
Storyboard
Rettelse af storyboard
Godkendelse
Dialog med kunden
Køb af udvalgte stock produkter og eksportering til MP4 igennem ”Media Encoder” samt overlevering til kunden
24
Illustrator til After Effects Hele animationen er delt op i tre Illustrator filer (Intro, verdenskort til intro, og animationens indholds-scener). Grunden til at jeg har brugt så få filer er, at det ville gøre det nemmere at overlevere arbejdsfilerne til kunden. 1. For den bedste struktur har jeg delt illustrator lagene op i scener med de forskellige objekter. 2. Når jeg derefter skal hive illustrationerne ind i After Effects, vælger jeg “composition”, som gør at alle lagene dukker op adskilt, og jeg kan derefter samle dem til forskellige scener. 3. Nogle af de importerede filer laver jeg til vector form i After Effects. Det gør, at jeg kan animere hvert et punkt i illustrationen, fx. foden der flytter sig subtilt på en af børnene.
2
25
1
3
Masker
Animation
I introen har jeg brugt noget kaldet ”Track matte” for at få verdenskortet til at kunne bevæge sig inde for cirklen. Inde under ”Track matte” har jeg valgt det, som hedder ”Luma matte”, som gør, at der kun bliver vist det af laget, som laget ovenfor fylder.
De fleste animationer er lavet med ”Easy ease”. ”Easy ease” giver animationerne en blød opstart og afslutning. Det gør, at animationen ikke bliver alt for stiv i det, og at der kommer noget dynamik i den. Jeg har derefter rettet i ”Easen” i kurven for at finde den rette animation
Lyd Kunden ønskede sig noget ”upbeat” og ”muntert” så jeg fandt en masse stock musik, som jeg følte passede til deres ønske, og kunden udvalgte, hvilken de syntes var bedst. Derefter blev musikken importeret til After Effects, og jeg finjusterede både lydstyrke og udtoning.
Eksportering Jeg har brugt Media Encoder til at eksportere videoen. Filen er H264 format og ”match source high bitrate”, da jeg valgte at aflevere i MP4 format. MP4 er nemlig et format der kan afspilles på alle slags platforme.
26
Tak, fordi du kiggede med 27
28
Magnus Svendsen Mail: Magnussvendsen@yahoo.dk Telefon: +45 53 25 12 09 Bopæl: København S
