|
|
|
|
Cursus Fireworks CS4 |
go to : Index - Vorige - Volgende |
|
|
|
|
Les 22 |
Symbolen (3) |
|
|
Maken van een knopsymbool |
Heel wat interessanter dan het animatiesymbool, is het knoppensymbool.
Selecteer eerst alles wat je wenst te gebruiken als knop.
Klik vervolgens de knop "Wijzigen" in de menubalk, kies "Symbool" en klik "Omzetten in symbool". |
|
>
|
In het dialoogvenster dat verschijnt geef je het symbool een naam.
Kies je als type "Knop", en selecteer je het vakje "Opslaan in gemeenschappelijke bibliotheek".
Klik de knop OK. |
|
|
In het volgende venster kies je de map waar je het symbool wil opslaan, de map "Aangepaste symbolen is prima", en klik je de knop OK. |
|
|
We slepen de knop uit het venster "Gemeenschappelijke bibliotheek" in het canvas. |
|
|
Onze knop staat nu in ons document, met daarboven een lichtgroen vlak. Hier moet je je niks van aantrekken, dit dient enkel als segment waarop de interactiviteit wordt uitgevoerd. Maar meer over segmenten in een latere les.
Wat wij gaan doen is de knop interactief maken, met andere woorden we gaan de knop van kleur doen veranderen wanneer we de muisaanwijzer hierover bewegen.
Dubbelklik hiervoor de knop. |
|
|
Dit brengt je in de "Bewerkingsweergave" (1) voor deze knop.
Zoals iedereen wel al eens gezien zal hebben op het Internet heeft een knop meerdere statussen.
Je hebt "Omhoog", "Boven", "Omlaag" en "Boven bij omlaag".
De status "Omhoog" is wanneer de knop in rusttoestand is, dus wanneer er niks met de knop gebeurt.
De status "Boven" is wanneer je met de muisaanwijzer over de knop beweegt.
De status "Omlaag" is wanneer je de knop hebt geklikt.
En de status "Boven bij omlaag" is wanneer de knop blijft ingedrukt.
Zoals de knop nu wordt weergegeven is dit voor de status "Omhoog".
Wens je de status van de knop te wijzigen wanneer je met de muisaanwijzer hierover beweegt, selecteer je de status "Boven". |
|
Onze knop is verdwenen! Of toch niet.
Klik de knop "Afbeelding met status Omhoog kopiëren" (1). |
|
|
Onze knop is al terug.
Selecteer de knop
(1).
In dit voorbeeld wijzig ik de kleur van het verloop (2).
Dit maakt, althans in dit voorbeeld, onze knop "groen".
Wens jij nog andere wijzigingen aan te brengen, je doet maar.
Ben je klaar dan dubbelklik je een lege plaats in het Fireworksvenster (3).
Dit zal je terug brengen in de pagina-weergave. |
|
|
Om nu je ontwerp te bekijken selecteer je de modus "Voorvertoning" en beweeg je de muisaanwijzer over de knop (1). |
|
|
|
Index - Vorige - Volgende |