Come creare simboli di pulsanti in Adobe Flash CS6 - dummies

In Adobe Flash CS6, i pulsanti sono tipi di simboli speciali creati per rispondere all'interazione con mouse o tastiera come clic, rollover e tasti specifici. Se abbinato a ActionScript, i pulsanti possono essere utilizzati praticamente per qualsiasi attività di navigazione o controllo. I pulsanti vengono creati allo stesso modo degli altri tipi di simboli e puoi facilmente trascinare istanze sullo stage dalla libreria per creare più pulsanti.

I pulsanti prendono davvero vita dopo l'aggiunta di ActionScript, ma è necessario capire come creare pulsanti appropriati prima di collegarli.

Come creare un nuovo pulsante in Adobe Flash CS6

Come con i simboli grafici, è possibile creare pulsanti dal contenuto esistente sullo stage o come nuovi simboli vuoti a cui è possibile aggiungere il contenuto in un secondo momento.

Attenersi alla seguente procedura per creare un nuovo simbolo di pulsante dal contenuto esistente:

1. Su un nuovo livello nel documento, create una nuova forma solida sul palcoscenico che volete usare come pulsante e selezionate la forma con lo strumento Selezione.

2. Scegli Modifica → Converti in simbolo.

   Viene visualizzata la finestra di dialogo Converti in simbolo.

3. Immettere un nome per il nuovo pulsante nella casella di testo Nome e selezionare Pulsante dall'elenco a discesa Tipo.

4. Fare clic su OK per creare il pulsante.

Scegli Finestra → Libreria per aprire il pannello Libreria e vedrai il nuovo simbolo con l'icona del pulsante speciale accanto ad esso.

Come aggiungere contenuti agli stati dei pulsanti in Adobe Flash CS6

È possibile aggiungere contenuto a ciascun fotogramma del pulsante per completarlo:

1. Se non è già aperto, modifica il nuovo pulsante facendo doppio clic su di esso sullo stage o nel pannello Libreria.

   Dovresti avere del contenuto nello stato Su da quando hai creato il pulsante. Ora puoi definire il contenuto anche per gli stati rimanenti.

2. Seleziona il fotogramma Sopra sulla timeline del pulsante e aggiungi un nuovo fotogramma chiave con il tasto di scelta rapida F6.

3. Usa lo strumento Selezione o la finestra di ispezione Proprietà o un altro strumento di disegno per modificare il disegno sul riquadro Sopra.

   

4. Selezionare la cornice in basso e inserire un nuovo fotogramma chiave usando il tasto di scelta rapida F6.

5. Modifica o aggiungi contenuto alla cornice in basso.

   Questo passaggio determina la modalità di visualizzazione del pulsante quando l'utente fa clic e tiene premuto il pulsante del mouse.

6. Seleziona il frame Hit e crea un nuovo keyframe premendo il tasto di scelta rapida F6.

7. Usa la grafica esistente che è stata copiata in questo fotogramma chiave o in uno degli strumenti forma per riempire questa cornice con un'area Hit grande e piena.

8. Esci dal pulsante facendo clic su Scena 1 sopra il palco.

9. Scegli Controllo → Prova filmato per visualizzare l'anteprima del filmato.

   Passa col mouse e fai clic sul tuo nuovo pulsante per vedere i diversi stati in azione.

Come modificare le istanze dei pulsanti in Adobe Flash CS6

Le singole istanze di pulsanti possono avere trasformazioni univoche e effetti di colore applicati, proprio come le istanze dei simboli grafici. Inoltre, a ciascun pulsante può essere applicato un ActionScript univoco, quindi è possibile utilizzare diverse istanze di un singolo simbolo di pulsante per creare un intero menu o barra di controllo.

Ecco come aggiungere e modificare istanze aggiuntive del tuo pulsante sullo stage:

1. Scegli Finestra → Libreria per assicurarti che il pannello Libreria sia visibile.

2. Trascina altre due istanze del tuo simbolo di pulsante sullo stesso livello dell'istanza di pulsante esistente.

   Se necessario, posizionare i pulsanti in modo che si distanziano l'uno dall'altro.

3. Selezionare una delle istanze del pulsante e scegliere Finestra → Proprietà.

   Si apre la finestra di ispezione Proprietà.

4. Scegli Tinta dall'elenco a discesa Stile nella sezione Effetto colore.

5. Selezionare un colore e impostare la percentuale di tinta sul 100 percento.

   Il pulsante diventa colorato con il colore scelto.

6. Selezionare un'istanza di pulsante diversa, scegliere lo strumento Trasforma dal pannello Strumenti e utilizzare lo strumento Trasforma per ridimensionare o ruotare il pulsante selezionato.

Pulsanti di anteprima selezionando Controllo → Prova filmato o Controllo → Abilita pulsanti semplici.