Come creare un pulsante di rollover in Fireworks CS5 - dummies

È possibile creare pulsanti interattivi in ​​Adobe Fireworks Creative Suite 5 per creare un pulsante di rollover - un pulsante che cambia quando un puntatore del mouse passa sopra

Crea l'arte di base

Per prima cosa, devi creare l'arte di base per il pulsante. (Per questo esempio, il pulsante è un rettangolo arrotondato, ma puoi sostituire un'altra forma.) Segui questi passi:

1. Fare clic e tenere premuto lo strumento Rettangolo nella sezione Vettore del pannello Strumenti e quindi selezionare Rettangolo arrotondato dall'elenco degli strumenti nascosti.

2. Fare clic e trascinare nell'area di lavoro per creare una forma.

   Qualsiasi dimensione va bene per questo esempio.

3. Scegli Finestra → Stili per aprire il pannello Stili.

4. Scegli uno stile dall'elenco a discesa.

   Ad esempio, seleziona Plastica Stili.

   Questo pulsante di base è ciò che l'utente vede inizialmente sulla tua pagina Web.

   

Aggiungi comportamento rollover

Per aggiungere il comportamento di rollover al pulsante ec Realizza la versione del disegno del pulsante che i visualizzatori vedranno quando i puntatori del mouse passeranno sopra di esso, segui questi passaggi:

1. Seleziona la forma rettangolare arrotondata creata nella sezione precedente e quindi fai clic con il pulsante destro del mouse per selezionare Inserisci sezione rettangolare.

   La forma è evidenziata, a indicare che è stato creato un hotspot.

   

2. Fare clic con il pulsante destro del mouse (Windows) o fare clic tenendo premuto il tasto Control (Mac) sul centro della sezione e scegliere Aggiungi comportamento rollover semplice dal menu contestuale.

   

3. Scegli Finestra → Stati per aprire il pannello Stati.

4. Dal menu del pannello Stati, scegliere Duplica stato.

   

   Viene visualizzata la finestra di dialogo Stato duplicato. Mantenere le impostazioni predefinite di Stato 1 che vengono inserite dopo lo stato corrente.