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 de texto e imagen.

Nota: Siguiendo el hilo de creación de botones, vamos a tratar ahora de emular la imagen de sustitución que muchas veces hemos usado en html. Veamos aquí un ejemplo de lo que pretendemos realizar:

 

Comenzaremos importando a la biblioteca la imagen que nosotros vamos a usar para este ejercicio. Yo he usado una mariquita que he sacado de un sello de imagen de Paint Shop Pro y la convertí en gif. 

Descarga Mariquita

 

 Una vez tenemos ya nuestra imagen en la biblioteca, vamos a comenzar creando un clip de película, para ello como ya sabemos clic en nuevo símbolo y le daremos el comportamiento de clip de película.
Arrastramos la imagen a la escena y en la línea de tiempo insertamos un fotograma clave en el fotograma 15. Luego haciendo clic en el fotograma 1 insertamos una interpolación de movimiento y finalmente en el inspector de propiedades le aplicamos el movimiento girar - horario.

Todo esto ya ha sido practicado en lecciones anteriores, por tanto no me extenderé gráficamente para explicarlo.

Continuamos creando un nuevo símbolo y en esta ocasión le daremos el comportamiento de botón.
En el estado Reposo insertamos la imagen de la mariquita procurando centrarla. Seguidamente insertaremos a su lado un texto de nuestra elección. El mío quedaría como se refleja en la imagen lateral.

Insertamos un fotograma clave en cada uno de los estados restantes incluida la zona activa.  En la zona activa trazamos un rectángulo que cubra el texto.

Seleccionamos ahora la zona Sobre. En la escena veremos que hay un cuadradito que señala tanto el texto como la imagen. Pues bien, tenemos que hacer clic en un punto de la escena, para que las imágenes se deseleccionen. De lo contrario al querer eliminar la imagen de la mariquita, eliminaríamos también el texto. Al texto le he aplicado un cambio de color. La imagen de la mariquita la eliminé y en su lugar arrastre de la biblioteca el clip de película que previamente hemos creado y lo centré.

Para finalizar el botón en el estado Presionado he cambiado nuevamente el color del texto, el cual quedaría tal como se aprecia en la figura lateral.

Y esto es todo. Ahora sólo nos resta hacer clic en escena, pues hasta ahora estábamos en el modo de edición de símbolo y desde la biblioteca arrastrar la instancia botón que hemos creado. Para verla, como ya sabemos, Control - Probar película. Para guardarla, Archivo - Exportar película.

Cortito e interesante ¿verdad?. Espero que te haya gustado y me enseñes tu creación en el foro.