GRØNLANDS KOMMANDO FORSVARET. Typografi & ombrydning. side 10. Grafik & billedbehandling. side 20 Grafisk workflow. Grafisk design.

Transkript

1 Portfolio 1

2 2 3 H2 4 FORSVARET GRØNLANDS KOMMANDO See more and locate your nearest dealer at dk 1 Typografi & ombrydning side 4 2 Grafik & billedbehandling side 10 3 Grafisk design side 20 4 Grafisk workflow side 32 TOUCHÉ reklamebureau 1 Autumn Winter 2014 collection 1 3

3 1 Typografi & ombrydning Redesign ~~~~~~~~~ af ~~~~~~~~~» forsvaret grøndlands kommandoen Hent original projekt: FORSVARET GRØNLANDS KOMMANDO 1 4 5

4 Kunde Denne opgave er fiktivt opstillet. Der har ikke forelagt nogen ordre fra Det Danske Forsvar på udførelsen af opgaven. Derfor vil jeg definere Hernings Holm erhvervsskole som den primære kunde, og Det Danske Forsvar som den sekundære kunde. Opgaven Redesign af det eksisterende materiale med henblik på at gøre indholdet mere overskueligt, højne læsbarheden, være kritisk indstillet over for indholdet, genoverveje billedvalget i forhold til tekst og grafik. Format 16 siders A4 300 DPI Workflow overvejelser Format Først og fremmest defineres formatet til brochure. Jeg har valgt A4, primært fordi det er et standard hvilket vil holde omkostningerne nede når produktet skal sendes til et trykkeri. Document setup Da det oprindelige dokument var på 16 sider, vælger jeg samme antal, for ikke at forøge produktions omkostningerne. Facing Pages slås til så jeg kan se siderne som opslag i mit layout. Bleed sættes til 3mm, for at undgå hvide kanter, når tryksagen skæres til. Grid Jeg har valgt at arbejde med lave et 6 spaltet grid med 4mm. gutter. Der tilføjes et baseline grid med en skydning på 13pt. Jeg vælger 13pt da det er samme skydning som senere vælges til brødteksten. 6 7

5 Paragraph styles og charater styles Nu kopieres alt råteksten ind i dokumentet og de forskellige paragraph styles defineres. Fælles for dem er at fonten Archivo benyttes. Archivo er en grotest og findes i regular, italic, bold og bold italic. Da jeg har valgt at sætte brødteksten til venstre justeret, slår jeg H&J violations til. Denne funktion gør at jeg hurtigere kan se floder i teksten, og justere for at undgå dem. Jeg laver 3 forskellige charater styles Italic, Bold og Grå. Fordelen ved charater styles er, at jeg nemt og hurtigt kan ændre i mine paragraph styles uden InDesign opfatter ændringerne som en konflikt med de før definerede styles. Kvalitets vurdering Da projektet er fiktivt, har jeg ikke haft en kunderespons eller effekt at binde en vurdering op på. Men de kolde facts er, at sideantallet ikke er steget i forhold til det originale materiale og der er derfor ikke tilført ekstraudgifter til trykning. Der er rettet diverse dobbeltkonfektser, stavefejl mm. i teksterne. Der er skabt en gennemgående designlinje, som belyses med de store billeder hvilke passer til teksternes indhold, samt de røde farver som går igen på alle sider. Et minus kan være, at jeg har valgt at fjerne reklamerne. Eftersom det er en informationsfolder produceret af Det Danske Forsvar, så har jeg svært ved at retfærdiggøre bruges af reklamer i brochuren. Forsvaret er statsejet og bør derfor ikke reklamere for private virksomheder. Denne beslutning har sikkert tilføjet en merudgift i form af tabte indtægter som nok har dækket trykningen, men forsvaret sender et forkert signal ved at tage imod sponsor kroner. 8 9

6 2 Grafik & billedbehandling Efterbehandling ~~~~~~~~~ af Brands4kids Fotoshoot ~~~~~~~~~ Se hele projektet her:

