03.05.2013 Views

nIDug Magazine 06 zomer 2011 - InDesign User Group

nIDug Magazine 06 zomer 2011 - InDesign User Group

nIDug Magazine 06 zomer 2011 - InDesign User Group

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Interactiviteit Knoppen in PDF<br />

punt bovenop de afbeelding waar de tekst<br />

bij hoort.<br />

Dit geeft het effect van een tekst die vanuit de<br />

afbeelding verschijnt en in dit geval zal eindigen<br />

onderaan de plattegrond.<br />

Houd het tekstkader geselecteerd en ga weer<br />

naar het deelvenster Knoppen | Buttons. Voeg<br />

een tweede actie toe bij Rollover | Roll over als<br />

Gebeurtenis | Event(s) door nogmaals op het<br />

plusje te klikken. Kies nu de animatie van het<br />

tekstkader. Kies bij Opties | Options voor<br />

Afspelen | Play. Selecteer ook de knop Omkeren<br />

bij Rolloff | Reverse on Roll Off om de tekst weer<br />

te laten verdwijnen als de muiscursor niet meer<br />

over de knop zweeft.<br />

Stap 9 en 10<br />

➓<br />

➒<br />

<strong>nIDug</strong> MAGAZINE <strong>06</strong> <strong>zomer</strong> <strong>2011</strong><br />

Nu is het van belang dat de afbeelding en de<br />

tekst tegelijk worden getoond wanneer de<br />

muiscursor over een knop zweeft! Kies Venster<br />

> Interactief > Timing | Window > Interactive ><br />

Timing. Je ziet de animaties die bij de knop<br />

horen in dit deelvenster. Selecteer de gewenste<br />

twee animaties in het deelvenster ‘Timing’ en<br />

klik vervolgens op het kettingsymbool voor<br />

Samen afspelen | Play Together ➒. Dit zorgt<br />

ervoor dat beide animaties, afbeelding en tekst,<br />

tegelijkertijd zullen afspelen ➓.<br />

Als variant kun je in plaats van het laten verdwijnen<br />

van de afbeelding bij een rolloff er ook<br />

voor kiezen om de afbeelding te tonen bij een<br />

rollover samen met een sluitknop. De bedoeling<br />

is nu om bij een rollover over een knop de<br />

afbeelding te laten zien samen met een sluitknop<br />

waarop de gebruiker kan klikken om de<br />

afbeelding te sluiten: teken een nieuw tekstkader,<br />

typ de letter ‘X’ erin en geef dit kader<br />

vorm. Zet het kader om naar een knop.<br />

Vervolgens voeg je een nieuwe objectstatus toe<br />

(rollover) waaraan een emboss effect is toegekend.<br />

Dit kader, dat als sluithokje gaat fungeren,<br />

is voorzien van dezelfde animatie infaden als<br />

de afbeelding.<br />

Sluitknop<br />

Bij de knop (de ‘hotspot’) met het gekleurde<br />

vlak is nu bij Rollover omkeren NIET(!) is aangevinkt.<br />

Dit zorgt ervoor dat na de rollover de<br />

afbeelding zichtbaar wordt maar niet verdwijnt<br />

bij een rolloff zoals in het eerste voorbeeld.<br />

Met het plusje in het deelvenster Knoppen |<br />

Buttons is vervolgens de animatie van het sluitknopje<br />

toegevoegd.<br />

In Timing zijn deze animaties weer gekoppeld<br />

(Afbeelding, tekst, sluitknopje).<br />

!<br />

Vink bij de hotspot ‘Omkeren bij rolloff’ uit!<br />

Hierdoor wordt na de rollover de afbeelding zichtbaar<br />

maar verdwijnt deze niet.<br />

Vervolgens is de knop met het sluitknopje<br />

geselecteerd en is de gebeurtenis Bij klikken |<br />

On Click gekozen. Hieraan zijn alle drie de<br />

anima ties gekoppeld (Afbeelding, tekst en de<br />

sluitknop zelf). Maar voor alle drie de animaties<br />

is de optie Omkeren | Reverse on Roll Off gekozen!<br />

Vervolgens (met de knop sluitblokje nog<br />

steeds geselecteerd) is weer het deelvenster<br />

Timing opgeroepen en zijn alle drie de animaties<br />

weer gekoppeld om samen af te spelen.<br />

Kies de gebeurtenis waarbij de animaties starten<br />

Animaties zijn gekoppeld aan acties. Hier zijn alle drie<br />

de animaties aan dezelfde gebeurtenis gekoppeld.<br />

17

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!