nIDug Magazine 06 zomer 2011 - InDesign User Group

Interactiviteit Knoppen in PDF
Zorg dat het kader geselecteerd is en kies vervolgens
voor Object > Interactief > Omzetten
in knop | Object > Interactive > Convert to button.
Houd het kader (nu een knop) geselecteerd en
ga naar het deelvenster Knoppen | Buttons. Voeg
een tweede Status | State toe ➋. Selecteer deze
tweede status en geef de knop een ander
uiterlijk, bijvoorbeeld een andere kleur en als
effect een gloed eromheen; dit wordt de vormgeving
die de gebruiker ziet als de muiscursor
over de knop zweeft.
Stap 2
Plaats nu de afbeelding die je wilt tonen als de
gebruiker over de knop zweeft met de muiswijzer.
In dit voorbeeld staat de afbeelding in
een rond kader met een dikke witte omlijning;
zowel het kader (object) als de lijn hebben
een slagschaduw gekregen. De slagschaduw
die op de lijn wordt toegepast zorgt voor het
diepte-effect ➌.
Stap 4
Selecteer het kader met de afbeelding en kies
Venster > Interactief > Animatie | Window >
Interactive > Animation. We gaan als animatie
‘Infaden’ | Fade In instellen, dit laat de afbeelding
verschijnen ➍.
! Het is nu van belang dat je bij ‘Gebeurtenis’ |
Event(s) het vinkje weghaalt voor ‘Bij laden
van pagina’! We willen de animatie namelijk
koppelen aan het zweven met de muis-cursor
over een knop!
Selecteer de knop en toon het deelvenster
‘Knoppen’ | Buttons. Selecteer nu achter
Stap 3 Stappen 5, 6 en 7 Stap 8
nIDug MAGAZINE 06 zomer 2011
➏
➎
➐
Gebeurtenis | Event(s) de optie Bij Rollover | On
Roll Over (Self) ➎. Klik op het plusje in het
Knoppen | Buttons venster, om een actie toe te
voegen. Kies Animatie | Animation en selecteer
daar de zojuist gemaakte animatie voor de
afbeelding. Kies bij Opties | Options voor
Afspelen | Play ➏.
Selecteer ook de knop Omkeren bij rolloff |
Reverse on Roll Off ➐ om de afbeelding weer te
laten verdwijnen als de muiscursor niet meer
over de knop zweeft.
Herhaal de handelingen om meer knoppen te
maken en te koppelen aan andere
afbeeldingen.
Maak nu een tekstkader aan voor informatie
over de te verschijnen afbeelding. Als animatie
voor dit tekstkader wordt Invliegen vanaf
bovenkant | Fly in from top gekozen. Je ziet nu
een lijn lopen ➑ die aangeeft vanaf welk punt
de afbeelding zal beginnen met de animatie.
Selecteer deze lijn met het Direct-selecteren
gereedschap (de witte pijl) en sleep het begin-
16