Hvordan du lager en knapp i fyrverkeri CS5 - dummies

Du kan lage interaktive knapper i Adobe Fireworks Creative Suite 5 for å lage en overgangsknapp - en knapp som endres når en musepeker passerer over det.

Lag grunnleggende kunst

Først må du lage grunnleggende kunst for knappen. (For dette eksempelet er knappen et avrundet rektangel, men du kan erstatte en annen form.) Følg disse trinnene:

1. Klikk og hold Rectangle-verktøyet i Vector-delen av Verktøy-panelet, og velg deretter Avrundet rektangel fra listen over skjulte verktøy.

2. Klikk og dra i arbeidsområdet for å lage en form.

   En hvilken som helst størrelse er bra for dette eksempelet.

3. Velg Vindu → Styles for å åpne stilpanelet.

4. Velg en stil fra rullegardinlisten.

   Velg for eksempel Plast Stiler.

   Denne grunnleggende knappen er det som seeren begynner å se på websiden din.

   

Legg til rolloveradferd

For å legge til overgangsadferd til knappen og c gjenta versjonen av knappeteksten som seerne vil se når musepekeren overgår det, følg disse trinnene:

1. Velg det avrundede rektangelformet du opprettet i forrige avsnitt, og høyreklikk deretter for å velge Sett inn rektangulær snitt.

   Formen er uthevet, noe som indikerer at et hotspot er opprettet.

   

2. Høyreklikk (Windows) eller Control-klikk (Mac) midt på skjeden, og velg Legg til Simple Rollover Behavior fra kontekstmenyen.

   

3. Velg Vindu → Stater for å åpne panelet States.

4. Velg State Duplicate på panelpanelet i States.

   

   Dialogboksen Dupliseringsstatus vises. Oppbevar innstillingene ved standardstatus 1 som er satt inn etter gjeldende tilstand.