Come creare un pulsante in Flash con le immagini.

Salve a tutti vediamo come si realizza un pulsante in flash composto da immagini. Questo procedimento permette di rendere più accattivanti i pulsanti testuali e quindi aver un maggior impatto grafico. Ciaooo!

1) Aprite Flash, cliccate su Action Script 2.0 e impostate l'area di lavoro delle dimensioni che preferite io ho impostato 128x128 in quanto farò solo ed esclusavamente un pulsante, voi potreste avere una scena o un progetto.

2) Importate nell'area di lavoro l'immagine che volete trasformare in pulsante. per importare FILE > IMPORTA > IMPORTA NELLO STAGE.

3) A questo punto convertiamo la nostra immagine in un oggetto avanzato tramite il menu ELABORA. Quindi ELABORA > CONVERTI IN SIMBOLO > PULSANTE e diamo OK.

4) Adesso la nostra immagine si è trasformata in un pulsante. Clicchiamo una volta sull nostro nuovo pulsante e diamo un nome sistanza in alto a destra (ES: pulsante).

5) Facciamo doppio click sull pulsante (o immagine trasformata in pulsante) per ottenere la finestra degli stati del pulsante.

6) A questo punto dobbiamo assegnare agli stati del pulsante un immagine che puo essere diversa oppure anche la stessa ripetuta. Gli stati SU SOPRA GIU E PREMUTO indicano rispettivamente

SU = QUANDO IL PULSANTE è IN STATO DI RIPOSO,
SOPRA = QUANDO IL PUNTATORE DEL MOUSE è SOPRA AL PULSANTE,
GIU = QUANDO TENIAMO PREMUTO SUL PULSANTE,
e lo stato PREMUTO = E' L'AREA ATTIVA DEL PULSANTE CIOE' DOVE IL PUNTATORE DEL MOUSE PUO CLICCARE, DETTA ANCHE AREA SENSIBILE.

allora a questo punto possiamo o caricare nella libreria altre immagini gia modificate con Photoshop, oppure modificare questa in modo da renderla divesa per ogni stato.

In questo tutorial vi mostrerò quella secondo me piu complessa cioè modificare la stessa immagine piu volte per assegnarla ad ogni stato.

INIZIAMO:

Clicchiamo con il tasto destro sullo stato SU e clicchiamo su INSERISCI FOTOGRAMMA CHIAVE.

7) A questo punto vi troverete duplicata la vostra immagine anche nel secondo fotogramma (se scorrete da sinistra a destra la linea temporale vedrete che non cambia).

8) Adesso arriva la parte piu complicata: Nello stato SOPRA il pulsante dovrà avere un effetto tale da indicarci quando il puntatore del mouse è sopra di esso magari cambiando opacità all'immagine. Per fare ciò dobbiamo trasformare la nostra immagine DI NUOVO in un simbolo altrimenti essendo una semplice immagine non possiamo applicargli effetti. Quindi clicchiamo sull'immagine nello stato SOPRA e poi ELABORA > CONVERTI IN SIMBOLO questa volta mettiamo CLIP FILMATO.

9) Una volta convertito in CLIP FILMATO noterete che sulla destra si apre un pannello inerente al clip filmato con tutte le opzioni possibili.

a noi interessa il campo EFFETTO COLORE.

10) Impostiamo nel campo EFFETTO COLORE > ALFA > 70% o una percentuale a vostro piacimento.

Ora la nostra immagine nello stato SOPRA assumerà un opacità del 70%.

11) Clicchiamo nello stato giu e premuto con il tasto destro e clicchiamo su INSERISCI FOTOGRAMMA CHIAVE. In questo modo abbiamo applicato il clip filmato (la nostra immagine con opacità a 70%) anche agli ultimi 2 stati (che sono meno importati) se invece volete assengnare un altro effetto allo stato GIU vi bastera rieffettuare il passaggio precedente descritto al punto 8 - 9 - 10.

12) Non ci rimane che tornare alla scena precedente cliccando su SCENA 1 sulla sinistra, selezionare il pulsante e richiamare il pannello azioni per inserire il codice Action Script 2.0 tramite la freccina in alto a destra.

dopo di che inserire il codice nell'apposito spazio:

CODICE:

on (release) {
getURL("http:www.wanlooloo.it", "_blank");
}

13) Non ci resta che esportare il filmato quindi : ESPORTA > ESPORTA FILMATO.

NOTE:

il getURL("http://www.wanlooloo.it", "_blank"); può essere sostituito con altri comandi come ad esempio gotoAndPlay(); gotoAndStop(); per far iniziare o fermare il filmato il base ad un fotogramma scelto da noi.

Wanlooloo!

Get Adobe Flash player

  • Scritto da: Jon
  • Mercoledì, 29 Settembre 2010

Il nostro sito usa i cookie per poterti offrire una migliore esperienza di navigazione. I cookie che usiamo ci permettono di conteggiare le visite in modo anonimo e non ci permettono in alcun modo di identificarti direttamente. Utilizzando questo sito, accetti che noi e i nostri partner si possa impostare dei cookie per personalizzare i contenuti come da nostra Politica sui Cookies.

Clicca OK per chiudere la finestra informativa