Rasmus Hetoft Mediegrafiker Hovedforløb 2 Arbejdsportfolio

Transkript

1 Rasmus Hetoft Mediegrafiker Hovedforløb 2 Arbejdsportfolio

2 2 RASMUS HETOFT PORTFOLIO 3

3 Grafisk design Postkort Februar 2014 Moesgaard Museum Moesgaard Museum is uniquely located in the hilly landscape of Skåde, Denmark. With its sloping roofscape of grass, moss and flowers in bright colours the building appears a powerful visual landmark perceptible even from the sea. Here architecture, nature, culture and history are fused together into a total experience. Location: Aarhus, Denmark Photography: Jens Lindhe Henning Larsen Architects Copenhagen Oslo Munich Istanbul Riyadh Faroe Islands Hong Kong Grafisk design og print Hos Henning Larsen Architects kommer der hver dag gæster udefra, og vi holder ofte åbent hus-arrangementer (senest i forbindelse med Kulturnatten) og derfor er det en god idé at give folk en souvenir. Noget, de kan tage med derfra, som de kan se på og blive mindet om firmaet igen. Derfor blev jeg af kommunikationsafdelingen i februar sat til at lave postkort, som nu står i vores reception. Postkortene udstiller en del af vores prominente projekter. Deriblandt Harpa, en koncertsal i Reykjavik (som vandt Mies van der Rohe Award en i 2013), Umeå Arkitektskole og Kunstmuseum samt det nyligt åbnede Moesgaard Museum. Jeg var lidt med inde over fotoudvælgelsen, hvor vi gik efter nogle billeder, som gerne skulle være iøjnefaldende så man får lyst til at samle et postkort op og tage med hjem eller sende til en ven. Vi blev enige om både at lave nogle i lavformat og højformat (dog stadig med liggende bagside), samt ligeledes et udvalg, som blev falset, så der er plads til mere tekst. Bagsiden er naturligvis den, der har krævet mest tid. Jeg gik efter det rene, minimalistiske look, med en enkel beskrivelse af projektet og god plads til at skrive tekst. Bagsiden er sat med Klavika, som er HLA s standardskrifttype til de fleste ting, der går ud af huset. Stregen i toppen holder på formen og gør, at teksten i toppen ikke synes at svæve frit. I bunden fik jeg skabt en QR-kode, som fører hen til firmaets Facebook-side. Jeg måtte eksperimentere meget med størrelsen og tonen for at få den til at fremstå så diskret som muligt men stadig være brugbar. Modstående side: Bagsiden af det ufalsede postkort Øverst: Et udvalg af de fotos, som blev brugt på postkortene. Nederst, tv.: De forskellige Paragraph og Character Styles, jeg brugte til bagsiden. Nederst, th.: Et eksempel på de falsede postkort i bredformat. 4 RASMUS HETOFT PORTFOLIO 5

4 6 RASMUS HETOFT PORTFOLIO 7

5 Typografi & ombrydning Ydelsesmagasin September 2014 DEMOLITION RECYCLING MAINTENANCE LIFE CYCLE ASSESSMENT OF BUILDING PRODUCTS CONSTRUCTION MANUFACTURING EXTRACTION PRODUCER Lokal energi OPTIMER Komponenter og installationer REDUCER Kontekst, geometri, dagslys, funktioner og systemer Modstående side: To infografikker fra magasinet, skabt i Illustrator. Paragraph Styles (tv.) og Swatches-palletten (th.). Farvepalletten er ligeledes undfanget i Illustrator. Dokumentets Character Styles, brugt til at highlighte/adskille visse tekststykker. Layout og ombrydning En kæmpestor del af mit arbejde hos Henning Larsen Architects er for firmaets Bæredygtighedsafdeling faktisk er vi det eneste danske arkitekturfirma, der har en hel afdeling, som specialiserer sig inden for dette. For at gøre opmærksom på os selv og så der er noget materiale at vise til kunderne, skabte vi dette Ydelsesmagasin, som er en slags oversigt over, hvad det er, afdelingen kan. Det blev printet i 30 eksemplarer i starten af oktober. Jeg stod for det grafiske design og layoutet og samarbejdede med 3 ingeniører og kommunikationsmedarbejdere, som leverede tekst og udkast til illustrationer. Dokumentet er sat op i InDesign og konsekvent sat med skrifttypen Geogrotesque, som er en geometrisk sans-serif type. Den har et afrundet finish, som gør den indbydende og rar at læse. Typen fås i 7 snit, med italics. Som det ses ovenfor, består dokumentet af temmelig mange forskellige paragraph styles. Dette er nærmest en nødvendighed for at holde struktur på dokumentet. Brødteksten er str. 10/13, Mellemrubrikkerne 12/15 og luften udregnet, så det passer til grid et. Ved at holde mig til én skrifttype, ensarter det looket i dokumentet. Til gengæld kræver det så, at man eksperimenterer lidt med de forskellige snit, hvilket jeg har gjort i eks. underrubrikkerne, som er Italic (Light eller Regular). Citaterne er desuden højrestillet for at bryde det venstrestillede og give balance. Magasinet består af 9 forskellige sektioner, som alle skal kunne ses uafhængigt og ligeledes kunne genkendes fra hinanden. Derfor skabte jeg en farvepallette (se ovenfor), som består af 8 forskellige farver, som adskiller sig tæt på maksimalt muligt fra hinanden, men som alle har samme intensitet og som set samlet danner en gradient (se indholdsfortegnelsen). Gennem hele magasinet optræder ligeledes en masse fotos, jeg har taget af medarbejderne i afdelingen, samt en stor del diagrammer og illustrationer. 8 RASMUS HETOFT PORTFOLIO 9

