•Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic...

20
•Movie Clip 1. El símbolo Movie Clip nos permite tener animaciones cíclicas. Este símbolo tiene su propia línea de tiempo. Empezamos por generar un nuevo Símbolo, este va a ser un Movie Clip. En el menú de Insert se encuentra la opción New Symbol. 2. Este símbolo lo vamos a denominar mariposa. Es muy conveniente ponerle nombre a los símbolos, para poder ubicarlos con posterioridad.

Transcript of •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic...

Page 1: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

•Movie Clip

1. El símbolo Movie Clip nos permite tener animaciones cíclicas. Este símbolo tiene su propia línea de tiempo. Empezamos por generar un nuevo Símbolo, este va a ser un Movie Clip. En el menú de Insert se encuentra la opción New Symbol.

2. Este símbolo lo vamos a denominar mariposa. Es muy conveniente ponerle nombre a los símbolos, para poder ubicarlos con posterioridad.

Page 2: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

3. En el escenario vamos a dibujar una elipse con relleno negro y sin delineado.

Page 3: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

4. En la misma capa, vamos a dibujar un círculo arriba de la elipse. Para hacerlo, presionamos la tecla de Shift (mayúsculas), y la tecla de alt para hacerlo circular y concéntrico al ratón.

Page 4: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

5. El siguiente paso es dibujar con la herramienta del Lápiz las antenas de la mariposa. Seleccionamos en la ventana de Options el modo Smooth para suavizar el trazado.

Page 5: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

6. Agregamos una capa nueva. En el menú de Insert, seleccionamos Timeline, y de ahi Layer. En esta capa dibujaremos las alas. Esto es para poder trabajar sin afectar el dibujo del cuerpo de la mariposa. Con la herramienta Pen, empezamos a dar clics para formar el ala. Para poder formar curvas con esta herramienta, presionamos el ratón y dirigimos la curva generada a donde queramos definirla.

Page 6: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta
Page 7: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta de la pluma y un círculo abajo, indicando asi que la pieza se encuentra cerrada. El color y el delineado se define por los tonos que estén en la paleta de color.

8. Seleccionamos el ala y vamos al menú Edit, de ahi seleccionamos la operación Copy. Para no tener que dibujar el ala derecha, solo copiaremos esta ala y le daremos Paste in Center para colocarla en el centro del escenario.

Page 8: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta
Page 9: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

9. Es importante no dar clic fuera de la selección del ala, ya que si lo hacemos, la forma se unirá a la pieza dibujada antes. Flash une piezas dibujadas con el mismo relleno y sustrae formas con colores distintos.

10. Ahora necesitamos el ala, pero volteada. Para hacer esto, nos vamos al menú de Modify y seleccionamos Transform. Ahi se encuentra la opción Flip Horizontal, o voltear horizontalmente. Después de hacer esta operación, seleccionamos el ala y la colocamos en el centro del escenario.

Page 10: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta
Page 11: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

11. Reacomodamos las capas para que el cuerpo de la mariposa se encuentre adelante y las alas detrás. Seleccionamos la capa de las alas y la arrastramos a la capa de abajo. Para poder dar el efecto de aleteo en la mariposa, convertiremos las alas a símbolo. Esta vez va a ser símbolo Gráfico.

Page 12: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta
Page 13: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

12. El siguiente paso es insertar Keyframes en las dos capas, aquí vamos a transformar las alas para dar la sensación de aleteo de las mismas. Esto va a ser en el cuadro 6 de la línea de tiempo, para que tarde medio segundo en animarse. En la capa de las alas, la transformamos.

Page 14: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

13. La transformación va a ser para comprimir el símbolo de los lados, con esto vamos a dar la sensación de que las alas se “abren”. Nos regresamos al primer cuadro de la capa de las alas y ahi colocamos un Motion Tween. Flash completará los cuadros desde el primer Keyframe, hasta el último.

Page 15: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

14. Para hacer el movimiento cíclico, copiamos el primer Keyframe de la capa de las alas. Con el botón derecho del ratón, le damos la opción Copy Frames, con esto, nos permitirá copiar todo lo que se encuentre en ese cuadro y como necesitamos que ese objeto esté en el mismo sitio pero adelante en el tiempo, le damos copiar cuadros. En el cuadro 12 de la capa de las alas, volvemos a dar clic con el botón derecho y le decimos Paste Frames.

Page 16: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

15. Para conservar en la línea de tiempo el cuerpo de la mariposa, nos vamos al caudro 12 de la capa del cuerpo y le damos con el botón derecho Insert Keyframes. Así tendremos la mariposa completa en las dos capas.

Page 17: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

16. Otra forma de aplicar el Motion Tween se encuentra en la ventana de Properties. En esta tenemos la opción Tween, aquí seleccionamos la opción Motion. Es exactamente igual que dar clic en el cuadro con el botón derecho del ratón.

17. Entonces aparecerá la flecha que indica que el Motion Tween está aplicado correctamente. Ya tenemos el movimiento cíclico de las alas: en el primer caudro están extendidas, en el cuadro 6 están cerradas y en el útlimo cuadro volverá a su estado inicial.

Page 18: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

18. Ya está listo nuestro Movie Clip. Regresamos a la Escena 1, le damos clic al ícono de la claqueta que está arriba de los layers, donde dice Scene 1. El Movie Clip tenemos que probarlo en el escenario.

Page 19: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

19. Cuando regresemos podemos ver que no hay nada en el escenario, esto es porque insertamos un Símbolo nuevo y entramos directo a la zona de creación de Símbolos. Tenemos que arrastrar de nuestra Library (Biblioteca) en Movie Clip al escenario. Para poder ver el moviemiento, tenemos que seleccionar el menú de Control>Test Scene.

Page 20: •Movie Clip - Universidad Iberoamericana7. Para terminar de definir la forma del ala, damos clic en donde empezamos a trazarla. Al hacer esto aparacerá un ícono con la herramienta

20. En esta opción, Flash abrirá una nueva ventana en donde podemos ver en tiempo real el movimiento de las alas. Una vez que haya quedado, ¡a volver a hacer otro! La práctica hace al maestro.