FERSYSTEM Animación de Gráficos

Creaciones animaciones FLASH con GIF ANIMADOS

Abrimos FLASH CON ACTIONSCRIPT 2.0

Importamos nuestro gráficos a la biblioteca

Seleccionamos gráficos que necesitamos y click en botón abrir

Buscamos en la venta propiedades pollo volador

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
1
FERSYSTEM Animación de Gráficos

Arrastramos al fondo de trabajo

Nos ubicamos en el fotograma 25, click derecho opción insertar fotograma

Nos volvemos a ubicar en el fotograma 25, seleccionamos la opción crear interpolación de

movimiento

Movemos el grafico del pollo al lado opuesto(derecha)

Nos ubicamos en el fotograma 26, click derecho opción insertar fotograma clave vacio, solo
debe mostrar un circulo en blanco en el fotograma

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
2
FERSYSTEM Animación de Gráficos

Nos ubicamos en el fotograma 25,click derecho fuera del fondo de trabajo seleccionamos la
opción reglas

Seleccionamos el borde de las reglas y arrastramos para poner como guias en el fondo

Nos ubicamos en el fotograma 26, para poder poner un nuevo grafico

Arrastramos el nuevo grafico el pollo volando de en forma inversa

Nos ubicamos en fotograma 50, click derecho insertar fotograma

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
3
FERSYSTEM Animación de Gráficos

Acontinuacion de muestra la lineas punteadas de interpolacion de movimiento, esto nos

indica que podemos mover nuestra imagen, no lo movemos a la izquierda

Terminado de mover la imagen nos mostrara el movimiento que realizo

Listo la imagen tiene movimiento ahora agregamos un fondo, nos ubicamos en el menú
archivo importar a biblioteca.

Buscamos un fondo que se adecue a la animación

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
4
FERSYSTEM Animación de Gráficos

Ahora nos ubicamos en la ventana de biblioteca, buscamos el fondo para verificar su estado.

Agregamos una nueva capa, haciendo clip sobre los cuadritos

La nueva capa le cambiamos el nombre por fondo1 y lo ubicamos por debajo de la capa1

Agregamos el fondo a la capa llamada fondo1

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
5
FERSYSTEM Animación de Gráficos

Lo ampliamos o reducimos seleccionando la herramienta de ajuste hasta ajustarlo al tamaño

de fondo de trabajo.

Cuando que este ajustado correctamente, importamos una nueva imagen que sea
transparente con formato png.

Agregamos una nueva capa donde se ubicara la nueva imagen (la mira)

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
6
FERSYSTEM Animación de Gráficos

Nos ubicamos en la nueva capa y lo cambiamos el nombre por mira, arrastramos la imagen ala
fondo

Seleccionamos la imagen y nos ubicamos en el menú modificar opción convertir en símbolo.

Le damos el nombre disp

Nos ubicamos en el menú ventana y buscamos la opción acciones o presionamos la tecla f9

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
7
FERSYSTEM Animación de Gráficos

Nos ubicamos en el fotograma numero uno, seleccionamos la capa mira,nos ubicamos en

punto(el fotograma)

Dentro del fotograma escribimos:

startDrag ("_root.disp",true);

Ahora lo ejecutamos con las teclas CTRL+ENTER

Email:fersystem_soft@hotmail.com
web:www.webcindario.fersystem.com
8