6 10 RASMUS HETOFT PORTFOLIO 11

7 Billede & grafik Modelfotos (TFP) Oktober 2014 Modstående side: Det færdige billede; resultatet af arbejdet beskrevet her. Indstillinger i Lightroom Lagopbygningen i Photoshop ponerer en smule, gør de lyse toner lysere og de mørke toner mørkere dog uden at miste detaljer fuldstændig. Fotografering og redigering Til en nylig workshop hos fotografen Jesper Koefoed mødte jeg modellen Thea, som jeg skød en lille serie af. Undervejs afprøvede jeg forskellige lyssætninger; nogle hårde til fashion, nogle bløde til beauty og portrætter. Alle er skudt i et studie med brug af professionelle flashes. Til ovenstående er brug en beautydish over modellens hoved, en sølvreflektor under og en lampe skudt ind på baggrunden. De fleste af billederne er taget med mit 85mm-objektiv, og dem i fuld figur er skudt med min 50mm. Kameraindstillingerne var, som altid i et studie: 1/125, ISO 100, f/5.6 til f/11 selvfølgelig allesammen taget i RAW. I råkonverteringen med Lightroom indstiller jeg hvidbalance, lys og skygge og tilfører billederne dybde, kontrast og skarphed (se screenshot t.h.). Generelt booster jeg tonerne, overeks- Dernæst hiver jeg billederne ind i Photoshop, hvor jeg udfører hudretouchering, klarere og renere farver, dodge/burn, rettede kontraster og lys og tilfører til slut sharpness. Først giver jeg billedet punch vha. en kombination af forskellige teknikker, som øger kontrasten og får billedet til at springe mere i øjnene. Derefter retoucherer jeg huden (vha. frekvensseparation). Så kommer et Dodge/ Burn-lag (Luminosity som blend mode), hvor jeg selektivt gør områder mørkere og lysere. Ovenover det, et lag, hvor lyset i øjnene forstærkes. Efterfølgende justerer jeg toner og nuancer med adjustment layers, og slutteligt tilføres skarphed vha. Unsharp Mask. 12 RASMUS HETOFT PORTFOLIO 13

8 14 RASMUS HETOFT PORTFOLIO 15

9 Produktion & workflow Minisite August 2014 Typografien for Henning Larsens bæredygtighedsafdeling er normalvis Klavika, så den ville jeg ligeledes gerne integrere på siden. Til det formål benyttede jeg den gratis tjeneste FontSquirrel (ses og er sat på som standard i body). Jeg gjorde det samme med Bold-udgaven, som dog er udeladt her, men bliver brugt i mit a- og h1-tag. Kodning af HTML og CSS I forbindelse med et seminar om dagslys på Dansk Arkitektur Center, arrangeret af Henning Larsen Architects og Realdania, skulle der laves en minihjemmeside, så deltagerne efterfølgende kunne downloade præsentationerne samt opsamlingsmateriale. Jeg startede ud helt fra bunden og fik opbygget min enkle HTML (ovenfor) i Sublime Text 2. Den består af head (hvori bl.a. titlen er defineret) og en HTML-filen (index.html) CSS-filen (style.css) body, indeholdende en indholds-div (div id= content ) med kort tekst og links til PDF er, og en logo-div nederst i højre hjørne (div id= logo ). Dér, hvor det bliver interessant, er ved CSS en. Linket til siden ( skulle sendes på mail til alle de deltagene på seminaret. Eftersom mange tjekker deres mail på en smartphone, ønskede jeg fra starten at gøre siden responsiv / mobilvenlig. Derfor det simple design og baggrunden, som kan skaleres op og ned. Først opbyggede jeg min CSS til visning på min normale arbejdsskærm (1920x1200px). Content-div en er en hvid kasse med en minimums- og maksbredde, så den kan tilpasse sig efter skærmstørrelsen, men uden at blive for stor eller for lille. Min body har en margen på 60px hele vejen rundt, således at der bliver lagt afstand til elementerne. Logoet i bunden er positioneret absolut, i nederste højre hjørne, så det altid vil følge hjørnet (defineret ved at sætte et bottom og right parameter udgør mit media query, som her træder i kraft, når skærmstørrelsen er max. 750px og minimum 240px. I den står, at logoets positionering ændres, margenerne omkring body gøres mindre, siden får mindre padding i toppen og skriftstørrelsen tilpasses efter størrelsen på enheden. 16 RASMUS HETOFT PORTFOLIO 17

10 Oktober 2014