Uit Roncalli Wiki

Inleiding

Wil je leren hoe je een echte advertentie kunt maken voor in een tijdschrift? Duik in Adobe InDesign met deze realistische tutorial over het maken van een printklare advertentie. De tutorial is perfect voor wie gewend is aan Adobe Illustrator en wie wil beginnen met een professioneel DTP programma.

De tutorial is gebaseerd op Design a Print-ready Ad in Adobe InDesign

Eindresultaat

Het eigenlijke eindresultaat is deze afbeelding, maar als je andere bronbestanden hebt - want die moeten we kopen - zal het echt anders worden.

Stap 1: Nieuw Document

Maak een nieuw document met Bestand-> Nieuw of in het welkomscherm Nieuw Document.

Gebruik de volgende instellingen voor je nieuwe document. Klik op Meer Opties als je niet genoeg kunt invullen.

De Overvloei-ruimte (of Bleed of afloop) is het gedeelte dat buiten de snijlijn van het gewone document (breedte en hoogte, de zwarte lijn). Als je wilt dat artwork tot aan de rand van de pagina komt, moet je zorgen dat het tot of over de rode lijn komt. Je ontwerp moet dus groter zijn dan het gedrukte en gesneden eindresultaat, omdat de snijmachine een beetje onnauwkeurig kan zijn.

Stap 2. Lege Pagina

Nu heb je dit. Let op:

Zwarte lijn: de snijlijn. Zo groot wordt het resultaat.
Rode lijn. Bleed / Overvloei / Afloop. Buitenrand voor de plaatjes.
Paarse lijn: Marge voor de gewone tekst, want ook aan deze kant kan de snijmachine een stuk weghakken en met tekst is dat vervelend.

