CREANDO NUESTRAS ANIMACIONES

META DE APRENDIZAJE: Aplicar la técnica fotograma por fotograma para crear animaciones
utilizando la herramienta óvalo y herramienta rectángulo del programa Adobe Flash; sin margen
de error, demostrando orden y responsabilidad.

INFORMACIÓN BÁSICA

Herramienta Óvalo

Esta herramienta permite trazar óvalos, elipses y círculos.

Para dibujar un círculo se presiona la tecla Shift + arrastre de mouse.

Herramienta Rectángulo

Esta herramienta permite trazar rectángulos y cuadrados.

Para dibujar un cuadrado se presiona la tecla Shift + arrastre de mouse.

Ejercicios de Aplicación

➢ Crea la animación: Pelota en Movimiento

1. Crea un nuevo documento.

2. Las dimensiones del Escenario son:
Color de trazo
• Anchura: 400 px
• Altura: 250 px
3. Selecciona la Herramienta Óvalo o pulsa la tecla O.
4. Haz un clic en el botón Color de Trazo y selecciona el color Negro.
5. Haz un clic en el botón Color de Relleno y selecciona el color Amarillo.
6. Arrastra el cursor del mouse dentro del escenario y dibuja el óvalo.
7. Clic en la Herramienta Selección y selecciona todo el óvalo.
Color de relleno

8. Cambia las dimensiones: Alto y Ancho a 200 píxeles.

9. Selecciona el objeto círculo y muévelo a la izquierda de la escena.
10. Animación Fotograma x Fotograma:
Haz un clic sobre el fotograma 2. Herramienta Selección (V)

Material adaptado de A. V. R. M.
 11. Pulsa la tecla de función F6 (Fotograma Clave).
12. Con las teclas direccionales desplázalo a la derecha.
13. Haz un clic sobre el fotograma 3.
14. Repite los pasos 11 y 12 hasta llegar al fotograma 15.
15. Guárdalo en tu carpeta con el nombre: pelota.fla
16. Ejecuta la película pulsando las teclas: Ctrl + Enter

➢ Crea la animación: Cuadrado en Movimiento

1. Crea un nuevo documento.

2. Las dimensiones del Escenario son:
• Anchura: 400 px
• Altura: 250 px
3. Selecciona la Herramienta Rectángulo o pulsa la tecla R. Color de trazo
4. Haz un clic en el botón Color de Trazo y selecciona el color Negro.
5. Haz un clic en el botón Color de Relleno y selecciona el color Azul.
6. Arrastra el cursor del mouse dentro del escenario y dibuja el rectángulo.
7. Clic en la Herramienta Selección y selecciona todo el rectángulo.
8. Cambia las dimensiones: Alto y Ancho a 200 píxeles.
9. Selecciona el objeto cuadrado y muévelo a la izquierda de la escena.
Color de relleno
10. Animación Fotograma x Fotograma:
Herramienta Selección (V)
Haz un clic sobre el fotograma 2.
11. Pulsa la tecla de función F6 (Fotograma Clave).
12. Selecciona el rectángulo y con las teclas direccionales desplázalo a la derecha.
13. Haz un clic sobre el fotograma 3.
14. Repite los pasos 11 y 12 hasta llegar a colocar el objeto en el centro del escenario.
15. Haz un clic sobre la Herramienta Transformación libre o pulsar la tecla Q.

Herramienta Transformación libre (Q)

16. Selecciona todo el cuadrado dibujado y hazlo rotar a 45°

aproximadamente.
17. Haz un clic en el fotograma siguiente y repite los pasos
anteriores a partir del 11 y así sucesivamente.
18. Guárdalo en tu carpeta con el nombre: cuadrado.fla
19. Ejecuta la película pulsando las teclas: Ctrl + Enter ¡Si se puede!

Práctica de Clase

Crea una animación de un niño que salta en estas posiciones:

Material adaptado de A. V. R. M.
 CREANDO ANIMACIONES EN FLASH

META DE APRENDIZAJE: Aplicar la técnica fotograma por fotograma para crear animaciones
utilizando la herramienta línea y el panel mezclador de colores del programa Adobe Flash; sin
margen de error, demostrando orden y responsabilidad.

INFORMACIÓN BÁSICA

Herramienta Línea

Esta herramienta permite trazar líneas horizontales, verticales y diagonales.

Ejercicio de Aplicación

Crearemos la animación: Corazón que cambia de colores

1. Crea un nuevo documento de 400 x 400 de escena.

2. Centrar la escena, pulsando: Ctrl + Shift + W
3. Activa las cuadrículas con una configuración de 20 px color plomo.
4. Clic en la Herramienta Línea o pulsa la tecla N.
5. Dibuja en la escena el siguiente objeto, utilizando
Color de Trazo: Negro y Color de Relleno: Blanco.

6. Clic en la Herramienta Selección.

7. Superponga el puntero del mouse sobre una de las líneas de esta figura y aparecerá
esto: - Esto es para deformar a la línea recta en un arco.

8. Arrastra la línea hasta que se convierta en un arco. Repite los pasos para cada lado
hasta obtener un objeto que se parezca al corazón.

