grafisk produktion og workflow

Transkript

1 11 grafisk produktion og workflow September 2015 Birgitte Bremholm Persson

2 12

3 13 Opgaven består i at udarbejde et katalog i to layouts, ét til tryk og ét til digital begge med enkel informationsgrafik. Der skal mulighed for direkte afspilning af video i det digitale katalog. Informationsgrafik og bomærke skal anvendes på andre digitale platforme som Office365. kolleger skal overtage arbejdsopgaven. Hvis man efter nogen tid skal bruge materiale fra opgaven, er det nemt at finde rundt, samt bruge computerens søgefunktion. Jeg har gemt en idml-fil i tilfælde af man på sin pc/mac har en ældre version af Adobe Creative Suite, der ikke tillader filer der er udarbejdet i en nyere version. 12 Workflow Opgaveinformation og krav Research af behov, brugerflade og grafiske/digitale ideer Skitser (i hånden og digitalt) Kundens (Roskilde Tekniske Skole) designmanual, farvebrug og æstetik skal overholdes, samt logo skal indgå i begge layouts. Produktet er under opbygning, så dele af tekst og billeder kan være midlertidige. Målgruppe Det er primært lærerer og pædagoger der skal bruge dette redskab som et led i undervisningen i klasserne. Der skal implementeres mere motion og bevægelse i dagligdagen. Der satses primært på det digitale katalog som bruges via ipads eller SmartBoards. Designproces Jeg fik inspiration ved at lave mindmap med ordret bevægelse og søgte på Google med klasselokale, leg og bevægelse for at få visuelle ideer. For bedre at overskue indholdet i katalogerne, lavede jeg en sitemap over den digitale del og en dummy til det trykte materiale. Mappestruktur og navngivning af filer Jeg har en hovedmappe inspirationskatalog Tonie Asp med følgende undermapper; en InDesignmappe med InDesigndokument og tilhørende linksmappe, en modtaget fra Tonie Asp-mappe med tekstfiler og uredigerede billeder, en grafikmappe med Illustratorfiler, en procesmappe hvor alle kasserede og fravalgte layouts ligger, og en færdigt materialemappe med 2 undermapper; tryk og digital. Alle filer er navngivet med format, dato og kvalitet. Ren mappestruktur og informativ filnavngivning er vigtigt hvis fx andre Indesign og Alternate Layout Jeg har lavet ét samlet dokument, men med to forskellige layouts ét til den trykte og ét til den digitale løsning (ipad portrait-format). Jeg startede med at oprette det trykte i format 210x297 mm med diverse Paragraph- og Characterstyles. For at få eksakte indhold i et nyt layoutformat benyttede jeg mig af funktionen Create Alternate Layout [figur 12]. På den måde opretter man et nyt dokument med samme indhold i et nyt givent format. For at placere de grafiske elementer brugte jeg funktionen Content Placer Tool [figur 13]. Det indebærer at man samler sin grafik i en opsamlingsboks og derefter placerer hvor man ønsker. Billedemateriale Der er en lille udfordring med billedekvaliteten til det trykte materiale, da mange af billederne bliver taget i situationer i klasselokalerne med smartphones i 72 dpi (til skærmbrug) og ca. 1000x650 px. Til det trykte materiale skal jeg bruge 300 dpi eller ca. 4000x2500 px eller der over. Jeg optimerer billederne i Photoshop ved hjælp af Resize Image-funktionen. Der er anvendt den korrekte farveprofil ifølge Europæisk standard (Europe Prepress 3) [figur 14] coated FOGRA39 (ISO :2004). Til skærmbrug er anvendt Adobe RGB (1998). Den digitale del Kataloget er nemt at navigere rundt i ved tryk på knapperne ved først at vælge kategori og Indhente billedemateriale, video og tekst (Word-filer) Design og ombrydning af layouts Fremlæggelse af ideer og præsentation af layouts Udvælgelse og godkendelse af layoutet Udarbejdelse og filhåndtering i korrekte grafiske programmer Prøveprint og test af digitale filer under hele udarbejdelsen 1. korrektur og derefter udbedre eventuelle rettelser 2. korrektur og endelig godkendelse inden print og udgivelse på digital flade Programmer Adobe InDesign Adobe Illustrator Adobe Acrobat Pro

