Lic. Victor Valenzuela Taller de Animacipon Flash 2012 I. ANIMACIÓN DE MOVIMIENTO. 1. Abrir el programa y crear un nuevo documento en blanco
2. Guardamos el documento como: Primera animación
3. Utilizando la herramienta de óvalo dibujaremos y escogiendo un color en relleno un círculo en la parte baja y centro de nuestra área de trabajo. Quitar el color a contorno
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
4. Convertir a símbolo dando clic derecho sobre la figura y Convert to symbol; este paso es clave para realizar cualquier animación de movimiento.
5. Definimos nombre y tipo de símbolo OK
Podremos apreciar un recuadro azul y un punto blanco que se dibuja en nuestra figura. 6. En nuestra línea del tiempo dar clic en el fotograma 10
7. Presionamos F6 para crear un fotograma clave: Ahora tenemos dos puntos. Lo cual significa que existen dos estancias en mi película y el espacio entre estos se torno en gris.
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
8. Mover el círculo hacia la parte superior de nuestra área de trabajo.
Lo podemos hacer con las flechas del teclado o directamente presionado y arrastrando con el mouse.
9. Al dar clic en el fotograma 1 podemos observar que el círculo sigue abajo y el 10 está arriba.
10. Dar clic en el fotograma uno y en el panel propiedades modificar tween None por tween motion
Lic. Victor Valenzuela Taller de Animacipon Flash 2012 11. Podemos observar que cambio nuestra línea del tiempo en el espacio gris ahora hay una flecha. Esto nos indica que hay una animación de movimiento bien elaborada.
12. Para ver el resultado de este proceso presionamos Ctrl+Enter para reproducir nuestra animación, o F12 para ver como archivo HTML.
Se despliega una nueva ventana y se aprecia el movimiento de nuestra figura. Existe desplazamiento entre un punto y otro.
13. Guardamos nuestro archivo.
14. En nuestra carpeta encontraremos los archivos a. .FLA que corresponde al archivo editable b. .SWF que corresponde a la película
“si presionamos F12 tendremos 3 archivos” 15. Crear un nuevo movimiento 16. Dar clic en el fotograma 20
17. Agregar un fotograma clave presionando F6
Lic. Victor Valenzuela Taller de Animacipon Flash 2012 18. Regresar la figura a la posición inicial.
19. Dar clic en el fotograma 10 y modificar la propiedad de Tween None por Tween Motion.
20. Ver la animación presionando CTRL+ENTER 21. Guardar archivo
II. 1. Crear un documento nuevo de flash 2. Guardarlo como “Forma”
ANIMACIÓN DE FORMA
3. Elegir la herramienta rectángulo, verificar que este desactivado el color de contorno y elegir un color de relleno
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
En la animaciĂłn de forma no es necesario convertir en sĂmbolo.
4. Insertar un fotograma clave con F6 en el 10 5. Borrar el cuadrado y dibujar un cĂrculo en la esquina contraria de un color diferente.
6. Dar clic en el fotograma 1 y en el panel de propiedades cambiar Tween None por Tween Shape.
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
Como podemos observar se creó una flecha al igual que en animación de movimiento, la diferencia es el color verde que indica que tipo de animación es. 7. Presionamos CTRL + ENTER para ver el resultado. 8. Agregar un nuevo cambio, insertar fotograma clave F6 en el 30 (para que se aprecie un poco más lento el cambio)
9. Borramos el circulo y en la parte de abajo del área de trabajo escribimos un texto. En esta ocasión utilice un texto azul, tamaño 90.
10. Este paso es clave en Animación de Forma, dar clic derecho sobre el texto y elegir Break Apart (separar)
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
11. Repetimos, Clic derecho Break Apart. 12. Vamos al fotograma 10 y modificamos en propiedades Tween None por Tween Shape.
13. Presionamos CTRL + ENTER para ver el resultado. 14. Agregar un Ăşltimo movimiento, insertamos fotograma clave en el 60 (para ver aun mĂĄs lento el cambio)
15. Borramos el todo el texto cuidar que no queden residuos y copiamos con CTRL + C el cuadro del primer fotograma y lo pegamos con CTRL + SHIFT + V en el fotograma 60.
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
16. Dar clic en el fotograma 30 y modificamos las propiedades de Tween None por Tween Shape.
17. Ver el resultado presionando CTRL + ENTER 18. Guardar el documento.
1. 2. 3. 4. 5.
III. ANIMACIÓN Y GUIA DE MOVIMIENTO Crear un archivo nuevo. Guardar como guía de movimiento. Insertar la imagen de un carro. Convertir en símbolo clip de película Crear fotograma clave F6 en el 60.
Lic. Victor Valenzuela Taller de Animacipon Flash 2012 6. Ir al fotograma uno y cambiar la propiedad tween none por tween motion 7. Cambiar de nombre a esa capa por Carro 8. Agregar capa Guía de movimiento presionando en
9. Bloquear la capa carro.
10. Dar clic en el fotograma 1 de la capa Guide. 11. Dibujar con la herramienta pluma
lo siguiente:
“cuidar que la silueta no se despegue en ningún momento” 12. Bloqueamos la capa guía y desbloqueamos capa carro.
13. En el fotograma 1 colocar nuestro símbolo en el inicio de la silueta “buscando que el punto de registro que lleva en medio quede sobre la línea.
Lic. Victor Valenzuela Taller de Animacipon Flash 2012
14. En el fotograma 60 colocarlo al final.
15. Presionamos CTRL + ENTER para ver el resultado de nuestra animaciรณn
Lic. Victor Valenzuela Taller de Animacipon Flash 2012