Practica Flash y aplicar efectos de animación

NOMBRE DE LA PRÁCTICA:

Flash

Práctica No.2

Nombre del alumno (s):

Objetivo: Crear objetos con las herramientas de Flash y aplicar efectos de animación.

Temas:

• Crear Fotogramas clave

• Utilizar herramientas de dibujo (Óvalos, lápiz, Transformación libre )

• Crear capas y capas guía (Dibujar trayectorias de movimiento)

• Crear interpolación de movimiento

• Crear botones.

Inicia sesión en Macromedia Flash.

Ejercicio 1 (Capa guía).

1. Cree un documento nuevo en Flash, crea un texto que diga: Curvas, tamaño: 20 y Color:

rojo. (este texto se moverá).

2. Cambia el nombre de la capa a: Letrero.

3. Inserta una Capa guía con el icono ó en menú

Insertar/Línea de tiempo/Guía de movimiento.

4. En el fotograma 1 de la capa guía, dibujar la trayectoria (dibuja la trayectoria que tú gustes), utiliza la herramienta lápiz , la ruta que dibujes seguirá el objeto (letrero).

5. Da clic en el fotograma 20 de la capa guía y después pulsa

F6.

6. Regresa al fotograma 1 de la capa Letrero, Crea una interpolación de movimiento, enganchar el texto (Curvas) en el punto inicial de la capa guía y posteriormente dar clic en el fotograma 20 pulsa F6, ahora deberás colocar el texto (Curvas) en el punto final de la capa guía.

7. Comprobar la ruta del movimiento con Enter.

8. Guarda como: CapaGuía y genera el ejecutable con Control + Enter.

Enganchar Fotograma 1, Trayectoria inicial de la capa guía

Enganchar Fotograma 20, Trayectoria final de la capa guía

Ejercicio 2 Muñeco animado.

Vas a realizar un ejercicio paso a paso en el que crearas una animación fotograma a fotograma

donde un muñequito moverá sus ojos y sus antenas.

CREACIÓN DEL PRIMER FOTOGRAMA: DIBUJO DEL MUÑECO

1. Crea un documento nuevo vacío.

2. Dibuja el cuerpo de un muñequito redondo con pies parecido al de la figura a base de óvalos sin contorno, relleno con un degradado de color gris (o elige el color de tu preferencia) para la carita y un degradado de color azul para los pies. Utiliza la herramienta (Óvalo) para las

formas. Dibuja el cuerpo y los pies en lugares separados. Después los unirás.

3. Selecciona individualmente cada óvalo y pulsa Ctrl + G para que queden agrupados pero independientes el uno del otro. Eso permitirá dibujar sobre ellos y superponerlos sin que se vean afectados. Sitúa cada elemento en el lugar correspondiente según la figura.

4. Configura la herramienta Óvalo para crear círculos rellenos de color blanco y sin contorno. Dibuja un círculo para simular uno de los ojos del muñeco y agrúpalo pulsando Ctrl + G. Eso te permitirá poder situarlo sobre el óvalo grande, ya que, en caso contrario, quedaría por debajo de éste. Copia y pega el círculo blanco para crear otro ojo junto al anterior. Si tienes problemas para situar los círculos, desactiva la opción Ver/Ajuste/Ajustar a objetos.

5. Con el mismo procedimiento crea dos pequeños círculos negros para situarlos como pupilas para los ojos del muñeco. No olvide agrupar cada círculo para que queden por encima de los otros objetos.

6. Con la herramienta (lápiz) junto con el modificador (suavizar) y ayudándote del panel propiedades, crea una antena de color rojo y trazo grueso para colocarla en la cabeza del muñeco. Primero dibuja una y después copiar, pegar y reflejar horizontalmente para crear la otra, para esto realiza el siguiente proceso: selecciona la antena que copiaste, en el menú Modificar/Transformar/Voltear horizontalmente.

Modificar/Transformar/ Voltear horizontalmente

1 Copiar. Ctrl + C Pegar. Ctrl + V

Seleccionar 3

2

1

7. Finalmente, completa las antenas con dos cirulos rellenos con degradado a tu gusto para simular una bola en la punta de la antena.

CREACIÓN DEL SEGUNDO FOTOGRAMA (ANIMACION DEL MUÑEQUITO)

Bien, ya tienes dibujado el contenido del primer fotograma clave.

8. Ahora pulse F6 para crear un nuevo fotograma clave que contendrá automáticamente lo mismo que el fotograma anterior.

Fotograma

clave 1 Fotograma

clave 2

9. Selecciona a la

vez las dos pupilas de los ojos, llévelos hacia la derecha para simular que el muñeco mira hacia ese lado. Utilice las teclas de cursor para hacerlo con precisión.

2

10. Selecciona el grupo correspondiente de la antena izquierda y elije la opción Transformación libre en el Panel de herramientas para visualizar los tiradores de control. Arrastra hacia abajo del tirador central izquierdo para deformar la antena y el circula hacia abajo (realiza el proceso de forma individual).

1 2

Tirador central izquierdo

Fotograma 1

...