4 14

5 15 derefter aktivitet. Jeg har valgt en interaktiv pdf, hvor jeg linker hver knap til tilhørende side med information om aktiviteten. Der er en luk-knap på alle undersider, så man kan komme tilbage til henholdsvis kategorisiden eller aktivitetssiden. Animationsfunktionen [figur 15] er lavet i InDesign ved hjælp af værktøjet Hyperlinks > New Hyperlink > Pages. Animationen testes løbende (ctrl+shift+enter). Videoer er linket via YouTube-URL med værktøjet Hyperlinks. Den trykte del Den trykte del er nedprioriteret, men dog nødvendig i et lille oplag, som jeg printer inhouse på en Xerox9303 ColorQube-printer. Den trykklar pdf skal også kunne sendes pr. mail eller downloades fra server af alle ansatte på skolen, så de selv har mulighed for at printe et håndgribeligt inspirationskatalog. Videoikonet er vist på det trykte materiale med henblik på at vise der findes en video. Størstedelen af brugerne vil bruge den digitale løsning. Preflight Alle dokumenter er gennemgået for fejl i Preflight-funktionen i InDesign [figur 16] og der er udskrevet en rapporter. Jeg kunne ikke importere en profil fra en trykvirksomhed, da det er en Inhouse-opgave. Jeg har selv defineret en ud fra de gense regler for farveprofiler, billedestørrelser, farvemætning og outlinet tekst. Jeg kunne også have brugt Adobe Acrobat Pro Xl > Print And Production > PreFlight. Her kan på samme måde importere trykvirksomheders profiler og køre sine pdf-dokumenter igennem eller som jeg valgte at gøre, selv lave en hensigtsmæssig profil og udskrive en rapport. Jeg har inden PreFlight-tjek gennemgået teksten for fx stavefejl, dobbeltluft mellem ord, korrekt luft ved tegnsætning og talforbindelser. Det har jeg brugt Find/Change (ctrl+f) og Check Spelling (ctrl+i). Det endelige katalog bliver der læst yderligere korrektur på af anden person. Informationsgrafik og bomærke Da jeg på forhånd vidste katalogerne skulle udformes på flere platforme ville jeg lave en enkel og nem afkodelig grafik som virker på tryk såvel som digitalt. Al grafik [figur 17] er designet i Illustrator og linket til InDesigndokumentet, det gør det muligt at skalere figurer, lave om på formater og farver. Pdf til digital og til tryk For at animationer og andre interaktive features kan virke i en pdf, kan den eksporteres [figur 18] (ctrl+e). I popup-boksen er valgt Pages > ipad portrait, så det er den digitale del i InDesigndokumentet jeg eksporterer. Derefter har jeg valgt at se visningen i 100% ved åbning af vinduet, så kun én side bliver vist ad gangen. Under Layout har jeg valgt Single Page, da jeg vil have siderne skal enkeltvis lodret. Form and Media skal være markeret for at animation, video og interaktivitet virker. Der skal også sættes flueben ved hyperlinks. Den eksporterede interaktive virker nu ved at klikke på knapperne, både med mus og til Touchskærm som fx ipad. Videoerne er links og kræver der er internetforbindelsen på den device der bruges, ellers kan funktionen ikke kalde søgemaskinerne. Det håndgribelige inspirationskatalog er gemt som [Press Quality] pdf [figur 19], som er den bedste kvalitet og lever op til den standard det fleste printer efter i Danmark (Europe Prepress 3). Jeg gemmer altid som enkeltsidet og beder printeren om at udskyde til i dette tilfælde magasin med tykt omslag. Følgende indstillinger er sat til før udprint på 80 grams bestrøget papir (glat), print som magasin med magasin layout, foldning i ryg (fals), 2 klammer, andet omslag (200 grams bestrøget). 17 I forbindelse med denne opgave, har forslået en App, som kan downloades, til tablets og smartphones med samme design og funktioner. Det er nemmere for de forskellige devices at håndtere og er mere funktionelt, tilgængeligt og tidsbesparende for brugerne. Inspirationskataloget er under opbyggelse, så der forekommer tekstuelle eller farvemæssige fejl