TEMA 3.

Animacin
Flash Professional permite realizar distintos tipos de animacin para crear contenidos interactivos, posibilita animaciones fotograma a fotograma, interpolacin de movimiento, e interpolacin de forma. Animacin fotograma a fotograma. Se animar el objeto grfico llamado Grfico_1, se har lo siguiente: 1. Dar clic sobre el Grfico_1 y seleccionar en la opcin Comportamiento de Instancia, Clip de Pelicula, de esta forma se convertir en un Clip de pelcula para realizar la animacin 2. Dar 2 veces clic sobre el Clip de pelcula Grfico_1, para acceder a la lnea de tiempo. 3. Dar clic en el fotograma nmero cinco y presionar la tecla F6 para insertar un fotograma clave. 4. Dejar clic presionado sobre el objeto y desplazarlo hasta la posicin deseada, luego soltar el clic para ubicarlo. 5. Dar clic dos veces sobre alguna zona en blanco del Escenario para salir de la lnea de tiempo del grfico. 5. Probar la pelcula y ver la animacin dando clic en el men Control, luego en Probar pelcula y por ltimo en Probar.

11

Figura 140.

5 4
5

Figura 141.

Animacin interpolacin de movimiento. Para realizar una animacin de interpolacin de movimiento, es necesario contar con un Clip de pelcula que incluya lnea de tiempo y otros clips de pelcula con sus respectivas animaciones. Se animar el objeto clip de pelcula Clip_1, dentro de su lnea de tiempo, agregando otro clip para animarlo. Se realizar lo siguiente: 1. Dar dos veces clic sobre el clip de pelcula Clip_1, para acceder a la lnea de tiempo del clip de pelcula. 2. Dar clic sobre el fotograma nmero cinco y presionar la tecla F5 para insertar un fotograma. 3. Convertir el objeto del fotograma en un clip de pelcula con el nombre Clip_2. As como se explic en el tema 1 de esta unidad.

12

4. Dar clic derecho sobre el fotograma nmero cinco y seleccionar la opcin Crear interpolacin de movimiento. 5. Dejar clic presionado sobre el clip de pelcula y mover hasta la posicin deseada, luego soltar el clic para ubicarlo. 6. Dar clic dos veces sobre alguna zona en blanco del Escenario para salir de la lnea de tiempo del grfico. 7. Presionar la combinacin de las teclas CTRL y ENTER al mismo tiempo para probar la pelcula y ver la animacin.

Figura 142.

13

Figura 143.

Figura 144.

14

5 6

Figura 145.

Animacin interpolacin de forma Las animaciones de interpolacin de forma consisten en trasformar un objeto de diseo inicial a otro, con la configuracin deseada. Por ejemplo, se puede convertir un crculo en un tringulo, este tipo de animacin slo es concebible en objetos de tipo geomtrico. Para crear una animacin de interpolacin de forma, hacer lo siguiente: 1. Convertir el objeto de forma circular en un clip de pelcula con el nombre Forma_1. 2. Dar doble clic sobre el clip de pelcula Forma_1 y acceder a la lnea de tiempo. 3. Dar clic sobre el fotograma nmero cinco y presionar la tecla F6 para insertar un fotograma clave. 4. Seleccionar el objeto crculo del escenario y borrarlo. 5. Escoger la herramienta rectngulo del panel de herramientas.

15

6. Dibujar un cuadrado en el Escenario, procurar en lo posible que ste, sea ubicado en la misma zona donde se encontraba el crculo. 7. Dar clic derecho sobre el fotograma nmero cuatro. 8. Seleccionar la opcin Crear interpolacin de forma. 9. Dar clic dos veces sobre alguna zona en blanco del Escenario para salir de la lnea de tiempo del grfico. 10. Presionar la combinacin de teclas CTRL y ENTER para probar la pelcula y ver la animacin.

2. Dar doble clic, acceder al escenario de ese objeto.

2
6

2. Dar doble clic, acceder a la lnea de tiempo de ese objeto

Figura 146.

16

5 4
6

Figura 147.

6
6

Figura 148.

17

Figura 149.

9
6

10

Figura 150.

18

Si la animacin es demasiado corta, se puede cambiar la velocidad de los fotogramas, desde el panel Propiedades. Tambin se pueden alargar los fotogramas al seleccionar y presionar la tecla F5, esto insertar un fotograma.

TEMA 4. Organizacin de smbolos

