Hur man gör en knäppningsknapp i fyrverkerier CS5 - dummies

Du kan skapa interaktiva knappar i Adobe Fireworks Creative Suite 5 för att skapa en övergångsknapp - en knapp som ändras när en muspekare passerar över den.

Skapa grundkonsten

Först måste du skapa grundkonsten för knappen. (För det här exemplet är knappen en rundad rektangel, men du kan ersätta en annan form.) Följ dessa steg:

1. Klicka och håll verktyget Rectangle i vektorgraden på Verktyg-panelen och välj sedan Rundad rektangel från listan över dolda verktyg.

2. Klicka och dra i arbetsytan för att skapa en form.

   Alla storlekar är bra för det här exemplet.

3. Välj Fönster → Styles för att öppna Styles-panelen.

4. Välj en stil i rullgardinsmenyn.

   Välj till exempel Plast Styles.

   Denna grundläggande knapp är vad tittaren ursprungligen ser på din webbsida.

   

Lägg till rollover beteende

För att lägga till övergångsbeteende till knappen och c Upprepa den version av knappkonstverket som tittarna kommer att se när muspekarna överger det, följ så här:

1. Välj den avrundade rektangelformen du skapade i föregående avsnitt och högerklicka för att välja Infoga rektangulär skiva.

   Formen är markerad, vilket indikerar att en hotspot har skapats.

   

2. Högerklicka (Windows) eller Control-klicka (Mac) i mitten av skivan och välj Lägg till enkel omröstningsbeteende från kontextmenyn.

   

3. Välj Fönster → Stater för att öppna panelen States.

4. På menyn States panel, välj Duplicate State.

   

   Dialogrutan Duplicera stat visas. Håll inställningarna vid standardstatus 1 som är införd efter det aktuella läget.