[GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

LECCION 5. ANIMACION EN LA LINEA DE TIEMPO

Tipos de símbolos
Cada símbolo posee una Línea de Tiempo y un escenario exclusivos que incluyn capas. Al crear un
símbolo, se elige el tipo de símbolo en función de cómo se desea utilizar dicho símbolo en el
documento.

Se utiliza símbolos Gráficos (Graphics) para las imágenes estáticas y para crear animaciones
reutilizables ligadas a la línea de tiempo principal. los símbolos gráficos funcionan de manera
sincronizada con la línea de tiempo principal. Los controles y sonidos interactivoss no funcionan en la
secuencia de animación de un símbolo gráfico.

Se utiliza símbolos de Botón (Button) para crear botones interactivos que respondan a las
pulsaciones y desplazamientos del ratón, o a otras aciones a una instancia del botón.

Se utiliza símbolos de Clip de Película (Movie Clip) para crear piezas de animación reutilizables.
Los clips de película tienen sus propias líneas de tiempo de varios fotogramas, independientes de la línea
de tiempo principal. Se encuentran dentro de una línea de tiempo principal que contiene elementos
interactivos como controles, sonidos e incluso otras instancias de clip de película. También pueden
colocarse instancias de clip de película dentro de la linea de tiempo de un símbolo para crear botones
animados.

Botones
Los botones son clips de película interactivos de cuatro fotogramas, los cuales sirven para activar
eventos que deseamos ejecutar.

Un botón es un símbolo, que en su línea de tiempo tiene cuatro fotogramas, que son:

• Reposo (Up): cuando el untero no está sobre él.

• Sobre (Over): cuando el puntero se encuentra sobre el botón.
• Presionado (Press): cuando se hace click con el ratón sobre el botón.
• Zona Activa (Hit): Define el área que responderá al click del ratón. Esta área es invisible en la película. Si
no se especifica un fotograma "Zona Activa" Flash tomará la imagen para el estado "Reposo" como
fotograma de Zona Activa.

LECCION 5 – Animacion en la linea de tiempo Página 1

 [GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

Para crear un botón se utilizan las teclas [ Ctrl + F8 ]

Si se desea activar cualquier fotograma del botón, se debe insertar fotograma clave para cada opción.

Crear un botón

1) Edición / Anular selección [ Ctrl + Shift + A ]

Para asegurarnos de no seleccionar nada en el escenario.

2) Insertar / Nuevo símbolo [ Ctrl + F8 ]

Ingresamos un nombre, por ejem.: Boton_1. Y en el comportamiento seleccionamos Botón.

3) Dibujamos el tipo de botón que deseamos, por ejemplo, un óvalo con degradado.

LECCION 5 – Animacion en la linea de tiempo Página 2

 [GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

4) Clickeamos [ F6 ] en el fotograma "Sobre" y cambiamos el color del degradado a un color fijo.

5) Clickeamos [ F6 ] en el fotograma "Presionado", y cambiamos el relleno del ovalo.

6) Para verificar, regresamos a escenario. Ahora este botón es un símbolo, se encuentra en la Biblioteca
o Librería, donde lo activamos con [ Ctrl + L ]

LECCION 5 – Animacion en la linea de tiempo Página 3

 [GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

7) Sólo nos queda llevarlo al escenario arrastrando del la Biblioteca hacia el escenario.

Para habilitar o deshabilitar botones simples en el mismo escenario presionamos [Ctrl+Alt+B] o nos
dirigimos hacia el menú: Control / Habilitar botones simples.

8) Para agregar Zona Activa, estando en el escenario damos click dos veces sobre el botón, el cual nos
llevará hacia los fotogramas de estado del botón.

Damos click [F6] sobre el fotograma Zona Activa, dibujamos un rectángulo al costado del óvalo.

LECCION 5 – Animacion en la linea de tiempo Página 4

 [GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

Al ejecutar, dirigirnos hacia el escenario. Presionamos [Ctrl+Alt+B]. Veremos que se activa también el
botón sobre el rectángulo invisible.

Movie Clip (Clip de película)

Se utiliza símbolos de Clip de Película (Movie Clip) para crear piezas de animación reutilizables. Los
clips de película tienen sus propias líneas de tiempo de varios fotogramas, independientes de la línea de
tiempo principal.

Presionamos la tecla rápida [F8] para Convertir a Símbolo y seleccionamos Movie Clip.

Al seleccionar el Modo Avanzado (Advanced) se despliega la pantalla con las casillas de selección. Nos
indica la casilla Export for ActionScript si requerimos exportar para ActionScript, exportar en el primer
fotograma, etc. Registration: Ubicamos el nodo central de nuestro Movie Clip.

LECCION 5 – Animacion en la linea de tiempo Página 5

 [GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

Instancias
Las instancias son copias de símbolos que se encuentran presentes en el escenario. Un símbolo actúa
como molde a partir de él. Todos los símbolos pueden tener instancias. Cada vez que se modifica un
símbolo, automáticamente todas las instancias que dependen de él cambiaran su aspecto.

LECCION 5 – Animacion en la linea de tiempo Página 6

 [GUIA RAPIDA DE FLASH] IDSYSTEMS 2011

Cada una de ellas posee un nombre con el cual podremos identificarlas una de otra, éste es el nombre de
instancia (Instance Name). Sólo las instancias de símbolos gráficos no poseen nombre de instancia.

LECCION 5 – Animacion en la linea de tiempo Página 7