Flash Professional cuenta con una Biblioteca, en donde se almacenan todos los elementos a trabajar en el documento; audio, video, imgenes y smbolos de Flash. Para crear una carpeta que permita organizar los smbolos de tipo Clip de pelcula, hacer lo siguiente: 1. Dar clic en la pestaa Biblioteca. As mismo se puede abrir desde la opcin Biblioteca del men Ventana de la barra del men o a travs del acceso rpido al presionar las teclas CTRL y L a la misma vez. 2. Dar clic en el botn nueva carpeta .

3. Escribir el nombre de la nueva carpeta, en este caso Clips. 4. Seleccionar tres smbolos tipo Clip de pelcula, dar clic sobre cada uno de los smbolos y presionar la tecla CTRL para elegir varios elementos a la vez. 5. Presionar clic y arrastrar los elementos a la carpeta Clips, la carpeta se pondr de color verde, luego soltar el clic para almacenar los elementos en la carpeta.

19

Figura 151.

3
6

Figura 152.

20

Para guardar los botones y grficos en carpetas, se repite el proceso anterior

Ahora los 3 smbolos estn en la carpeta Clips.

Figura 153.

Para eliminar elementos de la Biblioteca, realizar lo siguiente: 1. Dar clic sobre el elemento que se quiere eliminar, en este caso la imagen logo sena.png. 2. Dar clic en el botn eliminar , o presionar la tecla SUPR o DEL.

21

1
6

Figura 154.

Si en algn momento desea deshacer alguna accin, como la de eliminar algn elemento de la Biblioteca, puede hacerlo presionando la combinacin de teclas CTRL y la tecla Z, si presiona esta combinacin, recuperar la imagen logo sena.png, eliminada anteriormente de la Biblioteca. Para agregar un elemento de la Biblioteca al Escenario, realizar lo siguiente: 1. Ubicar el cursor sobre el elemento que desea agregar al Escenario, en este caso se agregar otro clip de Pelcula, Clip_2. 2. Presionar clic y arrastrar el cursor con el elemento hasta la zona del Escenario donde desea agregar el clip de pelcula. 3. Soltar el clic para agregar el elemento al Escenario.

22

Figura 155.

23

Figura 156.

3. Soltar el botn del ratn

Figura 157.

24

TEMA 5. Acciones y animacin

Flash professional cuenta con un lenguaje de programacin propio, llamado Action Script, este lenguaje permite agregar interacciones en los documentos. Para agregar una serie de acciones, se usa el panel Fragmento de cdigo. Para detener las animaciones y evitar que se reproduzcan sin control, realizar lo siguiente: 1. Para acceder a la lnea de tiempo, dar doble clic sobre el clip de pelcula Clip_1. 2. Para abrir el panel, dar clic en el icono Fragmento de cdigo. 3. Dar clic en la carpeta Navegacin de lnea de tiempo. 4. Dar doble clic sobre la opcin Detener en este fotograma. 5. Se abrir el panel Acciones, agregar lneas de cdigo. Dar clic en el botn X para cerrar el panel. 6. Hacer clic en una zona vaca del Escenario para salir del Clip de pelcula. 7. Presionar la combinacin de teclas CTRL y ENTER. Probar la pelcula y ver el resultado.

Figura 158.

25

2 3 4

Figura 159.

Figura 160.

26

7 6

Figura 161.

La animacin del Clip de pelcula se detiene por medio del cdigo Action Script. Se aplicar una accin a Clip_1, para activar la animacin del clip de pelcula, emprender lo siguiente: 1. Dar doble clic sobre Clip_1, para acceder a su lnea de tiempo. 2. Dar clic en el icono del panel Fragmento de cdigo. 3. Hacer clic en la carpeta Navegacin de la lnea de tiempo. 4. Dar clic dos veces en la opcin Hacer clic para ir al fotograma y reproducir. 5. Se abre la ventana Definir nombre de instancia. 6. Escribir el nombre de la instancia, en este caso Clip_2 y dar clic en el botn Aceptar. 7. Remplazar el nmero 5 que se encuentra entre parntesis por el nmero 2. 8. Se abre el panel Acciones, agregar unas lnea de cdigo y dar clic en el botn X para cerrar el panel. 9. Dar clic en una zona vaca del Escenario para salir del clip de pelcula. 10. Presionar la combinacin de teclas CTRL y ENTER para probar la pelcula y ver el resultado.

27

2 3 4

Figura 162.

9 7 5

Figura 163.

28

8
4

10

Figura 164.

Observar el resultado final de la animacin. Si da clic sobre el clip de pelcula Clip_2, la animacin que program, se iniciar.

29

REFERENCIAS

Material realizado por el grupo de rediseo del Centro Agroindustrial Regional Quindo SENA (Mayo de 2012).

30