Material necesario para empezar a trabajar:

       Macromedia Flash MX
      
    
         Autora del tutorial: Lilian´s Design
     


Realización:

En este ejercicio estudiaremos:

  • Creación de un botón

Nota: Este tutorial es un tutorial de refuerzo. En él vamos a aplicar todos los conocimientos adquiridos hasta el momento en cuanto a diseño de imágenes y la utilización de la biblioteca. Aunque también iremos un poquito más allá y veremos como novedad un concepto que usaremos igualmente con frecuencia, la interpolación de movimiento. Con este ejercicio pretendo hacer un Stop en cuanto a la asimilación de términos y que sea más ameno el seguimiento, aunque también es verdad que será un avance también de otras enseñanzas que nos serán indispensables.

 

Antes de continuar con el siguiente estado del botón, se me ha ocurrido que en la biblioteca podemos duplicar el símbolo centro_sol (clic botón derecho - duplicar) y a este nuevo símbolo resultante, le he cambiado los colores tal como veis en las figuras de al lado. Como veremos estamos en el modo de edición de símbolo, para volver al botón solo tendremos que hacer doble clic en el símbolo botón de la biblioteca y podremos continuar.

 


 

Perfecto, ya podemos continuar. Nos situamos en el estado Presionado del botón. Insertamos fotogramas clave en ambas capas. Veremos que continuamos teniendo los rayos en la capa 1 y el botoncillo amarillo en la capa 2. Clic en Centro_sol (el botoncillo amarillo) y lo eliminamos presionando la tecla suprimir. Nos interesa darle otro aspecto diferente cuando pulsemos el ratón en el botón. Es el momento de ir a la biblioteca y arrastrar a esta capa (la que marca la flecha roja) el nuevo símbolo que hemos creado a partir del centro_sol. Lo alinearemos y se verá ahora como en la figura de la izquierda.

Ya tenemos configurados los tres estados del botón:

Reposo: cuando el ratón no está situado sobre él.
Sobre: Cuando el ratón está sobre el botón.
Presionado: Cuando el ratón presiona el botón.

Zona activa es el área real en la que queremos que actúe nuestro botón útil en botones compuestos por solo texto. Por el momento no tocaremos este área.

Sería divertido añadirle algún sonido al botón. Personalmente no me gusta abusar de esto porque son sonidos monótonos y si por ejemplo se usan en una serie de botones de una página web principal.. puedes llegar a odiar el sonidito. Pero bueno, de lo que se trata es aprender a hacerlo, luego nuestra opción será usarlo o no en posteriores trabajos.

Primeramente vamos a buscar algún sonido chulo en internet. Podéis tomar como referencia está página: http://www.flashkit.com/soundfx/ que con toda seguridad os sonará del área de swish.  Yo me descargué estos dos:

Sonido 1            Sonido 2

Perfecto, los guardamos en nuestro pc y ahora lo que haremos será ponerlos en nuestra biblioteca.

Vale ahora lo que tenemos que hacer es en el menú superior de la ventana de Flash, Archivo - Importar - Importar a biblioteca y buscamos los sonidos que hemos guardado en nuestro pc. Como veis en la figura de al lado ya tenemos los sonidos en la biblioteca y podemos probarlos para ver cómo suenan pulsando en el icono que marca la flechita roja.

Ahora solo nos queda colocarlos en nuestro botón. ¡Vamos allá!

De acuerdo, he seleccionado el sonido Electro para el estado Sobre del botón, es decir, cuando yo pase el cursor sobre el botón podré oír ese sonido. Para ello, en la capa 2 (también podría ser la 1 o crear una nueva pero no es indispensable) del estado Sobre hago clic para seleccionarla. Vamos a la biblioteca y clic sobre el sonido y lo arrastramos encima de la escena, tal como se muestra en la figura.

Hacemos lo mismo con el estado Presionado, clic en la casilla de al lado, y arrastramos el segundo sonido. La línea de tiempo se verá así:

Por fin tenemos nuestro propio botón que podremos usar en esta película o en cualquier otra. De momento para probarlo haremos clic en escena, veremos el espacio en blanco. Desde la biblioteca arrastraremos el botón creado hacia la escena y para probarlo, control - probar película. Bonito ¿verdad? Pues ahora toca guardarlo. Lo haremos de la siguiente forma: Archivo - Exportar - Exportar película. Damos un nombre a nuestro clip y aceptar en la ventana siguiente. Ya lo tenemos listo para usar.

Espero que este tutorial te haya gustado. Si has llegado hasta aquí, gracias por leerlo. Espero ver tu resultado en el foro.