Design Trainingen

5 iPDF & ePub Export

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


Interactieve PDF exporteren

  1. Exporteer vanuit InDesign je document als Adobe PDF (interactief).
  2. Gebruik de instellingen uit de afbeelding hieronder:

Test de formulier-velden (helaas wordt je tekenstijl in een formulierveld niet door Acrobat overgenomen)
Test het verzenden: mailt het formulier naar je eigen mailadres (instellen bij het maken van de verzend-knop!)

Merk op dat:

  • de tekst die je invult in het formulier een standaard lettertype is, dat de gebruiker heeft ingesteld.
  • de video niet stopt met afspelen zodra je van pagina wisselt (de audio overigens wel).

Dit kan momenteel alleen via Acrobat Pro worden gewijzigd. Klik hier voor meer info.


Hoe exporteer je een ePub vanuit InDesign?

Voor het exporteren van design en vormgeving is het noodzakelijk om gebruik te maken van InDesign CC 2014. Die ondersteund export in ePub 3.0 waarin ook de vormgeving wordt meegenomen. Oudere versies exporteren enkel tekstuele opmaak en losse afbeeldingen die de vormgeving weglaten.

  1. Bewaar je document als een nieuwe versie: EPUB_selfie.indd
  2. Wijzig de hoogte van Pagina 4 (Selfie Tips) met de pagina-opties (custom) in het Pagina-venster (pages) naar een hoogte van 768px. Laat de layout even voor wat deze is...
    LET OP: ePub-pagina's moeten allemaal hetzelfde formaat hebben.
  3. Maak een eerst een ePub preview via venster: Window / Interactive / ePub Interactivity Preview
  4. Kies vervolgens in InDesign (CC 2014) voor exporteren voor: ePub (fixed Layout)
  5. Kies voor een liggende (H) of staande (V) layout afhankelijk van je ontwerp
  6. Klik bij de tab Conversion Settings  voor Format: PNG
  7. Klik op OK

Na de export kan er een foutmelding verschijnen in verband met fonts die niet geexporteerd mogen worden. Dat heeft meestal met de rechten voor het font te maken. Vervang dan het betreffende font met de knop Zoek Lettertype (Find Font) in InDesign door een font dat algemeen beschikbaar is in alle systemen, zoals Arial, Verdana, Lucida sans, Times, etc). E-readers gebruiken alleen fonts die een gebruiker op zijn/haar computer heeft. Voor speciale fonts in bijvoorbeeld een titel, kun je gebrukk maken van lettercontouren. Exporteer het document opnieuw.

Helaas blijkt het formaat van deze ePub staand te zijn, in plaats van liggend. Dat komt door de lange, staande pagina 4. Een ePub kan maar 1 pagina-formaat aan.

Maak nu een folio


De mogelijkheden van ePub, iPDF & Folio-App op een rij.

Deze ePubs kun je nu bekijken in e-readers, zoals iBooks. Deze e-readers moeten wel het 3.0-ePub formaat ondersteunen.

ePub 3.0 ondersteunt:

  • alle layout en vormgeving
  • tekst is selecteerbaar
  • geautomatiseerde inhoudsopgave (TOC) en bookmarks
  • video mp4 en audio mp3
  • geanimeerde InDesign buttons (SWF) (niet op Apple Mobile apparaten)
  • animatie in gemaakt in InDesign (SWF) (niet op Apple Mobile apparaten)
  • Edge animatie
  • Javascript en CSS

Hieronder een video waarin de functionaliteit van een e-pub 3.0 te zien is. Deze ePub is geheel in InDesign gemaakt en bevat een drag- en drop javascript, gestyld met CSS.

De functionaliteiten zijn te gebuiken voor interactieve (studie)boeken, epub-magazines, spel-pagina's. Het bekijken van een ePub vereist geen internetverbinding.

DOWNLOAD DEZE DEMO ALS EPUB 3.0

Voor het gebruik van deze  interactieve ePub is een e-reader met ePub 3.0 ondersteuning nodig. De meest bekende en up-to-date e-readers zijn:


Bij het omzetten van gedrukte boeken, wordt een restyling van de vormgeving zeer aangeraden. De opmaak van een digitale pagina voor scherm, vereist andere wetmatigheden dan een gedrukte pagina.

Zo is bijvoorbeeld het gebruik van meerdere tekstkolommen in drukwerk heel gebruikelijk, maar op een scherm juist storend of onnodig. Ook ligt bij drukwerk het aandachtspunt sterk van rechtsboven naar linksonder. Op scherm ligt het aandachtspunt juist centraal. Dit vereist over het algemeen een andere aanpak in de vormgeving.

ePub 2.0 (vooral tekstuele uitgaven)

  • Omzetten van aangeleverd InDesign doc.
  • Nieuw ontwerp op basis van kopij in tekstuele layout
  • Typografische stijlen
  • Teksten met meelopende beelden
  • Bladspiegel en stramien afhankelijk van eReader
  • Bladwijzers, audio/video, tekst-links en ankers
  • Klikbare inhoudsopgave
  • css en html

Niet mogelijk: Indesign animatie en javascript
Werkend in alle gangbare E-readers


iPDF (design en interactieve uitgaven)

  • inclusief punten uit ePub 2.0
  • Indesign buttons
  • formulieren
  • Edge animatie (html5-ccs3)
  • bijlages

Niet mogelijk: JavaScript interactie, Indesign animatie, video op iPad (wel een online link mogelijk)


ePub 3.0 en WebApp (design en interactieve uitgaven)

  • inclusief punten uit ePub 2.0
  • Indesign buttons
  • javascript
  • css & html embedden
  • InDesign animatie e.a.
  • foto slides (via klikken)

Niet mogelijk: rollover functie, formulieren
Getest in: iBook, Adobe Digital Editions


Folio voor tablet en App (Interactieve magazines)

  • fotoslides (swipe & klik)
  • 360graden
  • swipe
  • horizontale & verticale navigatie en pagina's
  • animatie
  • inladen van webcontent
  • zoomen / pannen

Niet mogelijk: rollover functie, formulieren
Getest in: Adobe Content Viewer
Publicatie als app via de App-store noodzakelijk