In deze wat langere tutorial wil ik jullie laten zien hoe het Commag is ontstaan en hoe het is vormgegeven in Adobe InDesign. Ik wil ook afzonderlijke gebieden volledig maken, van de cover tot aan de inhoudsopgave. Daarnaast wil ik aan de hand van een interview laten zien hoe ik het van begin tot eind vormgeef, om te laten zien dat het eigenlijk niet zo moeilijk is om een magazine vorm te geven. De tutorial moet gewoon praktijkgericht laten zien hoe we het Commag creëren.
Stap 1
Commag is het online magazine van PSD-Tutorials.de. Je vindt het rechtsonder in de zijbalk en je kunt daar alle beschikbare edities bekijken. Het Commag bestaat inmiddels al 7 jaar en als je naar het oudste nummer kijkt, zie je dat er al het een en ander is veranderd.
Stap 2
Bij de eerste editie in augustus 2005 was het Commag nog in het klassieke DIN-A4-portretformaat gemaakt, zoals je het ook zou kunnen afdrukken. Het omslag werd destijds gemaakt door MultimediaArts. Destijds hadden we 13.000 gebruikers, inmiddels zijn het er meer dan een kwart miljoen; een behoorlijke toename.
Stap 3
Zoals je aan het logo kunt zien, waren we op dat moment nog een pure Photoshop-community. Inmiddels zijn er tutorials en video-trainingen over vele andere programma's en gebieden, zoals bijvoorbeeld Adobe InDesign, CINEMA 4D, fotografie enz.
Stap 4
De inhoudsopgave was al mooi gelinkt, zodat je altijd direct naar de desbetreffende pagina kunt springen. Daarnaast zal ik in een kleine workshop laten zien hoe je dat het gemakkelijkst kunt doen in Adobe InDesign.
Stap 5
Ook de actuele paginanummers aan het einde van de pagina zijn gemakkelijk in te voegen in Adobe InDesign. Hoe precies, zal ik later in deze tutorialserie laten zien.
Stap 6
Destijds bevatte het Commag ook een lijst met alle nieuwe downloads en tutorials, nieuws en een interview.
Stap 7
De lay-out was niet zo geweldig, maar dat overkomt ons vaak, dat wat we ooit hebben gemaakt, later niet meer bevalt. Aan het eind nog het colofon.
Stap 8
Laten we eens het Commag 08/12 vergelijken, dat beschikbaar is als PDF en in een Flash-versie. Voor de tutorial gebruiken we de PDF-versie. Wat als eerste opvalt: het magazine wordt nu in liggend formaat gemaakt.
Stap 9
Ook de typografie binnen het magazine is aanzienlijk anders. We werken met verschillende kolomlay-outs. Bij de inleiding is het een vierkoloms opmaak, de gebruikte lettertype is Myriad Pro Light, die wordt geleverd met Adobe Photoshop of CorelDRAW.
Stap 10
Het gelinkte inhoudsopgave is gebleven, maar visueel aanzienlijk frisser vormgegeven, als tweekoloms. Zoals eerder gezegd, zal ik later laten zien hoe je deze links direct in InDesign kunt maken. Natuurlijk kun je dat ook in Adobe Acrobat doen.
Stap 11
Ook zijn er nieuwsberichten met de introductie van de nieuwste DVD en kleurrijk gemarkeerde links, de vier nieuwste tutorials van de afgelopen maand en de vier best beoordeelde downloads.
Stap 12
Verder gaat het met een recensie, die als driekoloms is geplaatst, gevolgd door een uiteenzetting over de basisprincipes - in dit geval over Adobe InDesign - die iets vloeiender is opgemaakt met een tekstkolom links en afbeeldingen in het rechterdeel.
Stap 13
Ter gelegenheid van het jubileum is er een overzicht van de eerdere Commag-edities. Daarna volgt een aankondiging voor een nieuwe training voor webontwikkelaars, de vermelding van de beide PSD-DVD's.
Stap 14
Op de volgende pagina volgt een paginagroot beeld als opmaak voor het volgende artikel. Daarvoor hebben we gewoon een passende foto genomen met een regel tekst erboven.
Stap 15
Daarna volgt het bijbehorende artikel als driekoloms opmaak, dat zeker ook met grote afbeeldingen opgefleurd moet worden. Afbeeldingen kunnen daarbij over meerdere kolommen lopen.
Stap 16
Na wat tussenreclame volgt nog een evenemententip voor een bijeenkomst en vervolgens het interview met een nieuwe presentator. Ik laat jullie in het tweede deel van de workshop zien hoe dit interview is opgemaakt, waar je op moet letten en hoe bijvoorbeeld de vierkante puntjes voor elke vraag zijn gemaakt. Dat is helemaal niet zo moeilijk, het gaat vooral om het onderwerp alineastijlen.
Stap 17
Er volgt nog een programma-presentatie en een overzicht van de nieuwste functies in Dreamweaver 6. In de actiecontrole benutten we het landschapsformaat optimaal en tonen we de nieuwste winnende afbeeldingen uit de wedstrijden, evenals pagina's met reacties, puzzels en dergelijke. Aan het einde van het tijdschrift volgt nog het colofon, een statistiekpagina en tot slot reclame.
Stap 18
Na de lange inleiding zullen we eens bekijken hoe het tijdschrift is opgebouwd. Allereerst bekijken we de bestanden waaruit het tijdschrift bestaat. Zoals jullie zien, is er voor elk onderwerp een apart bestand dat uiteindelijk als boek geëxporteerd kan worden. Het belangrijkste bestand is degene met de extensie indb. Dat is het InDesign-boekbestand.
Stap 19
Als we het boekbestand openen, zien we het volledige boek met alle ingesloten bestanden. Dit bestand kun je eenvoudig maken door Bestand>Nieuw>Boek te selecteren en vervolgens de individuele bestanden toe te voegen via het plusteken of door te slepen en neer te zetten.
Stap 20
Om uiteindelijk het volledige boek te exporteren, markeer je alle delen van het boek en kies je in het menu Boek exporteren naar PDF.
Stap 21
In deze weergave kun je door het verplaatsen van individuele hoofdstukken de volgorde wijzigen en corrigeert Adobe InDesign dan automatisch de paginanummers.
Stap 22
We gaan eerst naar het omslagbestand en krijgen meteen een foutmelding dat de gekoppelde bestanden niet meer aanwezig zijn. Ik zal jullie meteen laten zien hoe je dat kunt corrigeren.
Stap 23
Met de Beeld-knop kun je schakelen tussen Normaal-weergave en Voorvertoning. Bij het omslag zie je een vraagteken, wat ons vertelt dat er een koppelingsfout is opgetreden, oftewel dat het beeldbestand niet meer is gevonden.
Stap 24
Als je met de muis direct over het vraagteken gaat, krijg je een kleine informatietekst die je vertelt welke fout er is opgetreden en hoe je deze kunt corrigeren.
Stap 25
Met Alt-klik open je het Koppelingen-venster en kun je daar het pad naar het bestand corrigeren.
Stap 26
In de linkeronderhoek van de InDesign-werkruimte zie je de groene stip, het symbool voor de Preflight, dat aangeeft dat er geen fouten zijn gevonden.
Stap 27
Is de stip groen, dan is alles in orde, is hij rood, dan heeft InDesign een aantal fouten in het document gevonden die je eenvoudig kunt bekijken door te dubbelklikken op de stip.
Stap 28
Een dubbelklik op de fout leidt je direct naar het foutieve gebied. Als er zoals bij het nieuws over de nieuwe training een overschrijding wordt gedetecteerd, kun je via een dubbelklik op de fout direct naar het tekstkader springen en de overschrijding corrigeren door het tekstkader uit te breiden of de tekst dienovereenkomstig in te korten.
Stap 29
Adobe InDesign is ook zo slim dat het opmerkt wanneer meerdere afbeeldingen naar dezelfde map zijn verplaatst. Wanneer je de eerste koppeling corrigeert, past Adobe InDesign automatisch alle andere koppelingen aan.
Stap 30
Ontbrekende lettertypen worden ook weergegeven en je kunt via Zoeken starten of Doorgaan met zoeken zien waar dit lettertype in het document wordt gebruikt, en ze direct vervangen via Alles wijzigen.
Stap 31
Vooral bij afbeeldingen is het belangrijk dat het originele beeld beschikbaar is, omdat de afbeeldingen alleen in originele kwaliteit worden geëxporteerd bij de PDF-export. Anders wordt alleen de lagere resolutie van de voorvertoning geëxporteerd. Zorg er dus voor dat alle afbeeldingen beschikbaar zijn.
Stap 32
Als alternatief kun je natuurlijk ook de afbeeldingen in het document insluiten. Hiervoor ga je naar Koppelingen en kun je via het Contextmenu (rechter muisknop) de koppelingen, oftewel de gekoppelde afbeeldingen, in het document insluiten. Het totale bestand wordt daardoor aanzienlijk groter.
Stap 33
Deze actie kan op elk moment ongedaan worden gemaakt via Koppelingen<Insluiten van koppelingen ongedaan maken wanneer je bijvoorbeeld een afbeelding opnieuw wilt bewerken.
In het tweede deel van de tutorialreeks gaan we verder met de details. We zullen de cover volledig opnieuw maken, de inhoudsopgave vernieuwen en het interview opnieuw vormgeven.