7 Kunde Billederne skal indgå i en profileringsbrochure, pressemateriale og andet promotion materiale til børnetøjsmærket Minymo, som hører til firmaet Brands4Kids. Modtager Billederne skal indgå i en brochure til Brands4Kids. Den primære målgruppe er Brands4Kids sælgere og butikkerne som forhandler tøjet. Opgaven Billedbehandling af fotos. Billedserien skal ende op med et ensartet udtryk hvor det ser ud som om, at børnene står op af et lærred med forskellige prints på. Format Tif filer Minimum 300 dpi. Anvendte værktøjer Refine edge Hue/Saturation Noise Blending modes Brushes Forarbejde Første step er at modtage.tif filerne fra fotografen. Da der til dette projekt er aftalt, at fotografen skal lave farvekorrigeringer, fritlægning og retoutch, er mit job at lave et kvalitetstjek og eventuelle rettelser hvis dette er nødvendigt. Grafisk arbejde Jeg starter med at tjekke billedets opløsning (image - image size). Da billedet skal bruges tryk, er det vigtigt at billedet er i minimum 300 dpi. Da fritlægningen af drengen ikke var 100% i orden, starter jeg med at fritlægge rund omkring drengens hård, og vælge Refine Edge (Select - Refine Edge). Radius sættes til 0,1px og med brushen males der rund omkring hårdkanten

8 Baggrunden opbygges Der trækkes lidt farve ud af baggrundsbilledet med Hue/Saturation. Der tilføjes en papir textur til på laget over baggrundsbilledet. Lagets blending mode sættes til Soft Light med en opacity på 34%. For at give en mere grynet effekt til baggrunden tilføjes noise på et nyt lag (Filter - Noise - Add Noise). Lagets blendingmode sættes til Soft Light med 19% opacity

9 Drengen inkl. gulvet placeret over baggrundslagene. Skyggen skal naturligvis bevares på drengen. Med en Layermask og brush tool, udvælges skyggen fra original billedet. Da skygge lagene skal ligge under laget med den fritlagte dreng, behøver man ikke maske drengen helt væk. Laget blendingmode sættes til multiply. I dette tilfælde synes jeg ikke at skyggen blev kraftig nok, så laget duplikeres (cmd + J) og sættes igen til multiply. Nu hvor skyggen er færdig, kan alle lag slås til igen, og billedet er færdig. Med Brush tool konstrueres en kant mellem gulvet og baggrundsbilledet. For at give lidt liv og dybde til kanten, benyttes flere forskellige brush størrelser og opacitys

10 Kvalitets vurdering Efter hele billedserien er blevet redigeret færdig, er de bl.a. blevet brugt til brochure og pressemateriale. Vi har været i kontakt med firmaet og responsen har overordnet været positiv. Den første melding vi fik var, at tøjdesignerne ikke kunne lide resultatet, men det viste sig hurtigt at det var tøjet og ikke billederne der var snak om. Desværre overskygger en dårlig tøjkollektion alt andet for fagfolkene, så de har ikke været i stand til at komme med en konstruktiv vurdering at billede materialet. De næste måneder vil vise hvordan sælgere og B2C forhandlere vil tage imod materialet

11 3 Grafisk design Komplet grafisk identitet CLA CHIK Med fokus på: Navn, Logo & online banner design 20 21

12 Kunde Butikkerne Betina Sko og Butik Mie. Modtager De to førnævnte butikker, samt østjyske kvinder i alderen år, primært bosiddende i og omkring Ry. Opgaven De 2 butikker Betina Sko og Butik Mie skulle fusioneres. I den forbindelse fik jeg opgaven at udarbejde en komplet grafisk identitet til den nye butik. Der blev fremstillet: Nyt navn Logo Brevpapir Design til bæreposer Visitkort Rabatkort Midlertidig webdesign Online banner Grundet opgavens store omfang, vil jeg kun beskrive navn, logo og online bannerdesign i denne opgave. Navn Navnet er alt andet end grebet ud af luften. Det blev til gennem flere brainstorms hvor der, on and off, var 4 mand indblandet. Til sidst faldt valget på CLACHIK. CLACHIK er en sammentrækning af Classic og Chik. Classic fordi størstedelen af butikkens sortiment ligger indenfor dette område og fordi andre lokale tøjbutikker dækker yderområderne. Chik betyder nutidigt og moderigtigt. Et vigtigt parameter i navngivningen var, at det skulle være kønsneutralt, da butikken sælger til hele familien. Til logoet er tilføjet et slogan shoes and clothing, så man hurtigt kan afkode butikkens identitet. Optræder logoet eksempelvis på en pose eller ved sponsorering af et stævne eller lign., er det også vigtigt at kunne afkode identiteten. Hele navnetrækket er skrevet på engelsk, så har vi også tilgodeser turisten og den yngre målgruppe. Logo Vi har skabt et logo med et klassisk look og kant, som kan indgå i alle markedsføringsmaterialer. Farverne i logoet skal holdes enten i sort eller hvid da de skaber en sammenhæng til det sorte gulv og de hvide vægge i butikken. Fonten som er brugt til logoet hedder Sansation. Sansation er en grotesk font og pga. fontens meget karakteristiske versaler har vi valgt at logoet skulle skrives med versaler. For at højne hjælpe folk med at udtale navnet korrekt, er der indsat en prik for at opdele navnet korrekt. Normalt er der taget højde for den optiske forskel vi oplever, når vi kigger på et rundt bogstav og et med en lige kant. De runde bogstaver skal være en smule højere, før øjet oplever dem som værende lige store. Fonten Sansation tager mærkværdigt nok ikke ret meget hensyn til denne regel. Derfor er bogstavet C gjort 0,3pt større den resten af navnet. Scan koden og læs et interview med butikkens ejer

