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. Este es el botón que haremos (pasa el cursor sobre el y presionalo):

 


Como anteriormente he mencionado, vamos a trabajar intensamente con la biblioteca en este tutorial. Por tanto abriremos el panel biblioteca si lo tenemos cerrado y haremos clic en
crear un nuevo símbolo, el comportamiento  será gráfico. Seleccionaremos la herramienta óvalo y configuraremos el mezclador de colores tal y como se muestra en la figura de la izquierda.

Como ya sabemos, al crear un nuevo símbolo se nos abre el modo de edición de símbolo, ya no estamos en la escena principal. Trazaremos un círculo aproximado a la figura de la derecha y lo alinearemos horizontal y verticalmente con respecto al centro.

Una vez finalizado, podremos observar en la biblioteca nuestro nuevo símbolo recién creado.

Vamos a proceder a crear otro nuevo símbolo, gráfico también. El aspecto final será el de la figura de la derecha. Para ello crearemos un primer aspa, con la herramienta rectángulo y la deformaremos hasta que tenga el aspecto deseado. La configuración de colores que yo he usado es esta:

Una vez creada la primera aspa o rayo de sol, tan sólo tendremos que copiar y pegar y recolocar los nuevos elementos hasta obtener esta figura.

Hasta ahora, el comportamiento que habíamos decretado para nuestros símbolos era gráfico. Ahora vamos a introducir una novedad. Vamos a usar el tipo de comportamiento Clip de Película y nombraremos al nuevo símbolo que vamos a crear como Rayos_girando.

Bien, en el modo de edición de nuevo símbolo, esta vez el clip de película, arrastramos desde la biblioteca los rayos de sol que previamente habíamos creado, y los alineamos o distribuimos horizontal y verticalmente con respecto al centro. Lo que ahora deseamos hacer es crear un clip de película que haga que los rayos de sol giren en el sentido de las agujas del reloj.

Vamos ahora a crear la interpolación de movimiento. Para ello iremos a la línea de tiempo. (Más adelante estudiaremos en profundidad el concepto de línea de tiempo, capas etc... por el momento, guíate de las imágenes para llevar a término este ejercicio). Hacemos clic en el fotograma 35 con el botón derecho del ratón. Se abrirá un desplegable y seleccionaremos la opción insertar fotograma clave. Nuestra línea de tiempo se verá ahora así:

Ahora, en el fotograma 1 de la línea de tiempo haremos clic con el botón derecho del ratón y seleccionaremos la opción crear interpolación de movimiento.

La línea de tiempo lucirá ahora así:

Y para darle el movimiento deseado, en el inspector de propiedades, en la opción girar seleccionaremos horario.

Bien, para ver el resultado de lo que hemos hecho hasta ahora, clic en el menú superior Control - reproducir, o bien arrastramos desde la biblioteca a escena el clip de película y Control - Probar película. Y esto será lo que veremos.

 Seguimos...