Animación en Flash by Gabriela Segovia

Para realizar este trabajo utilizaremos tres programas: Corel Draw, Photo
Shop y Flash

PARA EL GRAFICO DE LA ANIMACION

• Realizaremos el gráfico para la animación en Corel Draw, este grafico

no debe tener líneas y si relleno, el color del relleno debe ser
distintos para que en el Flash lo identifique individualmente y no en
conjunto.

• Nota: establecer la altura y el ancho del grafico

PARA LA ANIMACION EN FLASH

1
 • En este caso animaremos el CIRCULO con ROTACION de imágenes
intercaladas en un determinado tiempo.

PARA LAS IMÁGENES O FOTOS QUE APARECERAN EN LA TRANSICION

• Realizaremos la optimización de las imágenes en el Photo Shop, estas

tendrán las medidas de cada sector del circulo. Sera un total de 12
imágenes divididas en 4 partes, o sea 3 imágenes por cada sector de
animación.

PROCESO DE ANIMACIÓN

EN COREL

• Realizar el grafico, darle los colores que correspondan y estos no

deben tener lineas

• SELECCIONAR todo el gráfico con el cursor, cliclear en COPIAR,

EN FLASH

1. Abrimos el Flash, vamos a NUEVO DOCUMENTO - GENERAL -

DOCUMENTO EN FLASH

2. Vamos a PROPIEDADES, de allí a TAMAÑO luego a DIMENSIONES

establecemos ancho y alto de la pagina en este caso 500px por
400px.

3. PARA LA BASE DE LA ANIMACION

4. Hacemos clic en CAPA 1, vamos a la hoja en blanco, clicleamos en

PEGAR y se pegará el

5. grafico hecho en Corel Draw.

2
 6. Al lado del nombre de capa se encuentran los fotogramas, al pegar el
grafico queda en el fotograma 1.

7. Ir al fotograma 165, presionar F6 para crear FOTOGRAMA CLAVE o

bien clic derecho y clic en INSERTAR FOTOGRAMA CLAVE.

8. Esto permitirá que el grafico permanecerá en ese lapso de

fotogramas

9. Seleccionar desde el fotograma 165 hasta el fotograma1 presionando

SHIFT, hacer click derecho y seleccionar CREAR INTERPOLACION DE
MOVIMIENTO,

10.Ahora comienza el proceso de seleccionar las distintas partes para

realizar la animación.

PARA LA ANIMACION DE UNA PARTE DEL GRAFICO

Primero, trabajaremos con el circulo, tomaremos el grafico de la parte

superior izquierda (el verde oscuro) cliclemos en COPIAR

Creamos una NUEVA CAPA, cambiamos el nombre a IZQ SUPERIOR Ir a

EDICION, y seleccionamos PEGAR EN SITU, este se pegara en la nueva capa
en el FOTOGRAMA 1 pero en el mismo lugar lo cual esta bien para no este
desalineada la animación.

IR a FOTOGRAMA 30, presionar F6, clic derecho CREAR INTERPOLACION DE

MOVIMIENTO.

3
Ahora animaremos esta parte de grafico, tendrá una transición de 3 fotos.

Tomar las medidas del grafico en este caso 150px por 178px.

IR a INSERTAR, NUEVO SIMBOLO, aparece la venta de CREAR NUEVO

SIMBOLO, allí le daras un nombre que no sea el mismo que el de la capa por
ejemplo SUPERIOR IZQUIERDA. Activas TIPO, CLIP DE PELICULA, ACEPTAR.

4
Aquí te aparecerá una nueva ventana, para mayor prolijidad, en la CAPA 1,
crea un RECTANGULO con las medidas del grafico SUP IZQ, o sea 150px por
178px con línea sin relleno.

Con la HERRAMIENTA SELECCIÓN, selecciona todo el rectángulo y establece

las medidas

Alinearemos el grafico para trabajar desde el centro de la pagina.

IR a VENTANA, ALINEAR y aparecerá como ventana desplegable en la parte

derecha de la pantalla.

Hacer clic en: ALINEAR EN ESCENA, ALINEAR HORIZONTALMENTE RESPECTO

A LA PAGINA, ALINEAR VERTICALMENTE RESPECTO A LA PAGINA.

1. CREAR CAPA NUEVA, seria la CAPA 2. Vamos a ARCHIVO, IMPORTAR,

IMAGEN A ESCENARIO. Se abrirá una ventana en la cual tendras que
buscar la imagen que tendrá la animación. ACEPTAS y aparecerá una
nueva ventana en la cual te pregunta si deseas importar todas las
imágenes a la escenas, cliclea en NO.

2. La imagen se encuentra en el fotograma 1, ahora posicionarse en el

fotograma 10 presionar F6 y se INSERTARA UN FOTOGRAMA CLAVE.
Seleccionar desde el fotograma 10 haciendo un clic y manteniendo
presionado la tecla SHIF cliclea el fotograma 1, has clic derecho y
CREA INTERPOLACION DE MOVIMIENTO. Esto permitirá que puedas
realizar en ese lapso la animación y/o efectos a la imagen, en este
caso aplicaremos un efecto a la imagen.

3. Aplicaremos a la imagen un efecto ALFA, hara que la imagen se

desvanezca. Posicionarse en el fotograma clave 1, seleccionar
HERRAMIENTA DE SELECCIÓN, cliclear en la imagen. En la parte
inferior de la pantalla aparecerá la VENTANA DE PROPIEDADES DE LA

