Det trykte produkt

I det trykte produkt vil jeg gennemgå grafisk design, grafik og billedbehandling og typografi.

Det digitale produkt

I det digitale produkt vil jeg gennemgå grafisk produktionsforståelse.

Kulturhjørnet skiller

Det trykte produkt - Profil 2021

Opgave og formål

At skabe den årlige firmaprofil i et coffetable magasin format, til det rådgivende ingeniørfirma MOE. Profilen skal vise at MOE har en stærk social kultur men ikke mindst at det er et firma med spændende og bæredygtige projekter. 

Målgruppe

Profilen bliver brugt til rekruttering af nye medarbejdede, til uddeling på messer og til at dele ud til kunder og samarbejdspartnere. 

Profilen bliver samtidig brugt til at informere firmaets medarbejdere om de mange projekter MOE er en del af på tværs af kontorer.

Grafisk design

Grafiske elementer og virkemidler

For at gøre op med at ingeniører kan opfattes formelle og skarpe i kanterne, gjorde vi de grafiske elementer bløde: Ikoner og portrætbillederne runde, ligesom O’et i MOE-logoet, og rundede hjørner på billeder, som M og E i logoet.

Derudover har jeg brugt streger under rubrikker og ved billedtekster og citater. For at tilføje dynamik blev nogle af billederne delvist fritlagt, så det skabte en 3D-effekt, ligesom nogle billeder fik lov at gå til kant.


Strejer, 3D-effekt og bløde hjørner
Strejer og cirkler
Eksempel på temacase, hvor objekter blev fritlagt og lagt henover rammen, på den måde blev temaet en del af opslaget.
Designing solutions for a positive life

I profilen havde vi et tema kaldet ”Designing solutions for a positive life”. Derfor blev det også navnet på årets profil. Temaet forklares i både velkomstteksten og i den første temacase.

Temaet skulle være tydeligt og fungere på mange slags opslag. Jeg ente med en hvid og grøn ramme med et logo nede i venstre hjørne.

Logoet blev lavet i Soho Gothic Std Ultra og i versaler. De grønne skygger gav dybde og sikrede at logoet stod tydeligt på alle slags baggrunde.

Prosessen var lang, og der blev prøvet mange løsninger af før vi fandt en funktionel løsning. Eksempelvis, havde vi længe logoet i 5 linjer, men lavede det om, fordi det fyldte for meget.

Grafik og billedbehandling

Der var mange slags opgaver med billedbehandling i profilen: farvejustering og elementer der enten skulle fjernes, fritlægges eller skiftes ud.

I alt hvad jeg redigerede, arbejde jeg non-destruktive og gjorde brug af lag og masker i Photoshop. Jeg åbnede dem først i Camera Raw og farvejusterede og rettede billederne op derinde. Ofte åbnede jeg billederne som et objekt, så jeg kunne gå tilbage og justere, hvis det blev nødvendigt.

Da jeg var helt færdig med layoutet i Profilen, tilpassede jeg størrelse og opløsningen på billederne, i “Image size”, så de alle var 300ppi da det blev sendt i trykken.

Resultatet. Jeg spejlvendte et par stykker ad dem, for at de alle vendte ind mod midten.
Jeg fritlagde personerne, ved hjælp af Channels, for at få fritlagt håret præcist. Her brugte jeg blå som udgangspunkt for min maske.
Farvetonerne var meget forskellige på originalerne, så farvejusteringen var især en udfordring.
Billedet blev lysnet og delt i to. På det ene blev Peter delvist fjernet, så han var uden for billedramme. På den anden blev han fritlagt, rykket til højre side, og der blev tilføjet galender på hans venstre side. Resultatet gav en fleksibilitet ift. Peters størrelse og placering, så der blev plads til citatet.
Billedet blev rettet op, farverne gjort klarere, skyggerne åbnet, der blev tilføjet himmel og fjernet elementer fra forgrunden, ved hjælp af Clone Stamp tool og Content-Aware fill.

Typografi

Jeg oprettede et InDesign dokument, som jeg gemte som en template (.indt), fordi jeg først arbejdede med casene enkeltvis. Her specificerede jeg Paragraph Styles, Character Styles, Object Styles, Baseline Grid, Margins og Masterpages. 


Til sidste lavede jeg søg og erstat på dobbeltmellemrum, tankestreger og bindestreger, satte Hairspace foran alle høje skilletegn og tjekkede alle CO2 og m2 . Derefter gennemgik jeg orddelinger og hvordan afsnittene sluttede. Jeg kneb i teksten eller gennemtvang en anden orddeling, for at få det pænere.

