Grafisk workflow. ipaper magasinet Subwoofer



Relaterede dokumenter
Grafisk workflow. Svendeprøve Juni Pia Søgaard

GRAFISK PRODUKTION OG WORKFLOW SVENDEPRØVE Dorte Damsgaard Larsen

Grafisk produktion & workflow

grafiskproduktion & workflow grafisk produktion &workflow Jeppe Nedergaard

GaiaFriis.dk Layout til hjemmeside. Robbert Rysholt - Grafik og Billedbehandling

Dokumentation. Grafisk Produktion & Workflow

Grafisk produktion og workflow

GRAFISK WORKFLOW Hjemmesidedesign

Portfolio. Produktion og workflow & Typografi og ombrydning. Af Siw Lysholt Jørgensen

TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign

SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS

ARBEJDSPORTFOLIO SEPTEMBER 2011.

GINA DAMM DOKUMENTATION WORKFLOW

Typografi og ombrydning

PORTFOLIO TYPOGRAFI & OMBRYDNING

Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011

GRAFISK PRODUKTION & WORKFLOW

4 // Grafisk produktion og workflow

DOKUMENTATION 1. HOVEDFORLØB

1 - Karen-Louise Fejerskovs Portfolio

GRAFISK WORKFLOW. Bog af Ib Møller På Vej.

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

Opgavebeskrivelse Opsætningsdelen Kundekontakt GRAFISK WORKFLOW

Typografi og ombrydning

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Målgruppe Mayday Ghana

Grafisk design. Jespers planteskole

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

NICHLAS STILLING HANSEN PORTFOLIO

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

Bog INDBUNDEN. Omslag 4+0 CMYK Materien 1+1 SORT/HVID

portfolio GRAFISK WORKFLOW

Af Thomas Holm/Pixl Aps

fotografisk kommunikation

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Grafisk produktion og workflow

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling.

Dokumentation. Karen-Louise Fejerskov

Typografi. og OMBRYDNING SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS

Grafisk produktionsforståelse

BN Autopleje. Brian Amstrup Nielsen Baunevej 7, Tjørring 7400 Herning CVR NR Mail: Tlf.

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

TYPOGRAFI & OMBRYDNING

Billedbehandling. Roll-up banner til Kvickly i Ribe

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

grundforløbsprojekt Anders Krøjgaard 2014

KODNING AF RESPONSIV DESIGN

GRAFISK DESIGN Logo - inderst inde

MONIQUE BOOTS-NIELSEN / GRAFIKER

GRAFISK PRODUKTION & WORKFLOW. Endotest website

grafisk design Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Grafisk Design

Grafisk Produktion og Workflow. Dokumentation

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

GRAFIK & BILLEDEBEHANDLING

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

1 SVENDEPRØVE 2016 TYPOGRAFI TYPO GRAFI

GRAFISK PRODUKTION & WORKFLOW

Grafisk workflow. bl.udbudsnet.dk

Grafisk produktion Workflow

TYPOGRAFI & OMBRYDNING

GRAFISK PRODUKTION OG WORKFLOW. redigerbare felter i pdf

Tidsplan...3 Afgrænsning Research...5 Idégenerering...6. Logo Logo Logo Farver... 11

portfolio GRAFISK WORKFLOW

Grafisk design. Ide. Designprocess. Målgruppe

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

TESLA INC TYPOGRAFI & OMBRYDNING

Dan Klessen PORTFOLIO Trykt og digitalt

Dokumentation: Workflow af Hjemmeside redesign

SÅDAN LAVER JEG 100 FEDE PRODUKTBILLEDER PÅ LIDT OVER 7 TIMER.

SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE.

Typografi og ombrydning

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

Grafik & billedbehandling. Tina Outzen Søllested 23

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

TYPOGRAFI & OMBRYDNING. Kenneth Friis Petersen

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel

GRAFISK PRODUKTION & WORKFLOW

PDF til tryk Vejledning

Grafisk produktion & workflow

Typografi & ombrydning

Kernefaglighedsbeskrivelse. Af Ditte Vium Overgaard

GRAFIK DESIGN. Udførelsen Format : 280x200 mm Beskæring : 5 mm Brødtekst : 10/12 Open Sans Mellemrubrikker : 14/16 Helvetica Condensed

GRAFISK WORKFLOW. 1 Grafisk workflow

Typografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning

Transkript:

Grafisk workflow ipaper magasinet Subwoofer 25