9. Haz clic en la Herramienta Subselección o pulsa la tecla A.

Material adaptado de A. V. R. M.
 10. Haz clic en los nodos del corazón y arrastra de los tiradores
para suavizar la curva.
11. Selecciona la Herramienta Cubo de Pintura o pulsa la tecla K.

12. Selecciona un Color de relleno: Rojo.

Desplaza la Herramienta Cubo de Pintura al centro del objeto
(corazón) y haz un clic.
13. Animación: Ir al fotograma 6 y pulsa la tecla F6 (fotograma
clave). Ahora se verá así la línea de tiempo.

14. Selecciona el fotograma 7.

15. Clic en la Herramienta Cubo de Pintura y selecciona el color Amarillo. Luego, pinta
el corazón.
16. Ir al fotograma 12 y pulsa la tecla F6.
17. Repite los pasos 14 y 15 en los siguientes cambios en los objetos de los fotogramas:

Fotograma Color del Objeto

18 Azul

24 Verde

30 Multicolor

18. Ir al fotograma 36 y pulsar la tecla F5 (Fotograma normal).

19. Guárdalo en tu carpeta con el nombre: corazón.fla ¡Si se puede!
20. Ejecuta la película pulsando las teclas: Ctrl + Enter

Práctica de Clase

Crear la animación siguiente: Una carita feliz y una carita triste que cambia de color

Material adaptado de A. V. R. M.
 ANIMACIÓN DE MOVIMIENTO

META DE APRENDIZAJE: Aplicar la técnica interpolación de movimiento en la creación de

animaciones con la herramienta polystar del programa Adobe Flash; sin margen de error,
demostrando orden y responsabilidad.

INFORMACIÓN BÁSICA

Herramienta Polystar

Esta herramienta permite dibujar polígonos y estrellas con diferentes números de lados.

Ejercicio de Aplicación

Realiza la animación siguiente: Estrella que cambia de tamaño (decrece).

1. Crea un nuevo documento de: 200 de anchura y 200 de altura.

2. Colócale un fondo negro.
3. Si la escena se ve pequeña, pulsa dos veces las siguientes
teclas: Ctrl + Shift + W
o ingresa al menú: Ver / Área de trabajo
(esto encajará la escena en la pantalla)
4. Haz un clic en la esquina inferior de la Herramienta Rectángulo.
5. Selecciona la Herramienta PolyStar.
Se activará el panel de Propiedades de la Herramienta PolyStar.
6. Haz un clic en el botón Opciones…
Aparecerá esta ventana:

Material adaptado de A. V. R. M.
7. Cambia los datos de esta ventana a:
Estilo: Estrella
Número de lados: 6
8. Selecciona los siguientes colores para la estrella de 6 puntas.
Color de trazo: Blanco Color de relleno: Verde en degradé
9. Dibuja la estrella en la escena.
10. Selecciona toda la estrella con la Herramienta Selección.
11. En el panel de Propiedades aparecen los campos para
modificar las dimensiones. Cambia a:
Ancho: 100 px / Alto: 100 px

ALINEAR LOS OBJETOS

12. Centraremos la estrella en el escenario y para ello pulsa las

teclas: Ctrl + K o ingresa al menú: Ventana / Alinear
13. Clic en la casilla: Alinear en escenario
14. Selecciona: Alinear horizontalmente y Alinear verticalmente
respecto al centro.

CREANDO NUESTRA ANIMACIÓN DE MOVIMIENTO

15. Seleccionar el fotograma 12.

16. Pulsa la tecla F5.
17. Haz un clic derecho sobre el fotograma 12.
18. Selecciona la opción: Crear interpolación de
movimiento.
19. Selecciona la Herramienta Transformación Libre.
20. Luego reduce el tamaño de la estrella desde los nodos:
21. Observarás que en la línea de tiempo se cambia de esta forma:

¡Si se puede!
22. Ejecuta la película, pulsando las teclas: Ctrl + Enter.
23. Guarda el archivo con el nombre: estrella.fla en tu carpeta personal.

Práctica de Clase

Realiza la animación siguiente: Carita feliz que aumenta de tamaño.

Material adaptado de A. V. R. M.
 AGREGANDO SONIDO A LA ANIMACIÓN

META DE APRENDIZAJE: Aplicar sonido a nuestra animación en el programa Adobe Flash,

demostrando orden y responsabilidad.

Insertar sonido a la animación anterior:

1. Crea una nueva capa (capa 2)

2. Seleccionamos Archivo.

➔ Importar

→ Importar a Biblioteca.

3. Seleccionamos el archivo (sonido)

4. Luego, se va añadir el archivo a biblioteca

5. En propiedades, SONIDO:

Seleccionamos Nombre:

6. Ejecuta la película, pulsando las teclas:

Ctrl + Enter.
7. Guarda el archivo con el nombre:
Sonido.fla en tu carpeta personal.

Práctica de Clase

Realiza una animación que tenga sonido, utiliza los archivos anteriores

Material adaptado de A. V. R. M.