I denne litt lengre veiledningen vil jeg vise deg hvordan Commag ble skapt og hvordan det ble layoutet i Adobe InDesign. Jeg vil også lage enkelte deler fullstendig, helt fra forsiden til innholdsfortegnelsen. I tillegg vil jeg vise deg gjennom et intervju hvordan jeg gjør hele layout-prosessen fra start til slutt, for å vise at det egentlig ikke er så vanskelig å lage et magasin. Veiledningen skal bare praktisk vise hvordan vi lager Commag.
Trinn 1
Commag er det nettbaserte magasinet fra PSD-Tutorials.de. Du finner det nederst til høyre i sidepanelet, og du kan se alle tilgjengelige utgaver der. Commag har nå blitt utgitt i 7 år, og hvis du ser på den eldste utgaven i sammenligning, har det vært en del forandringer.
Trinn 2
Ved den første utgaven i august 2005 ble Commag fortsatt opprettet som en klassisk DIN-A4-høyformat, som man også kunne skrive ut. Forsiden ble opprettet av MultimediaArts den gangen. På det tidspunktet hadde vi 13 000 brukere, nå har det blitt over en kvart million; en ganske imponerende økning.
Trinn 3
Som du kan se av logoen, var vi på det tidspunktet fortsatt en ren Photoshop-fellesskap. I dag tilbyr vi opplæringsguider og videoopplæringer for mange andre programmer og områder som for eksempel Adobe InDesign, CINEMA 4D, Fotografering osv.
Trinn 4
Innholdsfortegnelsen har allerede fine lenker, slik at du alltid kan hoppe rett til den relevante siden. Jeg vil også vise deg i en liten workshop hvordan du enkelt kan gjøre dette i Adobe InDesign.
Trinn 5
Også den nåværende sidetallet nederst på siden er enkelt å sette inn i Adobe InDesign. Jeg vil vise deg nøyaktig hvordan dette gjøres senere i denne veiledningsserien.
Trinn 6
Commag inneholdt også en liste over alle nye nedlastinger og opplæringsguider samt nyheter og et intervju den gangen.
Trinn 7
Layoutet var ikke så flott, men det skjer ofte at det man gjorde tidligere, senere ikke lenger faller i smak. Til slutt kommer imidlertid impressum.
Trinn 8
Nå skal vi sammenligne Commag 08/12, som finnes som PDF og i en Flash-versjon. For veiledningen bruker vi PDF-versjonen. Det første som skiller seg ut er at magasinet nå er opprettet i liggende format.
Trinn 9
Også teksten i magasinet har endret seg betydelig. Vi jobber med ulike spalteoppsett. For editorialdelen er det fire spalter, og skrifttypen vi brukte var Myriad Pro Light som følger med Adobe Photoshop eller CorelDRAW.
Trinn 10
Innholdsfortegnelsen med lenker er fortsatt der, men visuelt har den blitt oppdatert og er nå i to spalter. Som nevnt tidligere vil jeg senere vise deg hvordan du kan opprette disse lenkene direkte i InDesign. Det kan selvfølgelig også gjøres i Adobe Acrobat.
Trinn 11
I tillegg er det nyheter med presentasjon av den nyeste DVD-en og fargekodede lenker, de fire nyeste veiledningene fra forrige måned og de fire best vurderte nedlastingene.
Trinn 12
Videre fortsetter vi med en testanmeldelse som er satt som en trespalter, etterfulgt av en grundig innføring - i dette tilfellet om Adobe InDesign - som er satt litt mer flytende med en tekstkolonne til venstre og bilder i høyre område.
Trinn 13
Passende til jubileet er det en oversikt over tidligere Commag-utgaver. Deretter følger en melding om en ny opplæring for webutviklere, en nevning av de to PSD-DVD-ene.
Trinn 14
På neste side følger et hel sidebilde som innledning til den kommende artikkelen. Vi har bare tatt et passende bilde med en tekstlinje over det.
Trinn 15
Neste er den tilhørende artikkelen som en trekolonners, som også bør lettes opp med store bilder. Bildene kan strekke seg over flere kolonner.
Trinn 16
Etter litt mellomreklame følger en hendelsesforespørsel for et arrangement og deretter intervjuet med en ny programleder. Jeg vil vise dere i den andre delen av workshopen hvordan dette intervjuet ble layoutet, hvilke ting man må være oppmerksom på, og hvordan for eksempel de firkantede punktene foran hvert spørsmål ble opprettet. Det er ikke så vanskelig, det handler hovedsakelig om temaet Avsnittsformater.
Trinn 17
Det følger en programintroduksjon samt en oversikt over de nyeste funksjonene i Dreamweaver 6. I Actioncheck utnytter vi liggende format fullt ut og viser de nyeste vinnerbildene fra konkurransene samt sider med kommentarer, gåter og lignende. Ved slutten av Commag følger impressum, en statistikkside, samt til slutt reklame.
Trinn 18
Etter den lange innledningen ser vi nå på hvordan Commag er strukturert. Først ser vi på filene som Commag består av. Som dere ser, finnes det en egen fil for hvert emne, som til slutt kan eksporteres som en bok. Den viktigste filen er den med filtypen indb. Dette er InDesign-bokfilen.
Trinn 19
Når du åpner bokfilen, ser du den komplette boken med alle de innfelte filene. Denne filen kan du enkelt opprette ved å bruke Fil>Ny>Bok og deretter legge til de enkelte filene enten ved å klikke på plusstegnet eller ved å bruke dra og slipp.
Trinn 20
For å eksportere hele boken til slutt, markerer du alle delene av boken og velger Eksporter bok til PDF fra menyen.
Trinn 21
I denne visningen kan du også endre rekkefølgen ved å flytte enkelte kapitler, og Adobe InDesign vil selv korrigere sidetallene.
Trinn 22
Nå går vi først inn i dekkfilen og får straks en feilmelding om at lenkede filer ikke lenger er tilgjengelige. Jeg vil vise dere straks hvordan dere kan korrigere dette.
Trinn 23
Gjennom knappen for Visning kan du veksle mellom Normal-visning og Forhåndsvisning. På forsiden ser du et spørsmålstegn, som vil fortelle oss at det er en lenkefeil, det vil si at bildet ikke ble funnet.
Trinn 24
Hvis du holder musepekeren over spørsmålstegnet, får du en liten infotekst som forteller deg hva feilen er, og hvordan du kan rette den.
Trinn 25
Ved å trykke Alt+klikk åpner du dialogboksen for Lenker og kan der korrigere filbanen.
Trinn 26
I venstre nedre hjørne av InDesign-arbeidsområdet ser du den grønne prikken, symbolet for kontroll før trykking, som forteller deg at det ikke er noen feil.
Trinn 27
Hvis prikken er grønn, er alt i orden, er den rød har InDesign oppdaget en rekke feil i dokumentet, som du enkelt kan se ved å trykke på prikken dobbelt.
Trinn 28
Et dobbeltklikk på feilen fører deg direkte til det feilaktige området. Hvis det for eksempel oppdages en overskrift i nyhetene om ny trening, kan du ved å dobbeltklikke på feilen direkte hoppe til tekstboksen og rette overskridelsen ved å enten utvide tekstboksen eller forkorte teksten tilsvarende.
Trinn 29
Adobe InDesign er også så intelligent at den oppdager når flere bilder er flyttet til samme mappe. Når du deretter korrigerer den første koblingen, tilpasser Adobe InDesign automatisk alle andre koblinger.
Trinn 30
Manglende skrifttyper vil også vises, og du kan bruke Søk eller Fortsett søk for å se hvor skrifttypen brukes i dokumentet, og erstatte den direkte med Endre alle.
Trinn 31
Spesielt med bilder er det viktig at originalbildet er tilgjengelig, da bildene bare vil eksporteres i originalkvalitet til PDF-eksporten. Hvis ikke vil bare lavere oppløsning på forhåndsvisningen eksporteres. Så sørg for at alle bilder er tilgjengelige.
Trinn 32
Alternativt kan du selvfølgelig også inkludere bildene i dokumentet. For å gjøre dette går du til Koblinger og kan ved hjelp av Kontekstmeny (høyreklikk) bygge koblingene, det vil si, de tilknyttede bildene, direkte inn i dokumentet. Den samlede filen vil imidlertid bli betydelig større.
Trinn 33
Prosessen kan når som helst reverseres ved å bruke Koblinger 
I den andre delen av tutorialsrekken går vi videre med det virkelige arbeidet. Vi vil lage coveret helt på nytt, opprette innholdsfortegnelsen på nytt og gjøre om på intervjuet.
