Com crear botons a Flash

Els menús de navegació necessiten botons. Flash us ofereix totes les eines per crear botons molt interessants. Si no heu creat botons Flash abans, considereu aquest el vostre bateig pel foc. Per crear un botó per al vostre menú, seguiu aquests passos:

1 Trieu Insereix → Símbol nou.

Apareix el quadre de diàleg Crea un símbol nou.

2Escriviu un nom per al vostre símbol i trieu el comportament del botó al menú desplegable Tipus.

Esteu creant un menú i el lloc obvi per començar un menú és amb el botó Inici. Per tant, poseu un nom al botó Inici .

3Feu clic a D'acord i Flash entrarà en el mode d'edició de símbols.

Teniu una capa i quatre estats, cadascun impulsat per la posició del cursor de l'usuari: amunt, a sobre, avall i colpejar.

Aquest estat determina l'àrea objectiu del botó. Afegiu l'estat Hit si teniu un botó especialment delicat que pot ser difícil de seleccionar.

4Si encara no està obert, trieu Finestra→Propietats.

S'obre l'inspector de propietats.

5Creeu la mida de la forma del vostre botó.

Quan creeu botons, utilitzeu l'eina Rectangle amb un radi de cantonada de 50 px per obtenir una forma ovalada. Abans de crear la forma, canvieu el valor d'Opcions de rectangle a l'inspector de propietats a 50, la qual cosa us ofereix una bona vora arrodonida. Escollint Visualització → Regles us permet crear un objecte que tingui la mida aproximada del botó.

6Seleccioneu la forma del botó i, a l'inspector de propietats, escriviu les dimensions desitjades per al botó als camps d'amplada i alçada.

Per esbrinar la mida de cada botó, divideix l'amplada del menú de navegació pel nombre de botons. En aquest exemple, esteu creant sis botons per a un menú de navegació (navegació) que té 600 píxels d'amplada i 25 píxels d'alçada. Per tant, cada botó té 100 píxels d'ample i 25 píxels d'alçada.

7Seleccioneu i alineeu el botó al centre de l'escenari.

Premeu Ctrl+K (Windows) o Apple+K (Mac) per obrir el tauler Alinea. Marqueu la casella de selecció A l'escenari i, a continuació, feu clic a les icones que centren el botó verticalment i horitzontalment.

8 Feu clic al botó Capa nova a la cantonada inferior esquerra de la línia de temps.

Flash crea una nova capa. Tot el que necessiteu saber sobre les capes de moment és que les capes us ajuden a organitzar el vostre treball. Per al botó, esteu creant una capa separada per al text del botó.

9Feu doble clic al títol de la capa de text del botó.

Això obre un quadre de text on podeu escriure un nom nou per a la segona capa. No és imprescindible, però crear un nom intuïtiu ara t'ajuda a desxifrar més tard quina capa s'utilitza per a què quan crees una pel·lícula o símbol complex.

10 Introduïu un nom per a la capa.

El text és un nom tan bo com qualsevol altre. Mentre hi esteu, canvieu el nom de la capa on resideix el botó. Button Shape és un bon nom.

11Seleccioneu l'eina Text i escriviu el nom desitjat.

En aquest cas, el botó s'anomena Inici. Quan un visitant fa clic en aquest botó, va a la pàgina d'inici.

Un tutorial complet sobre l'eina Text està fora de l'abast d'aquest llibre. Tanmateix, si mireu l'Inspector de propietats, veureu com de fàcil és establir paràmetres per a l'eina Text.

12 Premeu F5 al marc avall de la capa de text.

Això copia el contingut del marc amunt als estats Over i Down.

13Premeu F6 per crear fotogrames clau per als estats Over i Down a la capa de forma del botó.

La creació de fotogrames clau us permet canviar o modificar el contingut d'aquests fotogrames, o fer algun altre canvi que avisi als usuaris que realment han trobat un botó en què es pot fer clic. El gràfic de l'estat Avall apareix quan els usuaris fan clic al botó.

14 Feu canvis als estats Over i Down per a la capa Button Shape.

Per a aquest exemple d'execució, hem canviat el color del botó a vermell al marc de sobre i a taronja al marc avall.

15 Feu clic al botó Enrere (sembla una fletxa i es troba a l'esquerra del títol de l'escena a sobre de la capa superior).

El botó s'afegeix a la Biblioteca i està llest per utilitzar-lo.