I denne opplæringen vil jeg fortelle litt om vår byråpraksis. Bak PSD-Tutorials.de står byrået 4eck Media, og vi ble invitert til en pitch i fjor til en mellomstor bedrift her i regionen vår.
Og denne pitch'en var todelt: I den første fasen handlet det om å kvalifisere oss som byrå, om vi ville gå videre til neste runde, der det handler om den faktiske oppdraget.
Handout – Oversikt
Og for denne bedriftspresentasjonen laget jeg også et handout som jeg ønsket å gi til administrerende direktører. Hvordan det ser ut, viser jeg her:
Dette er faktisk handouten jeg ga ut der.
Jeg har visualisert stegene i presentasjonen min til venstre, til høyre er det mulighet for å lage notater.
Her er oversikten over referanser.
Jeg har fjernet noen sider, fordi jeg ikke ønsker å vise dem her ...
På den siste siden er det en oversikt over hele presentasjonen.
Grunnlaget for handouten: presentasjonen
Hvis noen nå tenker: "Hva slags merkelig presentasjon er dette?", vil jeg gi en innsikt i hvordan det ser ut. Jeg har laget denne med Prezi. Jeg åpner presentasjonen og går gjennom den, slik at dere forstår hvorfor dette handouten er strukturert som det er. Dette er startssiden.
Og jeg bruker Prezi til presentasjonen, et program som fokuserer mye på zooming og panorering, noe som kan gi en veldig god aha-effekt til de som ikke har sett det før ...
... kan også sette en veldig bra aha-effekt. Inngangen var: "Vi er Müritzians".
Slik har jeg rapportert om prosjektet ...
... hva vi har gjort der, også med medieprodukter, brosjyrer vi laget, videotreninger.
Og alt dette har jeg pakket inn i et isfjell.
Så gikk jeg til det neste isfjellet, til 4eck Media, der jeg presenterte vår totale ytelse.
Så gikk jeg videre med tingene vi gjorde på oppdrag fra kunder. Jeg zoomet inn på de ulike oppdragene, kunne også spille av videoer. Prezi egner seg ganske bra for dette, må jeg si - jeg likte det og det falt i smak hos folket der.
Her nevnte jeg noen punkter om hvorfor vi passer bra sammen.
Og her som en gimmick en rakett med logoen, som fører til himmelen ...
Trykkeri og retningslinjer for brosjyren
For å lage brosjyren brukte jeg InDesign, helt klart. Men spørsmålet er: Hvordan går man best fram, spesielt når den til slutt også skal trykkes?
Jeg lette etter ulike trykkerier som kunne tilby meg en brosjyre i det formatet jeg ønsket. Og jeg fant en hos viaprinto.
Så finner jeg altså kvadratiske brosjyrer i størrelsen 21 x 21 cm (1). Jeg hadde bare tolv sider, så stiftemaskin var tilstrekkelig. Opplaget var litt mindre, jeg tror jeg hadde trykket 10 på den tiden (2).
Spørsmålet er alltid: Hvordan kan jeg sikre at dokumentet mitt blir trykt korrekt til slutt? Og her har viaprinto allerede noen trykkfiler klar for meg, som jeg kan laste ned under Detaljer og maler (1). I innholdet har jeg et datablad (2).
Dette viser meg allerede hva jeg må passe på når jeg lager en kvadratisk brosjyre, altså hvilken beskjæring, hvilke marger, hvilket format bildene skal ha, …
… hvordan det ser ut med stiftingen, hvilke papirtyper jeg har tilgjengelig. Dette kan jeg lese gjennom først og deretter ta hensyn til det.
Og så er det selvfølgelig fornuftig hvis jeg bare laster ned trykkmalen for InDesign.
Sette opp dokumentet
Jeg starter enkelt med InDesign CC. Jeg er ganske sikker på at alle trinnene jeg viser nå også kan gjentas i CS2 eller CS3, for dette er veldig grunnleggende ting.
Også her finner jeg nå de viktige instruksjonene som viaprinto gir meg om hva jeg bør være oppmerksom på (1). Instruksjonene er i en låst lag, som jeg bare skjuler (2), fordi jeg ikke trenger dem videre.
Da kan jeg begynne: Jeg ser først på hvordan dokumentet er satt sammen. Dette er forsiden og dette er baksiden (1). Jeg mangler selvsagt noen sider ennå, for jeg vil ha tolv sider til slutt.
Derfor setter jeg opp dokumentet mitt nå (2 via File>Sett opp dokument… eller Ctrl + Alt + P). Her angir jeg et sideantall på 12 (3), og det som en dobbelside (4), altså utskriftsark. OK (5).
Og slik har jeg sidene slik jeg ser for meg. Jeg tar den andre siden helt bakerst (1). Deretter har jeg (2 og 3) satt margene til kant. Side 1 og side 12 er akkurat de sidene som viaprinto har gitt meg i trykkmalen.
Design av forsiden: Grafikk
Jeg begynner nå med å designe min første side (1). Til dette bruker jeg Rektangelverktøyet og drar det ut (2). Jeg ønsker en annen farge (3): Cyan bør ha 60 %, Magenta 25 %, Yellow 10 % og Svart 0 % (4). Siden jeg sannsynligvis kommer til å trenge fargen ofte, kan jeg også legge den til som CMYK-fargefelt med en gang (5). Bekreftelse med OK (6).
Jeg har nå trukket rektangelet intuitivt, men jeg vet at det må være en høyde på 108 mm. Så jeg endrer høyden deretter (1) og drar rektangelet ned til kanten. Det er også viktig at jeg alltid passer på at det ligger på kantene av avskjæringsområdet mitt (2). Det kan også stikke litt utover, teoretisk sett er det heller ingen problem. Dette ville være min blå flate.
Neste fargefelt er dette oransje feltet. Jeg drar det også intuitivt, men jeg holder inne Shift-tasten slik at jeg får et kvadrat (1).
Her endrer jeg konturen min med fargefyllingen og gir følgende verdier: Cyan er 0 %, Magenta 85 %, Yellow 100 % og Svart er 0 % (2). Og også denne fargen legger jeg til som CMYK-fargefelt, fordi jeg kanskje trenger den senere også (3). Bekreft med OK (4).
Flaten får også en kontur. Jeg aktiverer den og gir den en hvit farge (5 og 6). Tykkelsen setter jeg til 7 Pt (7).
Og nå justerer jeg også enkelt størrelsen igjen, denne gangen skal sidene være 70 mm lange. Jeg lenker sidene derfor sammen (1) og angir verdien for Bredde, som den deretter også tar for Høyde (2).
Og når jeg nå prøver å justere kvadratet mitt, ser jeg disse automatiske hjelpelinjene som hjelper meg med plasseringen for å finne nøyaktig midt (3).
Jeg trenger bare en oransje flate nederst, som igjen bare skal være 70 mm bred, men bare 20 mm høy. Så jeg tar igjen Rektangelverktøyet (4), klikker i dokumentet mitt og angir verdiene i det åpne vinduet (5).
Som farge tar jeg min oransjetone, som jeg tidligere allerede la til som CMYK-fargefelt (6). Og nå kan jeg enkelt flytte rektangelet hit og jeg ser takket være hjelpelinjene også umiddelbart midten (7).
Utforming av forsiden: Tekst
Nå mangler fortsatt beskrivelsen. For dette bruker jeg tekstverktøyet (1). Som skrifttype velger jeg Aller Regular og setter størrelsen til 87 pt med 62 pt linjeavstand og en spredning på -15 (2). Med dette skriver jeg inn "4eck" i det uttrukne tekstfeltet (3). Jeg vil imidlertid ikke ha svart, men oransje, så jeg bruker allerede definerte fargefelt til dette (4).
Nedenfor skal det stå "Media". Det setter jeg på grått, deretter endrer jeg skriftstørrelsen til 62 pt med en spredning på 0, slik at det passer (1). Jeg sentrerer hele greia og plasserer den over kvadratet (2).
Også mangler det en tekstboks nederst med "Handout". Jeg gir skriften en størrelse på 48 pt og en hvit farge. Og jeg justerer gjennomsiktigheten via Effekter-panelet til 40 % (Vindu>Effekter). Sentrerer også litt nedover.
Nå mangler den siste tekstruten som skal inn i den nedre rektangelet. Her setter jeg skriftstørrelsen til 13 pt og velger Fed: "Byrå for nye medier". Også i hvitt, jeg reduserer linjeavstanden til 18 pt (1). Nå legger jeg til nettadressen og setter den til Regelmessig (2). Sentrerer det også (3), plasserer det i bunnen av beksjæringskanten (4) - og min første side er designet.
Utforming av andre side
Nå går vi til neste side. Den var helt blå. For dette drar jeg bare en blå flate (1).
Nederst er det noen kontaktopplysninger jeg kopierer fra et tekstdokument. Jeg oppretter et tekstfelt (med 2), skriftstørrelse 15 pt, linjeavstand 19 pt, skriftfarge hvit (3). Og her limer jeg inn kontaktopplysningene og plasserer dem litt tilpasning.
Utforming av tredje side
Neste side skal inneholde åpningstekst. Jeg kopierer den direkte inn i et tekstfelt med en schriftstørrelse på 23 pt og en linjeavstand på 40 pt. Jeg setter skriftfargen til en gråfarge som jeg tidligere har definert med 70 % svart, alt annet er satt til 0 %.
Og jeg tenkte å formatere de to selskapene litt større: Vårt byrå setter jeg i 27 pt og kundeselskapet gjør jeg til og med litt større, slik at de føler seg smigret når de ser at de er den lyseste stjernen på himmelen.
Jeg plasserer også allerede den første figuren som jeg hadde i presentasjonen. For dette trykker jeg Strg + D. Jeg har allerede forberedt bildene mine. Jeg hadde tatt skjermbilder fra presentasjonen og behandlet dem i Photoshop på forhånd, slik at jeg har dem tilgjengelig i høyest mulig oppløsning. Dette er figuren ("Rakettmann Rudie") som jeg vil sette inn her …
Dermed er denne siden også ferdig.
Opprette marger og kolonner
For de neste sidene endrer jeg layoutet mitt og legger til marginer. Jeg går til Layout>Marger og kolonner… (1 og 2), fordi jeg vil plassere tekst og bilder der og alltid ha en margin til dokumentgrensen min. Jeg setter også opp to kolonner (3) og gir dem en kolonneavstand på 10 mm (4).
Dette gjør jeg nå for alle de andre dobbeltsidene (gjenta trinnene for marger og kolonner på alle de tomme dobbeltsidene).
Uforming av fjerde side
Ved å bruke Strg + D (1) plasserer jeg det første bildet (2), klipper det litt mindre (3) og skyver det deretter til øvre kant av rammen (4).
Deretter en tekst i grått med Aller Bold Italic, 12 pt schriftgröße og en linjeavstand på bare 16 pt (5).
Jeg skriver "Tjenester for kunden:". Jeg trenger skriften ofte, derfor oppretter jeg den umiddelbart som et tegnformat: Jeg markerer den (1), går til tegnformater (2) og oppretter et nytt tegnformat her (3), som jeg dobbeltklikker på (4). I det åpnende vinduet for tegnformatvalg (5) endrer jeg overskriften og bekrefter med OK (6).
Nedenfor (1) skriver jeg enkelte tjenester, denne gangen ikke i Italic Bold, men bare i Italic. Og for dette oppretter jeg også et tegnformat, hvor jeg markerer teksten og gjentar stegene (3) til (6) igjen (8).
Tegnformater er der for at InDesign skal huske formatene. Så når jeg tar en titt på hva som står i de grunnleggende tegnformatene, er alt der.
Men jeg vil også legge til en oppramsing her. Da går jeg inn i avsnittsformatene (1) og oppretter et avsnittsformat for den markerte "Ytelsen A" (2). Jeg går inn i denne ved å dobbeltklikke (4) …
… og kaller det "Oppramsing" (1). Under fanen Punkt- og nummerliste (2) velger jeg typen Punktopplistning (3) og denne punkttypen (4).
Det er det, men det er litt langt fra teksten (5). Jeg justerer det til 4 mm inn i tabulatorposisjonen (6). Da passer det.
Nå kan jeg si at "Ytelse B" også skal være en oppramsing (1). Og så gjelder det for alle ytelsene …
Jeg har fortsatt dette i den neste kolonnen. Jeg sier her (2) at tekstboksen skal fortsette her (3), og drar tekstfeltet ut (4).
Nå kan jeg bruke en hjelpelinje (1) for å se om linjene er på samme nivå - nei - så jeg må dra tekstboksen litt opp. Og deretter kan jeg legge til de andre ytelsene som jeg har planlagt for prosjektet (2). Da er denne siden også ferdig.
Utforming av notatfeltene
På neste side setter jeg en overskrift: "Dine notater" (se 1: 12 pt Skriftstørrelse, Fet, grå farge).
Og her vil jeg nå legge til prikkede linjer. Jeg gjør dette enkelt ved å ta fram mitt Linjetegningsverktøy og trekke en linje mens jeg holder nede Skift-tasten (2). Konturen er allerede opprettet, så jeg reduserer den til 1 pt. Jeg velger 70 % svart, endrer konturtypen til Prikket (3). Så vil linjen se slik ut (4).
Nå trenger jeg selvfølgelig flere slike linjer. Så markerer jeg den (1), går til Objekt>Transformere>Flytte…, slik at Flytte-vinduet åpner seg (2).
Jeg setter verdien under Vertikal til 10 mm (3). Når jeg klikker på Forhåndsvisning (4), flyttes den deretter (5).
Jeg bekrefter ikke bare, men trykker på Kopiere (6). Og se der: Linjen ble kopiert med en forskyvning (7).
Det kule med InDesign er at jeg kan gjenta denne kommandoen. Hvis du ser under Objekt>Gjenta transformasjon, er det Gjenta transformasjonsekvens og den tilhørende snarveien Ctrl + Alt + 4. Jeg trykker bare på det. Og selv om ingenting skjer når jeg trykker, hvis jeg markerer den kopierte linjen og trykker snarveien, kan jeg duplisere de prikkede linjene etter hverandre (8).
Nå markerer jeg alt dette, Ctrl + C og Ctrl + V. Kopiene flytter jeg til høyre kolonne.
Slik ser det ut nå (1). Nå kopierer jeg hele siden (2) ...
... og limer den inn på neste side og nest siste side. Da høyreklikker jeg og velger Lim inn på opprinnelig posisjon.
De neste trinnene er nesten identiske med det jeg nettopp viste. Her skal det være et stort bilde som fyller formatet (1). Her skal det også være notater, så jeg legger dem til igjen og plasserer dem her (2).
Nå passer det ikke helt fordi bakgrunnen er farget. Dette kan jeg enkelt korrigere ved å ta fram mitt Rektangelverktøy og tegne et rektangel (1). Jeg gir det en hvit farge (2) og reduserer Gjennomsiktigheten i Effekter-panelet til 70 % (3). Deretter endrer jeg ordningen og legger gradvis rektangelet bakover (se 4: Høyreklikk>Rekkefølge>Gradvis bakover).
Hvis jeg vil ha avrundede hjørner, kan jeg gå til Objekt>Hjørnealternativer… og velge Rundet når anker er aktivert (5).
Dermed er det ferdig. Og nå tar jeg over hele området. Jeg markerer det, kopierer det og limer det inn med Ctrl + V for å plassere det i dette området på høyre side.
Andre sider
På de andre sidene legger jeg bildene mine på samme måte som vist ovenfor, og legger til tilsvarende tekst.
Dette området er interessant, fordi jeg har gjenskapt det i InDesign (rammet inn i rødt på bildet). Det vil si, i presentasjonen min i Prezi var dette området allerede der, men jeg overmalte det i Photoshop. I InDesign satte jeg det deretter på nytt. Jeg hentet faktisk skrifttypen spesielt, det var Yanone Kaffeesatz, som for eksempel finnes i Google Webfonts.
Dette var med en størrelse på 28 punkt med en linjeavstand på 36 punkt. Og jeg gjorde dette for at skriftområdet til slutt også skal være skarpt når det trykkes, fordi skriften ville ha vært pikselert på grunn av det opprinnelige skjermbildet mitt. Og når jeg bruker skrifttypen, forblir området vektorbasert og vil også være krystallklart etter trykking.
Angående siste side: Der tok jeg rett og slett den første siden (1) og limte den inn på den siste siden. Jeg fjerner "Handout" (2). Og nå kan jeg bruke den blåe delen min som ramme for den totale oversikten. Jeg markerer den og setter inn bildet ved å bruke Ctrl + D (3).
Dermed er handouten min allerede ferdig. Jeg valgte også bevisst å ikke ha sidetall, fordi dette var en veldig kort brosjyre.
Eksportere for trykk
Og nå handler det om: Hvordan eksporterer jeg dette, slik at det faktisk blir trykksikkert på slutten? Dette var også min tanke: Denne mellomstore bedriften ringte meg og sa at hvis jeg vil anbefale meg for prosjektet - jeg kunne komme innom om en uke og presentere byrået vårt. Det var altså lite tid for handouten og jeg ønsket at mitt første forsøk hos trykkeriet også skulle være vellykket.
Derfor valgte jeg viaprinto: For det første, vurderingene var fantastiske. For det andre har viaprinto også en hjelp. Der går jeg inn (1) og ser hva som er viktig. Jeg går til Veiledninger (2) og her til Lag dokumenter for kildedata (3). Jeg jobber med en PC (4) og bruker Adobe InDesign for PC (5).
Og nå forteller viaprinto meg nøyaktig hva som må tas hensyn til, også ved eksporteringen. Her står det at jeg skal eksportere alt i PDF/X-3 med PDF 1.3 som kompatibilitet. Jeg ser informasjonen om kompresjonsinnstillingene, på beskæring og på eksporten - det er det som nå er avgjørende …
Jeg hadde satt det opp hos meg selv, jeg sier det åpent, som jeg alltid gjør det: Jeg går inn, velger den høyeste standarden PDF/X-4 (1) og gir brosjyren et navn (2).
Jeg lot kompresjonen stå slik det var (1). Merke og beskjæring (2) - der bruker jeg den fra dokumentet (3).
Og hva angår eksporten gikk jeg bare inn og Konverter til målprofil (behold verdier) (1) og valgte min arbeidsfargerom (2). Og jeg må si: Selv om viaprinto sier at vi skal bruke ISO Coated v2 med PDF/X-3 (se utdrag fra viaprinto-hjelpen på 3 og 4) - trykket mitt var likevel fantastisk. Jeg prøver alltid først på den høyest mulige standarden. Jeg har imidlertid også hatt erfaringer med andre nettbaserte trykkerier, der jeg for eksempel har trykket visittkort eller flygeblad, og det oppsto nesten alltid problemer med gjennomsiktighet. Dette var ikke tilfelle med viaprinto. Så jeg gjorde det akkurat som forklart, og det var aldri noe gjennomsiktsproblem. Med andre nettbaserte trykkerier måtte jeg alltid eksportere alt i PDF/X-1a (5), slik at gjennomsiktighetene ble redusert og det ikke var problemer der.
Men viaprinto har nå sagt hvilken standard de vil ha. For min brosjyre med ti eksemplarer var det helt greit. Hvis jeg derimot ønsker å trykke en blank brosjyre med 1 000 eksemplarer, bør jeg virkelig gjøre akkurat det viaprinto ønsker, slik at trykket på slutten blir like rent som jeg forventer det. Og nå sier de: Som mål skal jeg ta CMYK-arbeidsfargerommet - ISO Coated v2 (ECI). Hvis man ser på det (se 6), så finner man det ikke forhåndsinnstilt i InDesign. Jeg fant ikke dette fargerommet i InDesign. Jeg tenkte: "Hvor er det, hvorfor er det ikke standard i InDesign?"
Difor mitt tips på dette stadiet: Gå rett til ECI.org-sida, altså til den European Color Initiative. Under Nedlastinger kan de faktisk laste ned desse standardane. Her er dei: ECI_Offset_2009. Det innheld akkurat det profilen som viaprinto vil ha. Og ikkje berre viaprinto vil ha denne profilen, også andre nettdrukksider vil ha desse profilane. Så last ned dette.
No er spørsmålet, kor dette skal lastast opp, slik at det endeleg visast i InDesign også. Eg går til filbrowseren min. Her er dei nedlasta ECI-profilane mine (markert i raudt). Og for meg skal desse no inn i mappen Windows\System32\spool\drivers\color. Dette kan vere annleis for dykk, sjølv om de arbeider på Mac.
Difor eit lite tips: Søk berre rundt på harddisken deres etter ICC-format, altså *.icc. Då finn de kvar filene skal plasserast, …
… og då har også InDesign akkurat den profilen eg treng.
No eksporterer eg brosjyra mi. Då har eg dokumentet mitt, som eg no berre kan laste opp på viaprinto. Eg viser dykk korleis …
Last opp dokumentet på nettdrukkside
Eg går til startssida til viaprinto, vel igjen brosjyre (1), konfigurerer formatet (2) og setter opplaget til 10 eksemplar (3). Klammesammentrådning er rett (4). Innsidearka skal vere 8 og omslagsarka 4 (5). Farge er riktig, papiret passar også. No kan eg allereie laste opp dokumentet mitt (6). Dette tar berre eit øyeblikk …
Greitt, filen er lasta opp, vorte konvertert, og noko interessant er: Eg har no moglegheita til å konfigurere arrangementet av omslags- og innholdssidene mine. Difor opnar eg nedtrekksmenyen …
Standardmessig har eg Omslag ute og inne og innhold (1). Ein ser allereie: Her er mine omslagssider, baksida, framsida (2), den indre omslagssida framme (3) og her er den indre omslagssida bak (4).
Viss eg no har lagt opp dokumentet mitt slik at eg ikkje har tenkt på at det framleis er indre omslagssider, så har eg moglegheita til å tvinge fram ekstra blankark i etterkant (5). Altså, for eksempel om eg berre har dekksida og deretter snarleg kjem innhaldsfortegninga, ønsker eg sjølvsagt ikkje at denne skal vere på den indre omslagssida. Då har eg moglegheita til enkelt å aktivere Omslag ute og innhold (5). Dermed tvingar eg fram to blanke sider for dei indre omslagssidene (6). Og det same kan eg òg gjere her framme (7). Så her har eg tre ulike modus.
Eg har allereie sett dette opp i InDesign slik eg vil ha det, difor held eg meg til standardinnstillinga (1). Og i førehandsvisninga bekreftar eg at alt er lagt opp rett (2 til 4). Eg vil sjekke først …
Eg fann dette ganske praktisk på viaprinto, for no har eg dette som ein interaktiv PDF og kan bla gjennom ein gong …
… og seie: Ja, akkurat slik hadde eg tenkt det, slik ville eg ha handouten min, slik at eg kan gje den under den første prøvestadia og forlate eit godt inntrykk som anbefaling for byrået vårt.
Dette var faktisk vegen min då eg førebudde meg til prøvestadia. Og så hadde eg ein ganske god følelse av å vere godt førebudd.
Eg trur at med ein slik liten handout etterlet ein verkeleg eit godt inntrykk …
… og difor ville eg berre gi dykk ein kort innsikt, …
… korleis vi handterte dette.
Slik såg handouten ut i førehandsvisninga – lat oss sjå på det endelege produktet.
Opning: Handouten i handa
Her er no handouten min. For opplæringa bestilte eg den ekstra ein gong til … Eg henter dei trykte eksemplara mine fram.
Utdelingen er også pakket inn igjen. La oss se hvor vellykket trykkingen har vært.
Forsiden ser allerede veldig bra ut.
Dette er virkelig vellykket.
Også bildene har veldig god kvalitet.
Og må si, jeg hadde jo skjermbilder, …
… hvor jeg ikke alltid hadde oppnådd 300 dpi, …
… spesielt her på dette midterste bildet, der var det, tror jeg, bare 130 dpi - og likevel er kvaliteten veldig god i trykken.
Jeg synes alt i alt at dette ser veldig bra ut.
Jeg håper dere likte det, og det var i det minste litt lærerikt. Kanskje noen kan dra nytte av det. På denne måten ønsker jeg dere mye moro med etterarbeidet og fortsatt god jobbing.
Din Matthias