Bueno ahora le toca el turno al botón, vamos a ir dándole forma. Para ello, continuamos en la biblioteca, como podréis ver de momento no hemos tocado la escena principal para nada. Damos a crear un nuevo símbolo y esta vez el comportamiento será de botón.

La línea de tiempo se verá ahora así, como en la figura superior. Vemos los cuatro estados que tendrá el botón, reposo, sobre (esto es cuando pasemos el cursor del ratón por encima), presionado y zona activa.

Para comenzar, vamos a insertar un fotograma clave en cada uno de esos estados. Basta con situarse debajo de ellos con el ratón y abreviando, pulsamos F6.

Bien, ahora con el estado de reposo activo, vamos a la biblioteca y arrastramos el primer símbolo que hicimos, centro_sol hacia la escena. Como siempre y es muy importante, lo alinearemos horizontal y verticalmente con respecto al centro. Esto es lo que veremos cuando el botón esté en estado de reposo.

Vamos ahora al estado de Sobre.

fig 1 fig. 2

Nos situamos debajo del estado sobre y añadimos un fotograma clave, F6. Ahora nuestra pantalla se verá tal como se ve en la fig. 1 de la izquierda. Pero no es eso lo que deseamos ver, por tanto, lo que haremos será eliminar el símbolo pulsando la tecla Suprimir, para que la escena se vea como en la fig. 2 y ahora os explicaré el porqué.

En la biblioteca haremos clic sobre el clip de película Rayos_girando y lo arrastraremos sobre la escena teniendo como activo Sobre.  Agregamos una nueva capa (para los que no estén habituados a este concepto de otros programas de diseño, lo explicaré más adelante, por el momento nos guiaremos de la imagen. Clic donde marca la flechita roja.

Hacemos clic en el comportamiento Sobre de la capa 2 (justo donde marca la flecha roja) insertamos un fotograma clave pulsando F6 y manteniendo ese fotograma activo arrastraremos desde la biblioteca nuevamente centro_sol procurando alinearlo como ya sabemos. El resultado es lo que se muestra en la imagen inferior: