ANWB Folder

Waarom Indesign

In de opdracht Mondriaan heb je wel met Indesign gewerkt, maar niet zoals Indesign bedoeld is. Het is namelijk bedoeld om graphics met veel tekst te combineren. Folders en tijdschriften, en je schoolboeken, worden allemaal met Indesign gemaakt. Nee, niet met Word. Kan je wel mee typen, niet mee opmaken.

De Wegenwacht folder

We maken weer een remake, want we moeten nu eerst leren hoe Indesign werkt, voordat je zelf moet gaan nadenken over waar-komt-wat. Het origineel: Anwb-folder-foto.jpg

Zo zou het er uit kunnen zien Indesign.png

1. Starten met Indesign

De document instellingen zijn als volgt:

Indesign-anwb-document-instellingen.png

2. Pagina’s in beeld brengen.

Je ziet nu alleen pagina 1. Pagina 2 staat er links onder. Omdat dit normaal gesproken de achterkant zou zijn. Hoe krijg je die ernaast?

  • Menu -> Window -> Pages.
  • In het Pages window, klik op A-Master.

Indedign-pages-amaster.png

3. De foto plaatsen

Nee, niet Openen!

  • Download Anwb-auto.jpg
  • Menu -> File -> Place (zoek Anwb-auto.jpg)
  • Klik linksboven en sleep nu met de CMD-toets ingedrukt (om de verhoudingen te behouden). Zet hem maar ergens neer, in de volgende stap plaatsen we de foto wel goed.
  • Geef de afbeelding dit formaat:
    • Width (breedte) 220 mm)
    • Height (hoogte) 127 mm

4. De twee pijlen

Om foto’s te plaatsen heb je de twee select-tools (met pijlen) allebei nodig:

Indesign-select-direct-select.png

  • Select Tool: Om het _kader_ (frame) te verplaatsen. Het frame begrenst het zichtbare stuk van de foto.
  • Direct Select Tool: om de foto zelf te verplaatsen.

Er is dus een apart frame om de foto, die je apart kunt positioneren. Handig, maar lastig.

  • Plaats eerst het frame (Select Tool) en dan de foto zelf (Direct Select Tool).

5.Wat een wazig beeld

Foto onscherp. Dat hoort zo. De foto zou scherp moeten zijn: met 1169 × 679 pixels. Tenminste op het scherm, want om dit nu weer te printen heb je eigenlijk een scherpere foto nodig, met meer pixels) Zet het beeld van Indesign op scherp met:

  • Menu -> View -> Display Performance -> High Quality Display
  • Menu -> View -> Screen Mode -> Preview. Zie je wel! Zet deze laatse optie weer op Normal als je je hulplijnen terug wilt.

Brengen we gelijk wat hulplijnen in beeld, want die kunnen we goed gebruiken.

  • Menu -> View -> Grids & Guides -> Show Guides.
  • Menu -> View -> Grids & Guides -> Snap to Guides, aanzetten.
  • Druk nu op CMD-S om je werk tot hier op te slaan!
  • Nog toevoegen -> Guides

6. Hoofdtekst plaatsen

  • KIes het Text tool en sleep om een tekstvak te maken om de hoofdtekst in te zetten.
De wegenwacht heeft slechts een missie: u zo snel mogelijk weer op weg helpen, 7 dagen per week, 24 uur per dag. Om dit te kunnen blijven doen, is continue ontwikkeling nodig.
De Citroen is de nieuwe auto van de wegenwacht. Doordat de uitrusting is ontwikkuld voor de Wegenwacht, kan zij bij pech uw auto veilig en goed repareren. In 9 van de 10 gevallen kunt u direct met 
uw eigen auto verder. Deze high-tech garage op wielen past bij de kwaliteit van onze hulpverlening! 

Tekst opmaak

Maak de tekst op met de volgende text opties:

Anwb-text-options-1.png

  • Zet de tekstkleur op Donkerblauw (uit de swatches)
  • Je tekst ziet er nu zo uit. let erop dat de tekst tot de marge van de pagina grens komt.

Anwb-hoofdtekst.png

  • De tekst is fout: er moet staan in de eerste regel: slechts één missie. De é maak je met ALT e , e. Dus eerst ALT e, daarna nog een e. Verbeter de tekst.

Indesign-language-setting.png

Spelling

  • Doe de spellings check. Eerst zet je de taal goed.
  • Klik met de Select Tool op het tekstvak. Het Text Option Paneel verschijnt. Verander English:UK in Dutch: 2005 Reform.

Indesign-check-spelling.png

  • Klik nu met de CTRL-toets ingedrukt, met de muis in het textvak. Er verschijnt een menu. Windows: rechtermuisknop (die je op de Apple ook kunt activeren)

7. De koppen

In de foto komt een grote kop in het geel: Hightech garage op wielen. En daarboven een wat kleinere in het wit: De wegenwacht staat voor u klaar. Maak één groot tekstvak waar beide koppen in passen.

  • Vind nu zelf de juiste grootten van deze koppen. Zet evt. die regelafstand (leading) weer wat kleiner (Onder de Font Size).

Indesign-uitlijning-groen-lijntje.png