Robbert Rysholt Svendeprøve Juni 2015 Opgaven Som beskrevet under typografi og ombrydning, ville jeg lave et ipaper magasin, som skulle indeholde en blanding af artikler om tidens musik og hifi-udstyr. Det var vigtigt for mig, at der skulle være flere forskellige slags artikler og et fleksibelt layout, som kun genanvendes igen og igen. Det skulle ikke bare være en kedelig PDF-folder. Det skulle være et interaktivt produkt som kunne gøre brug af nogle af de mange muligheder som eks. ipaperen byder på. Opgaven har jeg selv fundet på, men artiklerne er rigtige, jeg har dog taget mig visse friheder hist og her, så som at udelade detaljer og ændring af navne. Vedladte bilag Link til ipaper på www.tankboy.dk http://ipaper.ipapercms.dk/actonacompany/robbert/ Subwoofer012015/ Indledende tanker Først og fremmest samlede jeg en masse forskellige magasiner både som inspiration, men endnu vigtigere for at finde ud af hvordan magasiner traditionelt er bygget op. Der er jo ikke grund til at opfinde den dybe tallerken en gang til, er der nogle ens træk/elementer, ved mange forskellige magasiner er det jo nok fordi de virker. Så overvejede jeg målgruppen, som her er hifi-intereserede mænd. De er kvalitetsbevidste og nørdede omkring teknikken og ydeevnen. Hifi er en forholdsmæssigt dyr hobby, så store gule tilbudsstjerner var helt bestemt ikke det der skulle bruges. Jeg researchede også omkring hvad ipaper kunne og hvordan det fungerede. Projektstyring Jeg har her illustreret de forskellige faser med et flowchart, fra start til slut. Forløbet er lavet med tanke for, at flere grafikere skal kunne arbejde med projektet, og bidrage med forskellige elementer og artikler. 01 02 03 04 05 06 07 08 09 10 Fremskaffelse af materialet, dvs. tekst og billeder. Kreativ fase: idegenerering og fastsættelse af mål. Opsætning af artikler og faste sider. Første korrektur, primært godkendelse af layoutet. Endelig ombrydning af artiklerne og behandling af billedmaterialet. Endelig korrektur, den helt grundige omgang. De sidste ting rettes og dokumenterne samles i Folders og afleveres sammen med links og andet materiale. Indholdsfortegnelsen rettes til. Magasinet samles med Book funktionen. Konvertering til A3 PDF og A4 PDF i enkeltsider til ipaper Upload til ipaper og opsætning af interaktive elementer. Endelig godkendelse af det færdige produkt. Publisering på f.eks. website eller via nyhedsbrev, og upload af A3 PDF versionen. 27

Grafisk workflow Subwoofer Materialet Jeg udvalgte brugbart materiale fra et gammelt hifi-magasin, hifiklubben.dk og gaffa.dk. Billederne er hentet på samme sites og ved hjælp af Google. Den kreative fase Så gik det løs. Først en brainstorm hvor jeg nedskrev en masse punkter som jeg ønskede at bruge i magasinet, bla. med bagrund i den research jeg havde gjort, som beskrevet under Indledende tanker, og forskelligt andet grafisk materiale jeg havde indsamlet. Magasinets navn kom på plads. I lang tid hed magasinet kun Woofer og navne som Bass, Lydnørd og Diskant var også på banen. Logotypen blev til. Først i skitseform og sidst i Illustrator. Det grafiske dobbelt-o-ligatur i logotypen, kan med lidt fantasi nemt ligne et par bryster, noget jeg syntes passer godt til målgruppen. Jeg brugte lidt tid på sidelayoutet, og hvordan spalterne kunne bruges. Jeg lavede nogle mockup-opslag i InDesign hvor jeg prøvede forskellige ting med Placeholder Text og farvede bokse. I dette forløb blev brødteksten, mellemrubrikken og grundlinjenettet også bragt på plads. Fastlæggelse af mål Jeg var alene om denne opgave, men var man flere, skulle man her få fordelt opgaverne og aftale en tidsplan (produktionsmøde). Det kunne også være at der skulle skabes eller skaffes materiale (fotografer og tekstforfattere) til nogle af artiklerne. Det er vigtigt, så alle er klar over hvad der skal gøres og hvem der gør hvad. 28

