Sesion 5

INSTITUTO SUPERIOR TECNOLOGICO “HIPOLITO UNANUE”
SESIÓN 5
CREACIÓN DE ANIMACIONES I
“Pienso, luego existo” (Descartes)
MARCO TEORÍCO
1. Animación por interpolación de movimiento.

Además de las animaciones fotograma a fotograma, con Flash podrá crear otras animaciones en las que
sólo debe crear los fotogramas clave en aquellos puntos del gráfico en que se modifique algo y Flash se
encargara de generar los fotogramas intermedios por medio de una técnica llamada interpolación.
Con Flash podemos trabajar con dos tipos de animación interpolada: interpolación clásica e
interpolación de forma. En el primero, es necesario dos fotogramas clave: uno al principio en el que se
definen las propiedades de un objeto, una instancia o un bloque de texto, y otro al final con las
propiedades modificadas. En el segundo, se dibuja una forma en un fotograma clave y se cambia o se
dibuja una nueva en otro fotograma. Flash interpola los valores o formas de los fotogramas intermedios
para crear la animación.
ACTIVIDADES
Ejercicio 1. Animación por interpolación con cambio de posición (V 5-1)
Veamos cómo se crea una animación en la que se cambia la posición de un objeto con el tiempo.
1. Aperture el archivo Delfín.fla proporcionado por el docente.

2. En la esquina inferior izquierda del escenario aparece el dibujo de un delfín.
3. Seleccione la casilla 30 y pulse la tecla F6 para insertar un fotograma clave.
4. Arrastre el dibujo del delfín hasta la esquina superior derecha del escenario. (Notemos que hemos
realizado esta operación estando en el fotograma clave 30, el cual vendría a ser el estado final de la
interpolación)
5. Seleccione el fotograma 1.
6. Diríjase al menú Insertar, y escoja la opción de Interpolación Clásica.
7. Observe que en la Línea de tiempo aparece una flecha desde el fotograma 1 al fotograma 30 con un
fondo azulado, lo que indica que se ha creado una interpolación de movimiento.
8. Haga clic en el botón Papel

cebolla.
9. Haga clic en el botón

Modificar marcadores de
papel cebolla y elija la
opción Papel cebolla todo
para que Flash aplique el
papel cebolla a todos los
fotogramas de la secuencia.
10. Pulse la tecla INTRO para reproducir la animación o CTRL + INTRO para probar la película.
Al reproducir la animación, debe haber notado que la imagen realiza un movimiento uniforme. Puede
alterar esto de modo tal que el movimiento sea más rápido al principio o al final de la interpolación.
Realicemos algunos cambios para comprobar.
11. Seleccione el fotograma 1.

12. En el panel de Propiedades, la opción de aceleración puede oscilar entre un valor de -100 a 100. Un
valor positivo hace que el movimiento sea más rápido al principio de la interpolación, mientras que
un valor negativo lo hace al final de la interpolación.
13. Compruebe el movimiento de la película con una aceleración de -100, -50, 0, 50 y 100
14. Guarde la animación con el nombre Delfín2.fla.
Curso de Flash -1-

Ejercicio 2. Animación por interpolación con cambio de posición. (V 5-2)
15. Realizar una película en Flash que permita desplazar un círculo de izquierda a derecha.
16. Agregar a la película anterior una capa, donde se desplace un cuadrado de derecha a izquierda. (Ver
Ejercicio 2.swf proporcionado por el docente)
Ejercicio 3. Animación con rotación. (V 5-3)
Además de hacer que un objeto se desplace de una posición a otra, podemos imprimirle otro
movimiento, de manera tal que el objeto se desplace y rote al mismo tiempo.
Siga estos pasos:

17. Cree un nuevo archivo de Flash.
18. Haga clic en la casilla 1 para seleccionarla.
19. Con la herramienta Rectángulo, dibuje un objeto cuadrado en la esquina superior izquierda
del escenario. (Antes de dibujar el Cuadrado debe de activar el botón de Dibujo de objeto o
en todo caso dibujar el Cuadrado y agrupar el trazo con el relleno)
20. Inserte un fotograma clave en la casilla 30.
21. Arrastre el cuadrado hasta la esquina inferior derecha del
escenario.
22. Seleccione la casilla 1.
23. Diríjase al menú Insertar, y escoja la opción de Interpolación

