nIDug Magazine 06 zomer 2011 - InDesign User Group
nIDug Magazine 06 zomer 2011 - InDesign User Group
nIDug Magazine 06 zomer 2011 - InDesign User Group
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Interactiviteit Knoppen in PDF<br />
Knoppen in PDF<br />
Door: Frans van der Geest<br />
Wanneer je je begeeft op het terrein van interactieve documenten kun je denken aan PDF, SWF en Tablet-<br />
(iPad-)toepassingen. De animaties die <strong>InDesign</strong> ondersteunt vanaf versie CS5 werken via een omweg in een<br />
PDF: exporteer een geselecteerde animatie in <strong>InDesign</strong> naar SWF en plaats deze SWF weer terug in een<br />
kader op de pagina in een document. Exporteer dit document naar PDF en de animatie speelt in de PDF!<br />
Animaties in de PDF zie je weer niet op de iPad (Flash!) en je kunt ze ook niet gebruiken in Adobe Digital<br />
Publishing Solution (DPS). Maar op dit moment loopt er een bèta-test van een programma dat Wallaby<br />
heet en FLA-bestanden omzet naar HTML5! Exporteer een animatie vanuit <strong>InDesign</strong> naar FLA, converteer<br />
de FLA naar HTML(5) en met Adobe’s DPS verwijs je op een pagina weer naar het HTML(5)-bestand.<br />
Hoe dan ook: Flash, PDF, animaties: je kunt ze<br />
automatisch laten afspelen bij het laden van de<br />
pagina of je kunt besluiten dat een lezer eerst<br />
een handeling moet verrichten, zoals klikken<br />
met de muis op een bepaalde plek om de animatie<br />
te starten. Zo’n ‘plek om op te klikken’<br />
noemen we dan een knop: op de laatste NIDUGbijeenkomst<br />
liet Rudi Spitzers (een collega van<br />
mij, wij geven beide les voor Opatel) al zien dat<br />
je een kader (tekst, vlak, groep enzovoort) om<br />
kunt zetten naar een knop en vervolgens een<br />
handeling aan zo’n knop kunt toekennen: bijvoorbeeld<br />
‘als de gebruiker klikt ga dan naar de<br />
volgende pagina in dit document’.<br />
In dit nummer van <strong>nIDug</strong> <strong>Magazine</strong> wil ik je<br />
graag wat geavanceerdere technieken tonen:<br />
het maken van animaties, en knoppen die de<br />
animaties starten, maar bijvoorbeeld ook het<br />
verbergen van andere knoppen op de pagina.<br />
<strong>nIDug</strong> MAGAZINE <strong>06</strong> <strong>zomer</strong> <strong>2011</strong><br />
Knoppen, hotspots maken<br />
In het volgende voorbeeld maken we een<br />
aantal knoppen aan die een afbeelding tonen<br />
en informatie in beeld brengen wanneer de<br />
muiscursor over de knop zweeft (rollover).<br />
Wanneer de muiscursor de knop weer verlaat<br />
(rolloff) verdwijnen de afbeelding en informatie<br />
weer (een zogenaamde hotspot).<br />
Plaats een afbeelding van een kaart of plattegrond<br />
en bepaal waar op de afbeelding je<br />
hotspots wilt maken ➊. In dit voorbeeld maak<br />
je drie knoppen: teken een kader en geef deze<br />
vorm. In ons voorbeeld een kader met kaderrand<br />
en een kleur die op Vermenigvuldigen |<br />
Multiply is gezet in het deelvenster Effecten |<br />
Effects.<br />
Stap 1<br />
Bepaal waar je op de afbeelding je hotspots wilt maken<br />
15