13 24 25

14 Online bannerdesign Butikkens ejer ønskede som udgangspunkt ikke at reklamere online. Dog kan det fremadrettet være en god idé for at holde gang i salget og trække nye kunder til fra de omkringliggende byer. Derfor er der lagt op til et lille online banner på Format 260px 181px Swf Dokument setup Da banneret skal passe ind i hjemmesidens højre kolonne, har vi kun 260px 181px at arbejde på. Vi laver et nyt dokument i InDesign, vælger web i intent menuen, og sætter højre og bredde til den predefinerede størrelse. Vi klikker OK og vælger som det første at sætte workspace til interactive. Dette giver os adgang til de menuer vi skal bruge, for at lave et web banner. Design Da vi ikke har mere plads at gøre godt med, og der i forvejen er meget støj på en hjemmeside, så holder vi budskaberne enkle. Der tilføjes lidt bevægelse til banneret for at skabe blikfang og afslutter med logo og payoff. Der tilføjes ikke en knap funktion, da hele banneret kommer til at fungere som et html link. Koden til linket på hjemmesiden kunne se sådan ud: <a href= target= _blank > <object height= 181 width= 260 > <param name= movie value= images/clachik.swf > </object> </a> Der laves et enkelt design som er hurtigt og nemt at afkode. Ordene klassisk, moderne og til hele familien bruges da de beskriver butikken og dens værdier. Fonten er selvfølgelig Sansation så vi holder den grafiske linje. Der tilføjes et grafisk element i form af en firkantet start parentes, som også indgår i visitkort, bæreposer mm. Animations menuen åbnes og hver linje animeres for sig selv. Jeg har valgt at bruge en preset som får teksten til at flyve ind fra højre. Animationens varighed sættes til 2 sekunder

15 Vi vil gerne afslutte banneret med logo og payoff. Derfor laves der en kopi af baggrunden og det grafiske element til venstre, de to elementer grupperes (cmd + g) og pastes in place (cmd + ñ + v). Logoet places ind i dokumentet og placeres nogenlunde i midten. Der vælges en ny animation en med presetten appear og en varighed på 3 sekunder. Ved ikke at slå loop til, stopper animationen her, så logoet bliver stående. Eksport af fil Dokumentet eksporteres (cmd + e). Formatet sættes til Flash Player (SWF). Pagecurl slås fra, scale sættes til 100% og resolution sættes til 72ppi, da det er tilstrækkelig opløsning til skærm

16 Scan koden og besøg siden

17 4 Grafisk workflow Profil brochure ~~~~~~~~~ Til ~~~~~~~~~ Brands4kids MALA brandet TOUCHÉ reklamebureau Se hele projektet her: See more and locate your nearest dealer at Autumn Winter 2014 collection 32 33

