Explicacin paso a paso sobre la creacin de botones en el programa Adobe Flash Profesional cs6.

1- Ejecutamos flash y abrimos un nuevo documento como se muestra en la imagen.

Clic aqu para abrir un nuevo documento

Y se mostrar la siguiente pantalla:

Doble clic para cambiar el nombre

2.- Cambiamos el nombre de la capa1 por botn1 haciendo doble clic donde dice capa1. (Ver figura anterior)

3.- Ahora dibujamos un circulo haciendo clic en la barra de herramienta (en la herramienta ovalo)

Clic aqu para dibujar un crculo

4.- Ahora en el escenario de dibujo (hoja en blanco que nos muestra la imagen anterior) hacemos clic sin soltar y arrastramos para dibujar un crculo. Podemos cambiar de color, elegimos la herramienta de texto T y escribimos plsame, entramos a propiedades de texto podemos cambiar el color a blanco, el estilo (en este caso a Black) y arrastramos el texto sobre el crculo creado como se muestra en la imagen:

Elija el color exto.

Clic para elegir le color.

5.- Situamos el cursor del mouse sobre el crculo dibujado y hacemos clic derecho y damos en la opcin convertir a smbolo.

Clic aqu

6.- Aparecer el siguiente cuadro

7- En este cuadro debemos darle un nombre al botn (en este caso botn), en tipo selecciona la opcin Botn, finalmente haz clic en Aceptar. 8.- Ahora hacemos doble clic en el crculo que creamos y nos aparecer el escenario del smbolo "botn"; ah es donde crearemos un botn. El escenario nicamente para la creacin de botones, ser parecido a la siguiente imagen:

Lnea de tiempo

Observe la lnea del tiempo, como puede notarlo es diferente a la lnea del tiempo de la Escena 1. La lnea del tiempo, del escenario para crear botones es similar a la siguiente imagen:

Debemos entender que Reposo, Sobre, Presionado y Zona activa son los cuatro estados de un botn. Veamos a continuacin, qu representa cada estado. Reposo: cuando el mouse no se encuentra colocado sobre el botn o no se ha hecho clic sobre l. Sobre: cuando el mouse est colocado sobre el botn, pero an no se ha hecho clic sobre l. Presionado: lgicamente, cuando se hace clic sobre el botn. Zona Activa: su mismo nombre indica, es cuando el botn est activo.

Continuando con la creacin del "botn".

La cabeza lectora, en la lnea del tiempo tiene que estar sealando el estado de Reposo. 9- Ahora presione la techa f6 para que pase al estado sobre como se muestra en la siguiente figura:

10.- Seleccione el Color de Relleno que se encuentra en la seccin colores del Panel de Herramientas y elija el color de su preferencia, como se muestra a continuacin:

Elija un color

11- Despus presione nuevamente la tecla F6, para que la cabeza lectora pase al estado Presionado y cambia el texto escrito por PULSADO, haciendo doble clic sobre el texto que dice PULSAME.

Clic para volver a la escena1

Clic para ver la biblioteca

Doble clic, para cambiar PULSAME por PULSADO

Finalmente presiona por ltima vez F6 para pasar al estado Zona activa, esto har que se copie el botn. Con los colores que hemos aplicado, lograremos que el botn cambie de color cuando se lleven a cabo los Estados de los botones anteriormente descritos.

El botn ha sido creado, puede volver a la Escena 1, revise la biblioteca y ah debe estar est el smbolo llamado "botn", puede arrastrarlo al escenario las veces que sea necesario para hacer varias copias de l.

Para probar la pelcula presione la combinacin de las teclas CTRL + Enter. Si despus quiere ver la pelcula en su explorador de internet, nicamente presione las teclas CTRL + F12. 12.- Creamos una nueva capa y escribimos como nombre cdigo.

Clic para crear una nueva capa

13.- Creamos una nueva capa, ponemos el nombre de texto y dibujamos un texto con la herramienta de texto (T) y cambiamos en propiedades, a texto dinmico y donde dice nombre de instancia ponemos presionado.

Escribimos presionado

Elegimos texto dinmico

14.- Ahora escogemos la capa cdigo, seleccionamos el fotograma y hacemos clic derecho y escogemos la opcin acciones y se mostrar el cuadro de acciones, donde escribimos el siguiente cdigo.

Debe quedar as, como muestra la siguiente imagen.

15.- Seleccionamos la capa botn, seleccionamos el botn y en propiedades de botn escribimos btn donde dice variable de instancia.

Aqu

Y probamos nuestra pelcula ctrl+enter