Robbert Rysholt Svendeprøve Juni 2015 Farvestyring Produktet er til brug på nettet, så jeg lavede en Colour Settings-profil med en srgb IEC61966-2.1 farveprofilering. Mine Adobe programmer blev synkroniseret via Suite Colour Settings i Adobe Bridge. Under arbejdet med produktet benyttede jeg mig af Soft Proof (Proof Colours), så det jeg så på skærmen, så ud på samme måde, som produktet ville ende med at se ud. Opløsning Alt billedmaterialet er hentet på nettet, og det havde generelt en opløsning på 72 eller 96 ppi. Et par af de store billeder i DALI artiklen var på 300 ppi. Efter første korrektur blev alle billederne reduseret til 72 ppi og en størrelse lige lidt større, end der hvor de skulle bruges i produktet. Det blev gjort for at holde produktets endelig filstørrelse så lav som muligt. Men også fordi det er praktisk, at have lidt elastik til den endelige ombrydning. Efter den endelige tilpasning varierede den effektive ppi da også lidt. Et enkelt billede var faldet til 68 ppi, men det var acceptabelt. Kompatibilitet IPaper er et bredt anvendt og gennemtestet produkt, og det virker i de fire mest brugte browsere, Firefxov, Internet Explorer, Google Chrome og Safari. 29

Grafisk workflow Subwoofer Preflight Fra første ombrydning, gjorde jeg brug af Preflight funktionen. Jeg lavede en profil til netop dette projekt, evt. advarsler blev afhjulpet når de dukkede op. Da jeg var færdig, endte jeg med en enkelt advarsel om et billede med en effektiv ppi på 68, men det vuderede jeg var acceptabelt. Preflight profilens indstillinger var som følgende: Missing links or modified Colour spaces or modes not allowed, CMYK, LAB, SPOT. Non proportional scaling ff placed object. Image resolution, min. 72 ppi. Overset text. Font missing. Minimum type size, 6 pt. All pages must use same size and orientation. 30

Robbert Rysholt Svendeprøve Juni 2015 Book til PDF Book dokumentet konverteres til PDF med en srgb profilering (Convert To Profile) i enkeltsider (stadig A3), og uden skæremærker o. lign. PDF til InDesign For at ipaperfremvisningen skulle blive som jeg ønskede det, indsatte jeg PDF'en i et nyt InDesign dokument som var i A4 Spreads og som startede i et opslag. InDesign til PDF Dette dokument blev gemt som A4 enkeltsider uden profilering. PDF til ipaper PDF og alt materiale blev uploadet til ipaper, navngivet og fordelt i relevante mapper for overskulighedens skyld. IPaperen blev genereret, og indstillet til at starte i Spreads. Det ville få det til at se ud som om det er et A3 slideshow som jeg ønskede. Interaktive elementer Youtube-videoklip, billedgallerier, popup elementer, GIF-animationer, interne- og eksterne links blev indsat og alt blev gemt. Efter en sidste test, godkendelse og upload af A3 PDFversionen af produktet (som var nødvendig for at beholde opslagene som helsider, hvis nogen ønskede at downloade en PDF-version), var jeg klar til publisering. 31

Grafisk workflow Subwoofer Kvalitetsvudering Jeg er rigtigt godt tilfreds med forløbet. Jeg syntes jeg har fået lavet et godt solidt setup for et magasin, som kan laves igen og igen. Et par af billederne er ikke af super kvalitet, men man må jo arbejde med det man kan få. Selve ipaperens paginering og de pagineringer der bliver vist i toppen af skærmen, stemmer ikke overens, det er jeg træt af men det er et vilkår når man arbejder med ipaper- Det interne navigering kompensere nogenlunde for det... Men det er stadigvæk irreterende. Den A3 PDF man kan downloade har stadigvæk de elementer der refererer til de interaktive funktioner i ipaperen (eksterne links og popup elementer) man kunne jo have lagt dem i et Layer for sig selv så de var nemme at fjerne når man genererede PDF'en. Man kunne også lave en PDF med nogle af de samme interaktive elementer, det har jeg dog valgt ikke at bruge tid på. Ansvar Jeg har selv stået for hele opgaveløsningen. Anvendte programmer: Adobe Bridge, Synkronisering af programmerne Adobe InDesign, magasinets opsætning. Adobe Illustrator, logotype og grafiske elementer. Adobe Photoshop, håndtering af illustrationer. Adobe Acrobat, Konvertering til ipaper. IPaper.dk 32