5
 IMAGEN, ir a COLOR, desplegar el menú y hacer clic en ALFA, al lado
presenta los porcentajes desde 0 a 100; le asignaremos un valor de
0%.

4. Para visualizar el efecto, presiona la tecla CONTROL y ENTER, se

visualizara la animación. En el fotograma clave 10 la imagen vuelve a
su estado normal. Mantendremos ese valor hasta el fotograma 25.

5. Posicionarse en el fotograma 25 y presionar la tecla F6,

automáticamente se crea la interpolación de movimiento ya que
anteriormente le asignamos esa propiedad.

6. Ahora daremos otro efecto a la imagen para que se desvaneza y

pueda aparecer la otra imagen.

6
7. Posicionarse en el fotograma 35, presionar la tecla F6, en ese
fotograma, seleccionamos la imagen con la HERRAMIENTA DE
SELECCIÓN, vamos a PROPIEDADES, COLOR, ALFA, y asignamos un
porcentaje del 0%.

8. Crearemos una NUEVA CAPA, que será la CAPA 3, en esta

insertaremos el grafico de IZQ SUPERIOR que es una parte del
circulo

9. Si la copiaste anteriormente vas a EDICION, PEGAR, o clic derecho

PEGAR y darle la misma alineación de la imagen y del rectángulo.

10.Si no lo has copiado anteriormente puedes ir a la flecha azul que esta

al lado de LINEA DE TIEMPO, esta te regresará al grafico original y
podras copiar la parte del grafico que necesitas.

7
11.Para volver al clip de película que estamos creando, ve a EDITAR
SIMBOLOS se desplegara una lista y buscaras el nombre del clip de
película

12.Pega la imagen en una esa nueva capa (nº3) y dale la alineación

correspondiente. Aplicar un fotograma clave a esta imagen en el
fotograma 105 y aplica F6. Porque recuerda que son 3 imágenes las
que se reproducirán en ese grafico y para cada animación de la
imagen toma 35 fotogramas

13.Para que la imagen tenga la forma de ese gráfico, posionarse en la

capa que contiene al grafico, ir a donde esta el nombre “capa 2“,
hacer clic derecho y cliclea mascara

14.La imagen tomara la forma del grafico

8
15.Estos procedimientos tendras que aplicarlo a las otras dos imágenes
restantes

16.Para las otras dos imágenes puedes empezar desde el fotograma 1 y

llegar hasta el 35, luego selecciona toda la capa, que contiene la

9
 imagen ya con sus efectos (Recuerda posicionarse en el fotograma 1
mantener presionado shift y clic en el fotograma 35). Ahora posiciona
el cursor en la parte inferior del fotograma 1 y aparecerá un cuadrado
en línea, este te permitirá mover todo los fotogramas y posicionarlo
en el fotograma 34.

17.En el fotograma 34 es recomendable ya que cuando la primera

imagen se desvanezca aparecerá simultáneamente la otra nueva
imagen.

18.Para lo cual cada nueva imagen tendras que crear una nueva capa y
pegar el grafico y crear MASCARA asi la imagen quedara recortada y
adaptada a la forma del grafico.

19.Para la animación de las otras partes del grafico, se utilizo el mismo

procedimiento, con la diferencia que en el efecto de color ALFA se lo
cambio por el efecto de Color BRILLO con los mismos valores de
porcentaje.

20.Para la animación del sol COPIAMOS las cuatro parte del circulo.

21. IR a INSERTAR, NUEVO SIMBOLO, aparece la venta de CREAR NUEVO

SIMBOLO, allí le daras un nombre que no sea el mismo que el de la
capa por ejemplo SOL. Activas TIPO, CLIP DE PELICULA, ACEPTAR.

22.En el fotograma 1 reducimos el tamaño, le aplicamos alineación en

escena y centrada con respecto a la pagina

23.En el fotograma 10 insertamos fotograma clave, creamos

interpolación de movimiento y en ese fotograma devolvemos el
tamaño real del circulo.

24.Aplicamos un efecto alfa que es se realizara en el fotograma 15.

UNA VES CREADA YA LAS CUATRO ANIMACIONES DEL LOGO MAS LAS
ANIMACIONES DE LAS OTRAS PARTES DEL GRAFICO MONTAREMOS LAS
ANIMACIONES PARA REALIZAR LA ANIMACION GENERAL

1. Vamos al archivo en donde se encuentra nuestro grafico. Tenemos la

base de nuestro grafico.

2. Ahora iremos a VENTANA, BIBLIOTECA, y aparecerá una ventana

desplegable con todo el nombre de las animaciones que realizamos
en los clip de películas.

3. Seleccionaremos cada animación y la posicionaremos de acuerdo al

lugar que corresponda.

10
4.

5. Cada animación deberá estar en una capa nueva ya que después se

deberá coordinar los tiempos para la animación.

6. Ten en cuenta que cada animación realizada en el clip de película

tiene una cantidad de fotogramas utilizados

7. Se recomienda que empieces insertando de a una las animaciones de

acuerdo al orden que aparezcan.

8. Posicionarse en el fotograma 1, dar fotograma clave de acuerdo a la

cantidad de fotogramas de la animación o mas queda a tu criterio y
crear interpolación de movimiento. Una ves realizado selecciona todo
la parte de fotogramas que utilizaste y como se hizo anteriormente,
arrastrarlo hasta fotograma en el que se reproducirá.

9. Para visualizar la animación y asi ver en donde se debe ajustar la

cantidad de fotogramas utilizados, presiona la tecla control y enter.

11
12