Design Trainingen

1 iPDF Navigatie

<<< terug1 iPDF navigation2 iPDF Layar & TOC3 iPDF audio & video4 iPDF formulier5 iPDF ePub exportiPDF tricsopdracht


De juiste werkruimte instellen in InDesign

Kies rechtsboven voor de werkruimte: Interactief voor PDF's

LET OP: de vensters die je in deze tutorial tegen komt, zijn terug te vinden in InDesign onder: Venster (window) / Interactief (interactive)


Download deze werk-bestanden om verder te gaan [53mb]

  1. Pak het ipdf.zip bestand uit
  2. Open in Indesign het document: iPDF_selfie.indd

NB. Heb je een oudere versie van InDesign? Open dan: iPDF_selfie.idml


Fonts

In verband met auteursrechten zijn de fonts uit het voorbeeld niet meegeleverd. Je zult dus zelf twee fonts moeten kiezen. Je vervangt de ontbrekende fonts in InDesign via: Tekst (type) / Lettertype zoeken (find font)

LET OP: Kies fonts waarin dezelfde fontvariabelen zijn als de fonts die je vervangt (ook een bold etc versie)

TIP: Klik “redefine style when changing all” aan.  Zo verander je ook de geneste stijlen. Controleer je document en pas desnoods de tekstkaders aan, als er tekst verdwijnt.


Bladwijzers maken

Bekijk het gedownloade InDesign-document (w-toets voor zichtbaar stramien)...

  1. Dubbelklik in het Pagina-venster op de eerste pagina
  2. Kies: Venster (window) / Interactief (interactive)
  3. Open het venster Bladwijzers (bookmarks)
  4. Maak een nieuwe bladwijzer aan en noem deze: COVER H (H staat voor Horizontaal)
  5. Maak per pagina een bladwijzer aan. Deze zijn straks nodig voor de navigatie. Selecteer eerst de juiste pagina, voordat je een bladwijzer aanmaakt. Gebuik per bladwijzer/pagina de onderstaande namen:
    • INHOUD H
    • THE SELFIE H
    • 10 SELFIE TIPS H
    • 360 SELFIE H
    • SELFIE FACTS H
    • BAD SELFIES H
    • SELFIE ENQUETE H

Knoppen maken voor de navigatie-menubalk

  1. Dubbelklik in het Pagina-venster op de A-master 'basis leeg iPad H'
  2. Selecteer de eerste menu-knop: inhoud
  3. Kies: Venster (window) / Interactief (interactive)
  4. En open het venster Knoppen en Formulieren (buttons and forms)
  5. Kies bij type: Knop (button)
  6. Bekijk nu deze video voor het instellen van de knop:

Maak nu de andere knoppen en link ze naar hun bladwijzer-doel.
Merk op dat de B-master deze instellingen vanzelf over neemt, omdat A- en B-master met elkaar zijn gekoppeld
(zie: Pagina-venster / stramienopties B-basis tekst iPad H).

TIP: Knoppen die uit meerdere vormen bestaan ALTIJD EERST groeperen, voordat je de knop-functie toekent.

Rollovers van de knoppen werken helaas niet op de Apple iPad. Deze worden door InDesign als swf-object geexporteerd en niet ondersteund door Apple

Op pagina 4 staat het menu niet op de juiste plaats. Deze zijn ook niet met cmd/ctrl + shift + klik te ontgrendelen vanwege de koppeling via de B-master met de A-master. Dit los je als volgt op:

  1. Dubbelklik op pagina 4 in het Pagina-venster
  2. Open het opties-venster (uitklapmenu)
  3. Kies voor: overschrijf alle master-items (override all master-items)
  4. Selecteer alle knoppen en plaats ze bovenaan de pagina, gelijk aan de andere pagina's


Knop TERUG (pijl omhoog) maken

Maak op dezelfde manier een knop van de pijl (links boven):

  1. Kies: Venster (window) / Interactief (interactive)
  2. En open het venster Knoppen en Formulieren (buttons and forms)
  3. Geef bij 'Acties' aan: naar doel  (to destination)
  4. Kies bij daaronder bij 'doel': INHOUD H. De pijl linkt nu naar de Bladwijzer (Bookmarks) op pagina 2.
    Zo is er altijd een snelle manier om naar de inhoudsopgave te navigeren.

Knop URL naar app-store maken

Maak op dezelfde manier een knop van het app-store logo op pagina 5:

  1. Dubbelklik op pagina 5 in het Pagina-venster
  2. Selecteer het zwarte app-store logo
  3. Kies: Venster (window) / Interactief (interactive)
  4. En open het venster Knoppen en Formulieren (buttons and forms)
  5. Maak een knop (button) en kies bij aktie voor: Ga naar URL (go to url)
  6. Vul hieronder de URL in naar de app in de app-store (even Googlen)
    Bijvoorbeeld: https://itunes.apple.com

Volgende stap