Masterpage uden pagina. Med margin, Baseline Grid, spalter og bleed.
Oversigt over paragraph styles.
Jeg arbejdede med 4 masterpages, 3 med forskellig paginafarve (grå, hvid og uden) og 1 til temasiderne.
Fonten 

I MOE bruges Soho Gothic Std i trykt markedsføringsmateriale. Det er en letlæselig grotesk font. Brødteksten og mellemrubrikken blev låst til Baseline Grid og med løs bagkant, mellemrubrikkerne blev løftet 1,5 pt. Fremhævede citater blev ikke låst til Baseline Grid, men første linje blev placeret på det. Tekst, billede og de grafiske elementer ved et fremhævet citat blev grupperet, så det kunne indlejres i en tekstboks ved hjælp af en brødtekst auto. Dette gjorde arbejdsgangen lettere, fordi citatet ville følge med, hvis brødtekstens længde blev ændret.

Rubrikkerne blev venstre alignet ved hjælp af Hairspace og knibning.
Soho Gothic Std findes i 6 forskellige stilarter. Dog ikke i kursiv. Det løste jeg med en falsk kursiv, ved at give citater en 15 graders skråstilling.
Eksempel på tvunget orddeling, Hairspace før kolon og inlejret citat-gruppe.
For at få teksten til at lægge sig pænt omkring objekter på billedet, gjorde jeg de nederste tekstafsnit henholdsvist højrestillet og justeret.

Det digitale produkt - "Hej MOE Town" - Kulturhjørnet

Opgave og formål

I vinters, da de fleste medarbejdere var hjemsendt pga. Corona, producerede vi i kommunikationen 6 sociale videoer, kaldet ”Hej MOE Town”. Videoerne varede 15-20 min. og udkom ugentligt på vores interne intranet. Formålet var at lave hyggelige, helt nede på jorden videoer, så medarbejderne i MOE kunne være sammen hver for sig.

En ”Hej MOE Town” video bestod af en række indsendte indslag, ledt igennem af et par studieværter. Indholdet afhang derfor af hvad medarbejderne sendte ind: enten optog de selv på en mobil eller også optog vi for dem. Her vil jeg lægge vægt på ét af de indslag vi optog. 

Se hele "Hej MOE Town" videoen.

Se Kulturhjørnet, en del af "Hej MOE Town" videoen.

Se Skilleren for "Kulturhjørnet"

Proces

Et fast indslag i det vi kaldte ”Kulturhjørnet” var en medarbejder, Per, der hver gang fortalte om ét af de kunstværker der hænger på hovedkontoret. For at effektivisere processen, optog vi 2-3 kunstværker af gangen.

Først optog jeg Per der fortalte. Var der tid, tog vi det to gange. Derefter optog jeg dækbilleder af maleriet. Jeg filmede med Canon EOS R6, håndholdt. Til lyd blev der brugt en shotgun mikrofon. 

Skiller

Da en video bestod af mange korte indslag, adskilte vi dem med en skiller. Skilleren blev først lavet i Illustrator i lag, så de nemt kunne importeres og bearbejdes i After Effects. 


Lag i After Effect. Hvor det kan se på tidslinjen at ikonerne flyver forskudt.
På skillerne kom ikonerne flyvende ind i takt med lyden af ”pling, pling”.
Ikonerne i lag i Illustrator.
Ugeplanen for videoproduktionen af de enkelte afsnit ”Hej MOE Town”.
Videoklipning

Først sikrede jeg at Framesize var 1920×1080 (16:9). Dernæst så jeg råmaterialet igennem, for så at klippe lange pauser, og talefejl væk. Så handlede det om at dække over det, ved f.eks. at klippe over til nogle dækbilleder.

Bagefter tilføjede jeg billeder, f.eks. af kunsteren, og grafiske elementer såsom Lower Third og nøgleord. 

Til sidst tilføjelse jeg musik og justerede lydniveauet, så det fungerede som baggrundsmusik og ikke overdøvede Per.

Så var filen ellers klar til at blive eksportéret i Media Encoder. Når den eksporterede fil var set igennem og eventuelt rettet til, var den klar til at blive flettet sammen med de andre dele af ”Hej MOE Town”. Til sidst blev hele videon lagt på Vimeo og derfra delt til vores intranet. 

Lag og tidslinjen Premiere Pro. Her kan det ses at der lægges klip henover de klippede dele af Per.
Per, der fortalte om kunstværket og en Lower Third med navn og initialer
Dækbillede med nøgleord.