In questo tutorial impareremo come creare un semplice bottone in flash come questo:
1- Impostare il documento Prima di iniziare assicurati di avere impostato l'interfaccia di default
(Finestra > Layout area di lavoro > Default)
Crea un nuovo documento (File > Nuovo > Documento Flash) e impostiamo nel pannello Proprietà in basso la dimensione a 300 x 200 pixel
2- Creare la grafica del bottone
Seleziona lo strumento testo (T) e clicca sullo schermo per creare un'area di testo, quindi digita il testo del bottone.
Con il testo sempre selezionato, imposta dal pannello proprietà il tipo di carattere che vuoi utilizzare, la dimensione ed il colore, ma assicurati di non toccare la linguetta "Tipo Testo" che deve rimanere sempre impostata come "Testo Statico"
3- Creiamo il bottone
Clicca sullo strumento Freccia (V) per selezionare il tuo testo, quindi vai su Elabora > Converti in simbolo (F8) per definire questo testo come bottone.
Assegna al simbolo il nome "bottone" al simbolo e spunta l'opzione Tipo Pulsante.
Nella libreria appare il nuovo simbolo creato e anche il pannello proprietà si è adattato al nuovo tipo di oggetto.
A questo punto è necessario aprire una piccola parentesi per capire meglio cosa andremo a fare e come opera il flash.
Un filmato flash e organizzato secondo una gerarchia, in modo molto simile alle cartelle di un computer.
L'area di lavoro principale, dove abbiamo creato il nostro testo è chiamata _root e al suo interno possono essere inseriti diversi oggetti chiamati "simboli" a sua volta ogni simbolo può contenere altri simboli, a loro volta questi possono contenerne altri ancora, andando a creare una struttura anche molto complessa
A onor del vero i simboli veri e propri vengono conservati nella libreria, mentre quello che vediamo sullo stage è solo una copia chiamata "istanza".
Le istanze sono copie dei simboli che permettono di variare solo alcuni parametri del loro simbolo originale.
In questo modo un solo simbolo può essere riprodotto diverse volte nello stage con proprietà differenti ... ma questo non è argomento di questo tutorial!
4- Creare i vari stati del bottone
- Fai doppio click sul simbolo nell'area di lavoro per entrare all'interno del simbolo bottone.
La linea temporale mi indica che sono all'interno dell'oggetto bottone a sua volta contenuto nella linea temporale principale della Scena 1.
Mi vengono mostrati i quattro stati dei bottoni di flash (Su, Sopra,Giù e Premuto).
Su: aspetto del bottone "a riposo" Sopra: aspetto del bottone al passagio del mouse Giù: aspetto del bottone nell'istante in cui viene premuto (noi lo lasceremo uguale allo stato "Sopra" Premuto: L'area cliccabile attorno al bottone
Lo stato Su contiene già il testo inserito, gli altri sono al momento vuoti.
- Premi tre volte (F6) per copiare il contenuto di "Su" negli altri fotogrammi.
Dei pallini neri mi indicano che i fotogrammi non sono più vuoti.
- Clicca sul fotogramma "Sopra" e per selezionarlo, quindi modificalo come meglio credi, per esempio cambiando il colore del carattere.
- Clicca sul fotogramma "Premuto" e con lo Strumento Rettangolo (R) un quadrato che copre tutta la scritta.
Non aver paura che questo sia preciso o di aspetto gradevole: tutto il contenuto del fotogramma Premuto è assolutamente invisibile serve solo a definire la dimensione l'area cliccabile del bottone.
5- Prova il bottone
- Clicca su "Scena 1" nel pannello della linea temporale per uscire dal simbolo bottone e tornare al filmato principale.
- Controllo > Prova Filmato (CTRL + Invio) per provare un'anteprima del nostro bottoncino.
Ora che il bottone è pronto bisogna inserire il codice Action Script per creare un collegamento.