Clásica.
24. Una flecha desde el fotograma 1 al fotograma 30 con un fondo

azulado indica que se ha creado una interpolación de movimiento
25. En Propiedades/Rotación, elija CW para que el objeto rote en el

sentido de las agujas del reloj o CCW para que rote en sentido
contrario. Luego introduzca un número, para especificar el
número de rotaciones. (En este caso seleccionemos CW con 5)
26. Pulse la tecla INTRO para reproducir la animación. Observe

cómo el cuadrado se desplaza desde la esquina superior
izquierda hasta la esquina inferior derecha del escenario a
la vez que rota.
27. Guarde la animación.
Ejercicio 4. Animación con rotación y cambio de tamaño. (V 5-4)
Siguiendo con el ejemplo anterior, apliquemos un nuevo efecto a la figura, en este caso al cuadrado.
Cuando el objeto se desplace, debe rotar y, además, aumentar de tamaño.
Siga estos pasos:

29. Haga clic sobre el objeto para
seleccionarlo.
30. Haga clic en el modificador Escalar de
la herramienta Transformación libre.
En el objeto aparecen los selectores de
tamaño.
31. Arrastre un selector de esquina hacia
afuera para aumentar de manera
proporcional el tamaño del objeto
seleccionado.
Curso de Flash -2-

33. Haga clic en el botón Papel cebolla y amplíe el intervalo de los marcadores. Observe los fotogramas
interpolados que creó Flash entre los dos fotogramas clave.
34. Reproduzca la película.
Muy bien, ahora hagamos que el cuadrado regrese a su posición y tamaño inicial.
35. Inserte un Fotograma clave en la casilla 60.

36. Copie el fotograma 1 al fotograma 60.
38. Diríjase al menú Insertar, y escoja la opción de Interpolación Clásica.
39. En Propiedades/Rotación, elija CW en 5 veces.
40. Pruebe o reproduzca la película.
41. Guarde los cambios.
Ejercicio 5. Animación, rotación y cambio de tamaño con textos. (V 5-5)
En el ejemplo anterior hemos manipulado una figura, un objeto. Un texto también es un objeto, por lo
que podemos aplicarle múltiples efectos. Veamos un ejemplo en el que moveremos, rotaremos y
cambiaremos el tamaño de un texto al mismo tiempo.
Siga estos pasos:

43. Pulse las teclas CTRL+F3 para visualizar el panel Propiedades.
45. Con la herramienta Texto, escriba "Hipólito" en el centro del escenario. Aumente la altura del texto
hasta que sea lo suficientemente grande.
46. Inserte fotogramas clave en las casillas 10, 30 y 40.
48. Con la herramienta Flecha, seleccione el texto.
49. Haga clic en el modificador Escalar de la herramienta Transformación libre y reduzca todo lo que
pueda el tamaño del texto y desplácelo hasta la esquina superior izquierda del escenario.
50. Diríjase al menú Insertar, y escoja la opción de Interpolación Clásica. Una flecha desde el fotograma
1 al fotograma 10 con un fondo azulado indica que se ha creado una interpolación clásica.
51. En Rotación, elija CW y 2 veces.
52. Seleccione la casilla 40, reduzca el tamaño del texto todo lo que pueda utilizando el modificador
Escalar de la herramienta Transformación libre y desplácelo hasta la esquina superior derecha del
escenario.
53. Seleccione la casilla 30, diríjase al menú
Insertar, y escoja la opción de
Interpolación Clásica. Nuevamente una
flecha desde el fotograma 30 al
fotograma 40 indica la creación de una
interpolación.
54. Elija el comando Reproducir
indefinidamente del menú Control para
que la animación se reproduzca indefinidamente.
55. Pulse la tecla INTRO para reproducir la animación.
56. Pulse otra vez la tecla INTRO para detener la animación.
57. Guarde la animación.
Veamos otro ejemplo en el que moveremos, rotaremos y cambiaremos el tamaño de un texto. Siga
estos pasos:
58. Cree una nueva película de Flash.
60. Con la herramienta Texto, escriba "Flash CS5" en el centro del escenario.
61. Reduzca la altura del texto hasta que sea lo suficientemente pequeña. El texto debe permanecer en
el centro del escenario.
62. Inserte un fotograma clave en la casilla 20.
63. Con la herramienta Flecha, seleccione el texto.
64. Haga clic en el modificador Escalar de la herramienta Transformación libre y amplíe todo lo que
pueda el tamaño del texto. El texto debe permanecer en el centro del escenario.
65. Haga clic en la casilla 1.
66. Diríjase al menú Insertar, y escoja la opción de
Interpolación Clásica. Una flecha desde el
fotograma 1 al fotograma 20 con un fondo azulado
indica que se ha creado una interpolación clásica.
67. En Rotación, elija CW y 5 veces.
Curso de Flash -3-