Om de koppen exact uit te lijnen met de tekst eronder doe je het volgende:

  • Selecteer het tekstvak met de koppen met de Select Tool. Beweeg het wat op en neer. Op een gegeven moment zie je een groen lijntje: de uitlijning met het grote tekstvak.

8. De Schatkist

Onder het rechter gedeelte van de foto komt een volgende tekst, met als kop: Schatkist van de wegenwacht. De rest van de tekst luidt:

Het Expertise- en Innovatiecentrum is de schatkist van de Wegenwacht. Alle technische informatie, inclusief tips en trucs van ca. 900 wegenwachten,
wordt hier verzameld. Komt een wegenwacht er bij een
pechgeval niet direct uit, dan overlegt hij met de technische helpdesk. Zo worden zelfs storingen van de modernste auto\'s verholpen.
  • Zet deze tekst in dezelfde kleur blauw.
  • Teken een lichtgele rechthoek achter dit tekstvak, van de onderkant van de pagina tot de foto. Dat gaat niet met een van de Swatches.
  • Om de rechthoek onder de tekst te krijgen, kies Menu -> Arrange -> Send to Back.
  • Zorg dat de uitlijning met de andere tekst en de foto okee is.

Speel met de lettergroottes tot het netjes werkt. Je mag ook een paar woorden weghakken 😉

Anwb-schatkist.png

De Story Editor

Voor langere teksten heeft Indesign een krachtig tool: de Story Editor.

  • Teken eerst een nieuw tektsvak aan de rechterkant, van onder tot boven.
  • Open de Story Editor, Menu -> Edit -> Edit in Story Editor.

Indesign-story-editor.png

    • Plaats de volgende tekst in de Story Editor. Elke nieuwe regel begin je op een nieuwe regel, na een Enter. Dit telt als nieuwe Paragraaf – met een eigen opmaakprofiel (paragrapfh style).
De lichtbalk
met superzuinige LED-Lampjes!
Witte Strepen
zodat het verkeer de juiste kant op wordt gewezen
Drie accu\'s
dus niets is teveel voor deze Citroën.  
Intelligente starthulpinstallatie
controleert - voor de starthulp - eerst of alle kabels goed zijn aangesloten
Communicatieaparatuur en GPS
waardoor precies bekend is waar de auto zich bevindt zodat u snel geholpen wordt
Compressor en presluchtinstallatie
voor krik, luchtsleutels en bandenspanning
Reservemateriaal
zoals brandstof en de meest voorkomende accu\'s, de Citroën heeft het allemaal
  • Nu de tekst erin staat, ziet je Story Editor er ongeveer zo uit:

Indesign-story-editor2.png

De Paragraaf Stijlen

Open nu het Window Paragraph Styles, via Menu -> Window -> Paragraph Styles. Je ziet 1 stijl, natuurlijk de Basic Paragraph. We hebben nu 2 nieuwe stijlen nodig.

Indesign new paragraph style.png

  • Maak een nieuwe paragraaf stijl met het aangegeven icoon in bovenstaande afbeelding. Dubbelklik op Paragraph Style 1. Er opent een venster om de instellingen te zetten.

ANWB Subkop

  • Hernoem Paragraph Style 1 naar ANWB subkop.
  • Basic Character Formats: Font Family op Arial Rounded Bold, Size op 15pt
    • Indents & Spacing: Space before op 5 mm.
    • Character Colour: donkerblauw (onderste voorkeuze)

ANWB Side Text

  • Hernoem Paragraph Style 2 naar ANWB Side Text
  • Gebaseed op ANWB Sub Kop
  • Arial 12pt
  • Zwart

Zet alle koppen en teksten uit in de Story Editor op de juiste paragraaf stijl. Je krijgt nu dit resultaat: Indesign-story-editor3.png

Frame Shapes

We gaan nu nog een afbeelding plaatsen die in een crikel komt te staan. Daarvoor gebruiken we de Frame Shape – Ellips.

Indesign frame shapes.png

  • Download deze foto:

Wegenwachter-adac.jpg

  • Kies het Ellipse Frame Tool en klik met de SHIFT ingedrukt. Teken een cirkel van ongeveer 3 cm doorsnede in de pas gemaakte zijbalk.

Zorg dat het Frame nog geselecteerd is en kies Menu -> File -> Place. Kies de foto die je net downloadde.

Indesign-frame-fit-options.png

  • Kies Fill Frame Proportianally (zie plaatje)
  • Beetje shuiven met de pijlen totdat meneer en mevrouw samen leuk in de cirkel staan.
  • Geef het frame ook een buitenlijn (Stroke) in de donkerblauwe kleur uit de Swatch.

Hou het Frame geselecteerd en kies “Fill Frame Proportionally.

Indesign-frame-wrap-bijna.png

Hier is de tekst bijna goed om de afbeelding heen gewrapt. Wie mij (dhr. Voeten) vertelt hoe het helemaal perfect komt, krijgt een gevulde koek.

Nog twee afbeeldingen

Als je een grote afbeelding klein wilt plaatsen kun je dus beter eerst een frame maken. Plaats nu ook de volgende twee afbeeldingen in een frame in de rechterzijkant (de compressor en de krik)

Compressor.jpg Krik.jpg

Einde