Incorporar Múltiples Animadas A Una Película Flash
Cuando se realiza una animación en la cual se involucre por lo menos dos animaciones, es recomendable que estas animaciones se trabajen en capas separadas, con el fin de que si es necesario editar elementos esta sea más fácil de hacer.
- A continuación aprenderás hacer una animación de una carita feliz, con movimiento de los dos ojos por separado, esto es, que cada ojo este en una capa con una Interpolación de movimiento en cada una de ellas. aquí pondrás en práctica todos los conocimientos adquiridos tales como: dibujar formas vectoriales, usar coordenadas, insertar fotogramas, modificar formas vectoriales, hacer animaciones de interpolación de movimiento. Crear el documento en que estará la animación.
- Este documento tiene de Propiedades ctrl. + J, dimanaciones 200 * 200 píxeles, color de fondo #FFFFFF y velocidad de fotogramas 12 fps.
- La animación estará realizada en su totalidad en la Escena. En la Capa 1 seleccionar el fotograma número 1 y en el dibujar un círculo (herramienta Óvalo “letra O en el teclado”), las Propiedades del círculo son: Dimensiones 150.0 * 150.0 píxeles de ancho y alto, Coordenadas X: 25.0 y Y: 25.0, Color de Trazo (borde) #000000, Altura de Trazo (borde) 2, Estilo de Trazo Sólido y Color de Relleno #FFFF00.
- Una vez dibujado el círculo, seleccionar el frame número 20 e insertar un fotograma F5. Insertar una segunda Capa, automáticamente se insertaran un total de 20 fotogramas, en el fotograma número 1 de esta nueva capa dibujar una Línea recta (herramienta Línea “letra N en el teclado”), las propiedades de la línea son: Dimensiones 100.0 * 0.0 píxeles de ancho y alto, Coordenadas X: 50.0 y Y: 135.0, Color de Trazo (borde) #000000, Altura de Trazo (borde) 2 y Estilo de Trazo Sólido.
- La línea dibujada representara la boca de la carita feliz. Tomar la herramienta de selección, luego colocar el cursor en el centro la línea y arrastrarla un poco hacia abajo.
- Insertar una tercera Capa en ella dibujar dos círculos (herramienta Óvalo “letra O en el teclado”), las Propiedades del círculo son: Dimensiones 30.0 * 30.0 píxeles de ancho y alto, uno de los círculos colocarlo en Coordenadas X: 50.0 y Y: 70.0.
- No colocar Color de Trazo al círculo y usar como Color de Relleno #000000.
- Para hacer el segundo círculo basta con seleccionar el que se dibujo y Copiarlo (ctrl. + C) y después Pegarlo (ctrl. +V).
- Una vez que se halla pegado colocar este segundo círculo en Coordenadas X: 120.0 y Y: 70.0.
- Ahora hacer las animaciones que corresponden al movimiento de los ojos. Primero hacer la animación que corresponde al ojo izquierdo.
- Insertar una Capa 4, dibujar en el fotograma número 1 un círculo (herramienta Óvalo “letra O en el teclado”).
- Las Propiedades del círculo son: Dimensiones 10.0 * 10.0 píxeles de ancho y alto, Coordenadas X: 50.0 y Y: 80.0.
- No colocar Color de Trazo al círculo y usar como Color de Relleno #FFFFFF.
- Seleccionar el fotograma número 20 y convertirlo en fotograma clave con solo presionar F6. Hacer clic sobre el círculo del fotograma número 20 y colocarlo en Coordenadas X: 70.0 y Y: 80.0.
- Seleccionar un fotograma entre el número 1 y el número 19 de la Capa 4, hacer clic con el botón derecho del ratón, y en el menú emergente seleccionar la opción Crear interpolación de movimiento. De esta forma el círculo en color blanco se moverá de izquierda a derecha.
- Ahora hacer la animación que corresponde al ojo derecho. Insertar una quinta Capa, en el fotograma número 1 dibujar un círculo (herramienta Óvalo “letra O en el teclado”), las propiedades del círculo son:
- Dimensiones 10.0 * 10.0 píxeles de ancho y alto, Coordenadas X: 120.0 y Y: 80.0.
- No colocar Color de Trazo al círculo y usar como Color de Relleno #FFFFFF.
- Seleccionar el fotograma número 20 y convertirlo en fotograma clave con solo presionar F6. Hacer clic sobre el círculo del fotograma número 20 y colocarlo en Coordenadas X: 140.0 y Y: 80.0.
- Seleccionar un fotograma entre el número 1 y el número 19 de la Capa 5, hacer clic con el botón derecho del ratón, y en el menú emergente seleccionar la opción Crear interpolación de movimiento. De esta forma el círculo en color blanco se moverá de izquierda a derecha.
- Presionar ctrl. + Enter y podrás observar la animación en todo su esplendor
- Como te puedes dar cuanta la animación de los ojos tiene un salto que no la hace ver profesional, sin embargo, este problema se soluciona:
- Primero seleccionar el frame 40 de las Capas 1, 2, y 3, luego insertar un fotograma F5.
- Después en las Capas 4 y 5 insertar un fotograma clave F6 en el frame 40.
- Seleccionar el círculo de la Capa 4 el fotograma número 40 y cambiarlo a Coordenadas X: 50.0 y Y: 80.0.
- Ahora seleccionar el círculo de la capa ojo derecho del fotograma número 40 y cambiarlo a Coordenadas X: 120.0 y Y: 80.0.
- Para finalizar con las animaciones de los ojos, seleccionar un fotograma entre el número 20 y el fotograma número 39 de las Capas 4 y 5, hacer clic con el botón derecho del ratón, y en el menú emergente seleccionar la opción Crear interpolación de movimiento. Presionar ctrl. + Enter y podrás observar que existe una diferencia entre las dos animaciones.
Hasta este momento has adquirido los conocimientos para trabajar con distintas herramientas. También has trabajado con un buen número de animaciones (interpolación de movimiento), ya es tiempo de intentar hacer una animación pero esta vez incorporando los paneles que fueron descritos en los primeros capítulos (capítulos 1 – 2 – 3).
Curso Básico De Flash 8 Parte 1
Curso Básico De Flash 8 Parte 2
Curso Básico De Flash 8 Parte 3
Curso Básico De Flash 8 Parte 4
Curso Básico De Flash 8 Parte 5
Curso Básico De Flash 8 Parte 6
Curso Básico De Flash 8 Parte 7
Curso Básico De Flash 8 Parte 8
Curso Básico De Flash 8 Parte 9
Curso Básico De Flash 8 Parte 10
Curso Básico De Flash 8 Parte 11
Curso Básico De Flash 8 Parte 12
Curso Básico De Flash 8 Parte 13
Curso Básico De Flash 8 Parte 15
Curso Básico De Flash 8 Parte 16
Curso Básico De Flash 8 Parte 17
Curso Básico De Flash 8 Parte 18
Curso Básico De Flash 8 Parte 19
Curso Básico De Flash 8 Parte 20
Curo Básico De Flash 8 Parte 21
Curo Básico De Flash 8 Parte 22
Artículos relacionados:
me pueden enviar toda la informacion del curso de dlash 8 a mi correo