68. Seleccione la casilla 35 e inserte un fotograma clave.

69. Reproduzca y guarde la película.
Ejercicio 6. Animación con cambio de Color. (Ver video Sesión 5-6)
También es posible aplicar en una animación efectos que suponen cambios de color, desde un color a
otro distinto. Siga estos pasos:
72. Con la herramienta Rectángulo dibuje un cuadrado en el escenario.
73. Seleccione el cuadrado y pulse la tecla F8 para convertirlo en un símbolo. En el cuadro de diálogo
Convertir en símbolo, introduzca un nombre para el símbolo y haga clic en Aceptar.
74. Con el modificador Escalar de la herramienta Transformación libre, reduzca el tamaño del cuadrado
todo lo que pueda y desplácelo hasta el centro del escenario.
75. Seleccione la casilla 10 y pulse la tecla F6 para insertar un fotograma clave.
76. Con el modificador Escalar de la herramienta Transformación libre, aumente el tamaño del cuadrado
y arrástrelo hasta la esquina superior derecha del escenario.
77. Modifique el color del cuadrado. Para ello:
 En el panel Propiedades, en Efecto de Color, seleccione el

estilo Tinta.
 Haga clic en el selector Color de tinta y elija un color. El
color debe ser distinto al color del cuadrado de la casilla 1
 Arrastre la barra deslizadora situado a la altura de Tinta
para establecer el porcentaje de tinta. Arrastre hasta fijar
el 100%.
79. Diríjase al menú Insertar, y escoja la opción de Interpolación
Clásica.
80. En Rotación, elija CW en 5 veces.
81. Reproduzca la animación.
Con los pasos anteriores hemos logrado que el cuadrado gire del centro a una esquina del escenario y
además que cambie el color. A continuación agregaremos tres cuadrados más que hagan lo mismo pero
a diferentes esquinas del escenario.
82. Inserte una nueva capa.
83. Seleccione la casilla 1 de la nueva capa.
84. Desde el panel Biblioteca, arrastre hasta el escenario el símbolo creado anteriormente para crear
una instancia de él. Si el panel Biblioteca no está visible, presione la tecla F11 para mostrarla.
85. Con el modificador Escalar de la herramienta Transformación libre, reduzca al cuadrado todo lo que
pueda y desplácelo hasta el centro del escenario.
86. Haga clic en la casilla 10 de la nueva capa y pulse la tecla F6 para insertar un fotograma clave.
87. Con el modificador Escalar de la herramienta Transformación libre, aumente el tamaño del cuadrado
y arrástrelo hasta la esquina superior izquierda del escenario.
88. Utilizando el panel Propiedades, asigne un color diferente y un porcentaje de tinta al cuadrado.
90. En el menú Insertar, escoja la opción de Interpolación Clásica.
91. En rotación elija CW, 5 veces.
92. Inserte dos capas nuevas más en la Línea de tiempo.
93. Para cada capa nueva, repita los pasos anteriores pero está vez
desplace el cuadrado hasta la esquina inferior izquierda o derecha
del escenario.
94. Haga clic en el botón Papel cebolla y amplíe el intervalo de los
marcadores. Observe los fotogramas interpolados que creó Flash
en las cuatro capas.
95. Reproduzca y guarde la animación.
Ejercicio 7. Movimiento, rotación y transparencia Alfa.
96. Realice una animación en Flash parecida al archivo Eje6.swf proporcionado por el docente.
97. Modifique la anterior animación de tal