18 Kunde Til denne opgave var kunden Brands4Kids. Med beliggenhed i Herning råder virksomheden over de 4 forskellige børnetøjs brands CeLaVi, Pippi, Minymo og MALA. Hvert brand har sin egen grafiske identitet som kommer frem gennem farver, print og selvfølgelig de grafiske materialer. Modtager Brochuren er henvendt til sælgere. De skal tage brochuren under armen, vise den til de forskellige butikker, hvorefter de forhåbentligt vil tage den til sig, og give den videre til slutbrugeren. Opgaven Der skulle fremstilles 4 forskellige brochure til Brands4Kids - ét til hvert mærke. Jeg fik til opgave at designe brochuren til mærket MALA. MALA har sin egen grafiske identitet, en såkaldt DNA, er indgår forskellige predefinerede logoer, farver og payoff s. Karakteristisk ved MALA er, at tøjet er farverigt og ofte med vovede print. Denne stil underbygges grafisk med payoffet Stay Colour Full. Format 12 siders A4 300 DPI som eksporteres til trykklar PDF 200 DPI som eksporteres til jpg. Workflow overvejelser Det overordnede workflw er: modtagelse af højtopløselige billeder fra fotograf Retoutch og andet Photoshop arbejde indsætte og beskære billeder i InDesign dokumentet Ombrydning af tekst Eksportering af filer Opfølgning hos kunden Før modtagelse af TIF filer. Det siger sig selv, at der var en lang række overvejelser og processer der blev gennemgået, inden projektet havnede på mit bord. Da beslutningen om at skabe 4 forskellige brochure var taget, udvalgte Brands4Kids de kollektioner som skulle profileres og vi hyrede en fotograf til at tage billederne. Fotografen stod også for fritlægning af modellerne, farvejustering og retoutch. Behandling af billeder Da jeg modtager filerne, blev min første opgave, at tjekke alle filerne for at sikre, at alle i minimum 300 dpi, så de er egnet til magasin tryk. Herefter indsættes en ny baggrund på de forskellige billeder. I samarbejde med bureauets stylist, udvalgte vi en række farver, som harmonerede godt med tøjet. Jeg benyttede Photoshop til at lave de nye baggrunde. Lettere ombrydning af brand beskrivelse Vi benytter en kort beskrivelse af brandet, som tages fra dk Meningen med denne brochure er ikke at tilføje merværdi gennem tekst, men gennem billeder, derfor holdes tekstmængden på et minimum. Teksten sættes til venstre-justeret og placeres optisk midt i sidens åbne rum. Indsættelse af DNA elementer Vi arbejder med få faste grafiske elementer som SKAL indgå. Logoet som findes i to forskellige udformninger og skal benyttes på hvert opslag, samt payoffet Stay Color Full. Godkendelse hos kunde Filen sendes til kunden som læser korrektur og kommer med eventuelle rettelser. Det er en meget vigtig detalje, at kunden godkender alle ændringer der laves, på den måde står kunden med ansvaret hvis der er fejl i materialet som måtte kræve en omtrykning

19 Lettere ombrydning af brand beskrivelse Vi benytter en kort beskrivelse af brandet, som tages fra Meningen med denne brochure er ikke at tilføje merværdi gennem tekst, men gennem billeder, derfor holdes tekstmængden på et minimum. Teksten sættes til venstre-justeret og placeres optisk midt i sidens åbne rum. Indsættelse af DNA elementer Vi arbejder med få faste grafiske elementer som SKAL indgå. Logoet som findes i to forskellige udformninger og skal benyttes på hvert opslag, samt payoffet Stay Color Full. Godkendelse hos kunde Filen sendes til kunden som læser korrektur og kommer med eventuelle rettelser. Det er en meget vigtig detalje, at kunden godkender alle ændringer der laves, på den måde står kunden med ansvaret hvis der er fejl i materialet som måtte kræve en omtrykning. Preflight Inden filen eksporteres til tryk køres en preflight. Her tjekkes der efter: missing links. at dokumentet ikke indeholder pantone (spot) farver. at trykfilen ikke indeholder billeder i mindre end 300dpi. at der ikke er billeder i højere opløsning end 400dpi. at alle de rigtige fonte er slået til. Eksport af PDF filer til tryk Filen eksporteres først til trykklar PDF (cmd + e). I menuen compression sættes værdierne for billeder og farve og greyscale til at blive komprimeret til 300ppi hvis billederne er over 301ppi. Dette gøres for at formindske størrelsen på de billeder der skal køres igennem rippen. Er billederne i for høj ppi, vil behandlingstiden igennem rippen blive større og selve dokumentet til fylde mere. Under menupunktet Marks and Bleed slås alle punkter til, undtagen Colour Bars. Colour Bars vil jeg kun bruge til en tryksag i et større oplag. Colour Bars giver trykkeren mulighed for at sammenligne farverne i tryksagen fra start til slut. Med Crop Marks, Bleed Marks, Registration Marks og Paper information slået til, giver vi trykkeriet nogle skære- og foldemærker at gå efter, og information omkring dokumentet. Under Output sættes destinationen til CMYK - Coated FOGRA39. CMYK vælges naturligvis som farverum da dokumentet skal trykkes. COATED FOGRA39 vælges da brochuren skal trykkes på coated (lakeret) papir og FOGRA39 er den nuværende europæiske standard som de fleste trykmaskiner er indstillet efter. Kvalitets vurdering: Firmaet har tager brochuren godt til sig og er utrolig begejstret for resultatet. Den kommende til vil vise, om sælgere og butikker til være lige så positive

20 TOUCHÉ reklamebureau See more and locate your nearest dealer at Autumn Winter 2014 collection Autumn Winter 2014 collection Mala is simple, Nordic and always with a different angle and it has endless applicability to everyday use. Mala is beautiful prints and lovely colors for children aged Our entire jersey basic collection is Oeko-Tex Standard 100, and now Mala has really made a name for itself as one of the best brands of sun-protection swimwear. That s something we are proud of. Autumn Winter 2014 collection 38 39

21 40