- - - DE PLAATJES STAAN VANAF HIER ALLEEN IN DE ORIGINELE TUTORIAL. HIER IS JE VERTALING VOOR WIE GEEN ENGELS KAN. Menu teksten kan fout zijn, er is hier geen eens indesign... :-( ***

Stap 3. Type kop

Voeg een kop toe met het Type-gereedschap. Klik-sleep met het type-gereedschap om een tekstvak te maken. Type de kop: Form, meet Function.

Stap 4. Kop opmaken

Activeer het Teken palet met CMD-T (Windows: CTRL-T). Pas de letters aan zodat het een stevige kop wordt.

Stap 5. Tekst uitlijnen

We lijnen de tekst uit naar het midden van de pagina (centreren). Via Menu -> Venster -> Tekst en Tabellen -> Alinea. Benadruk je tekst met het Type tool, of je kunt met het Selectie tool klikken op het tekstvak en dan op Centreren klikken (plaatje komt).

Stap 6. Afbeeldings Frame

We gaan afbeeldingen toevoegen. Gebruik het Rechthoekig Kader tool en teken een kader.

Stap 7. Plaats afbeeldingen

Met het frame nog geselecteerd, ga naar Bestand -> Plaatsen en kies de afbeelding of artwork dat je wilt gebruiken.

Let Op: Niet elke (raster/pixel) afbeelding is geschikt voor professioneel artwork (de meesten niet eigenlijk).

300 DPI resolutie. Web is maar 72 DPI dus alles wordt 4x zo klein in print, als het scherp moet blijven.
CMYK kleurmodus, dus niet RGB (web)
EPS of TIFF, lossless PNG

en

EPS vector afbeeldingen zijn altijd goed.

Kies bijvoorbeld voor deze afbeeldingen om te plaatsen: Media:GT-I9000 2.tif, Media:Samsung-Galaxy-S-GT-I9000_01.tif of kijk in de Flickr Stock Group.

Stap 8. Afbeelding goed zetten

Vaak staat je afbeelding niet helemaal zichtbaar in het kader. Om dit op te lossen, CMD-klik op het plaatje. Er komt een menu.

Stap 9. Afbeelding goed zetten 2

Kies Object -> Aanpassen -> Kader Proportioneel Vullen

Stap 10.

Het plaatje moet nu helemaal zichtbaar zijn.

Stap 11. Schalen

Schaal de afbeelding afhankelijk van hoe je het wilt hebben. Om de grootte te veranderen, kies CMD-SHIFT en klik-sleep een van de hoeken om de afbeelding proportioneel te schalen - de verhouding hoogte-breedte blijft kloppen.

Stap 12. Draaien

Het ziet er gaver uit om sommige afbeeldingen te draaien. Met het Roteer-tool (Toets R) en klik-sleep de afbeelding.

Stap 13. Meer afbeeldingen

Plaats meer afbeeldingen en zet ze goed m.b.v bovenstaande stappen.

Pas op: veel afbeeldingen zijn eigenlijk beter dan je ze ziet. Om de computerprestaties te drukken en sneller te werken wordt de kwaliteit expres verlaagd. Via Weergave -> Weergave Prestaties kun je dit instellen.

Stap 14. Body Text

De body text komt onder de afbeeldingen. Teken weer een tekstvak met het type-tool.

Stap 15. Placeholder text

Om gewoon wat tekst in te vullen (die we dan ook op kunnen maken) gebruiken we de speciale functie Tekst -> Vullen Met Plaatsaanduidingstekst

Stap 16 Vultekst

Er komt een tekst in het Latijn, zodat we weten dat het een vultekst is. Er komen precies genoeg letters om het vak te vullen. Deze aanpak wordt altijd gebruikt in de design wereld wanneer je de eigenlijke ('actual') tekst niet hebt.

Stap 17. Tekst vervangen

Selecteer de eerste regel en type "The hottest new mobile device".

Verander het lettertype in iets spannenders. Maak de letters ook wat groter, maar niet zo groot als de kop. Je wilt niet dat de kop en de body tekst de strijd aan gaan.

Let op: Als de tekst buiten het tekstkader gaat lopen zie je dat aan het kleine rode plusje in de net boven de rechts-onder hoek. Door het groter maken van de letters valt de boel nu buiten het kader. Om de andere tekst te zien moet je het kader bij de hoeken pakken en wat schuiven.

Stap 18. Regelafstand

De vultekst heb ik in het lettertype Franklin Gothic gezet. Heb je dat font niet, kies dan zelf iets.

Voeg een harde enter toe na de bovenste regel zodat er een extra lege regel tussen komt. Pas nu de regelafstand van de regels tegelijk aan: selecteer alle regels van de paragraaf behalve die eerste en pas nu de Leading aan door deze een paar punten hoger te maken. Dit doen we omdat we de letters ook groter gemaakt hebben. De eerste regel nemen we hierbij niet mee omdat anders de ruimte boven de paragraaf zo klein wordt en dat willen we niet.

Stap 19. Trek een lijn

Teken een verticale lijn met het Pen tool (P). Deze lijn komt tussen de tekst en de prijs informatie die we rechts gaan zetten.

Stap 20. Prijzen

Teken een textvak en type $199*. Met sterretje inderdaad.

Stap 21. Superscript.

Je zou de lettergrootte van de prijs en het sterretje apart kunnen veranderen, maar wij gebruiken de optie Superscript. Selecteer het dollarteken en kies in het TekenPalet het uitklap-driehoekje om meer opties te krijgen. Kies Superscript (=boven-schrift).

Step 22. Superscript 2

Doe hetzelfde met het sterretje. De dollar en het sterretje lijken nu niet meer zo idioot groot en de prijs valt beter op.

Stap 23. Gigabytes toevoegen

Zet de groottes van de Gigabytes er weer onder.

Stap 24. Stippellijn

We zetten een stippellijn tussen de Gigabytes en de prijs die daarbij hoort. Dat doen we met de 'Dot Leader'. Selecteer alle tekst en kies CMD+SHIFT+T. Zet een punt . in het vakje Leader. Met de tekst nog geselcteerd, klik net boven de liniaal op de plek waar je wilt dat de prijzen beginnen.

Stap 25

Stap 26

Ga door

De rest is nog niet vertaald, dus volg de originele tutorial

Een advertentie met InDesign

Inhoud