Inicio TuToriales flash tutorial 17

Ejercicio: Ejercicio botones
Objetivo: Realizar símbolos del tipo botón
Software y versión utilizados: Flash MX
Nivel: Básico
Duración: Una hora

Archivos necesarios: sonido

 

Paso 1

Para empezar en una película nueva creamos un Nuevo Símbolo elegimos la opción botón y le ponemos nombre Botón 1 y aceptamos.

 

Paso 2

Como vemos ya no estamos en la escena sino dentro del simbolo botón. Ya no disponemos de linea de tiempo sino de estados de botón.

Comenzamos creando un fotograma clave en el estado reposo y escribimos el texto BOTON 1.

Truco
Para crear un fotograma clave nuevo pulsa la tecla F8.
 

Paso 3

En el estado sobre creamos un Fotograma Clave y en el estado Presionado un fotograma normal.
A continuación seleccionamos el fotograma sobre y cambiamos el color del texto.

Truco

Para introducir un fotograma normal pulsa la tecla F5.

 

 

Paso 4

Ya disponemos de un botón. Salimos a la escena clicando en el icono Escena 1 y creamos una instancia de ese botón arrastrándolo desde la biblioteca.

Guardamos el archivo y probamos la pelicula, el botón cambiara de color cuando es cursor se situe encima.

Nota

Al probar el botón si nos situamos encima del agujero de la O el botón no se activa porque realmente ahí no hay imagen, este es un problema que tenemos que solucionar.

 

Paso 5

Creamos siguiendo el mismo procedimiento un otón cuyo texto sea botón 2.

Activamos el papel cebolla y creamos un Fotograma Clave Vacio en el estado Zona Activa.

Truco
Para evitar realizar de nuevo el botón podemos seleccionarlo en la biblioteca y desde el menú desplegable elegir la opción Duplicar. Una vez duplicado cambiamos el contenido en el estado Reposo y estado Sobre. Para terminar cambiamos el nombre del símbolo.
 

Paso 6

En el cuadro zona activa y sirviendonos como referencia el texto que vemos gracias al papel cebolla dibujamos un recuadro negro que abarque el espacio que ocupa el texto. Deesta menera definimos la Zoma a la que será sensible el botón.

 

Paso 7

A continuación realizamos otro botón siguiendo los pasos anteriores y cambiamos el contenido y el nombre por Botón 3.
Importamos el sonido que se os proporciona y este se coloca en la biblioteca.
Seleccionamos el fotograma del estado sobre y desde el menu Propiedades escogemos de la lista el Sonido que hemos importado.

 

Resultado

Aquí tienes los tres resultados de los botones. El siguiente paso será programar los botones para controlar la reproducción de la película.

Truco
Dentro del botón puedes poner lo que quieras, haz un ejercicio libre en el que haya un botón con un clip de película con una animación de texto y colocala en el estado sobre.

Ernesto Navarro Durá. 2009