forma que se visualice como el archivo
Eje6-2.swf proporcionado por el
docente.
Curso de Flash -4-

Ejercicio 8. (Ver video Sesión 5-7)
98. Realizar una película donde se

aprecia el cambio de tres de un
objeto a tres colores diferentes.
(Ver película Eje7.swf)
De azul a rojo De rojo a De amarillo a
amarillo azul
99. Modifique el anterior archivo para que se visualice como la película Eje7-2.swf proporcionado por el
docente.
Ejercicio 8. Rotar por todo el escenario.(V 5-8)
100. Realizar una película que rote un objeto por todo el escenario,
tal como se muestra en el archivo Eje8.swf
Agrupe varios Rectángulos, cada uno con efecto Alfa menor.
101. Realizar una película que rote un objeto por todo el escenario,
tal como se muestra en el archivo Eje8-2.swf
Ejercicio 9. Fusión de Imágenes (V 5-9)
102. Realizar una película que fusione dos imágenes, tal como se muestra en el archivo Eje9.swf
103. Realizar una película que fusione tres imágenes. (Utilizar imágenes de Internet)
104. Realizar una película que fusione cuatro imágenes. (Utilizar imágenes de Internet)
RESOLVER EN CASA
1. Menciones las tres posibles opciones que nos ofrece el menú Insertar en sus opciones.
2. Menciones las cuatro posibles opciones que nos ofrece el combo Rotación en el panel de
propiedades.
3. Afirme o Niegue. Para poder realizar una animación con cambio de color no es necesario convertir a
símbolo un objeto.
Curso de Flash -5-

Sesion 5

Cargado por

Copyright:

Formatos disponibles

Sesion 5

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Sesion 5

Cargado por

Copyright:

Formatos disponibles

INSTITUTO SUPERIOR TECNOLOGICO “HIPOLITO UNANUE”

“Pienso, luego existo” (Descartes)

1. Animación por interpolación de movimiento.

Ejercicio 1. Animación por interpolación con cambio de posición (V 5-1)

1. Aperture el archivo Delfín.fla proporcionado por el docente.

8. Haga clic en el botón Papel

9. Haga clic en el botón

11. Seleccione el fotograma 1.

Curso de Flash -1-

Ejercicio 2. Animación por interpolación con cambio de posición. (V 5-2)

Ejercicio 3. Animación con rotación. (V 5-3)

Siga estos pasos:

23. Diríjase al menú Insertar, y escoja la opción de Interpolación

24. Una flecha desde el fotograma 1 al fotograma 30 con un fondo

25. En Propiedades/Rotación, elija CW para que el objeto rote en el

26. Pulse la tecla INTRO para reproducir la animación. Observe

27. Guarde la animación.

Ejercicio 4. Animación con rotación y cambio de tamaño. (V 5-4)

Siga estos pasos:

28. Seleccione la casilla 30.

Curso de Flash -2-

35. Inserte un Fotograma clave en la casilla 60.

Ejercicio 5. Animación, rotación y cambio de tamaño con textos. (V 5-5)

Siga estos pasos:

Curso de Flash -3-

68. Seleccione la casilla 35 e inserte un fotograma clave.

Ejercicio 6. Animación con cambio de Color. (Ver video Sesión 5-6)

77. Modifique el color del cuadrado. Para ello:

 En el panel Propiedades, en Efecto de Color, seleccione el

97. Modifique la anterior animación de tal

Curso de Flash -4-

Ejercicio 8. (Ver video Sesión 5-7)

98. Realizar una película donde se

Ejercicio 8. Rotar por todo el escenario.(V 5-8)

Agrupe varios Rectángulos, cada uno con efecto Alfa menor.

Ejercicio 9. Fusión de Imágenes (V 5-9)

Curso de Flash -5-

También podría gustarte