2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

EJERCICIO 1. FONDOS. ANIMACIÓN DE NUBES EN MOVIMIENTO.

1.- Crear un nuevo documento de Flash.

2.- Seleccionar el background de color azul. Con la combinación de teclas ctrl+ F3 abres el Panel de Propiedades. En la imagen se muestran también una sugerencia en el tamaño del área de trabajo (Size)

3.- Dibuja las nubes. Para ello puedes emplear la herramienta “Óvalo” dibujando tres círculos casi encimados uno sobre otro. Puedes seleccionar la herramienta del Panel de herramientas o con la tecla “O”.

NOTA: Antes de dibujar los círculos verifica que la línea de contorno sea en color blanco. Deberás obtener algo como lo siguiente:

1

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

4.- Del Panel de herramientas, selecciona la herramienta Selección o presionando la tecla V y selecciona las nubes.

5.- Da clic derecho sobre el dibujo de las nubes y selecciona la opción Convert to Symbol:

6.- Da nombre al símbolo y selecciona el símbolo Movie clip.

7.- Abre el Panel de Propiedades y selecciona el símbolo movie clip de las nubes (presionando Ctrl +F3 habilitas el Panel de Propiedades).

2

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

8.- Selecciona el tab Filters y da clic en el signo + y selecciona la opción Blur:

Para la opción Blur tanto en X y Y tienes hasta el valor 10. Elige el adecuado para degradación de las nubes.

9.- Para dar movimiento a las nubes aplica la técnica Tween Motion.

Deberá quedarte algo como lo siguiente:

3

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

EJERCICIO 2. PAPEL CEBOLLA.

1.- Crear un nuevo documento de Flash.

2.- Generar algunos cuantos fotogramas; las puedes crear F6

.

3.- Aplica la herramienta de Papel cebolla

4.- Crear el objeto que queremos que se mueva, en este caso un stickman (hombre de palo en inglés). Para ello puedes emplear la herramienta “Pincel”.

Deberá quedarte algo como lo siguiente:

4

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

5.- Selecciona el siguiente fotograma (2) y notarás que tu dibujo toma una tonalidad grisácea; el papel cebolla nos permite ver lo que hicimos en el fotograma anterior y nos hace más fácil desarrollar el movimiento del objeto.

Realiza lo anterior en cada fotograma que hayas agregado a la animación.

5

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

6.- Selecciona el siguiente fotograma (2) y notarás que tu dibujo toma una tonalidad grisácea; el papel cebolla nos permite ver lo que hicimos en el fotograma anterior y nos hace más fácil desarrollar el movimiento del objeto.

7.- Ya casi está terminada la animación; podrás notar que todas las casillas están oscuras porque están dibujadas.

6

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

8.- Algo que puedes probar es la velocidad de los fotogramas:

7

2010-11-23

HIGH SCHOOL. INNOVACIÓN TECNOLÓGICA. 3er. PERIODO.

EJERCICIOS FLASH 8.0

http://www.emudesc.net/foros/tutoriales/74421-animacion-sencilla-flash.html

http://www.meet-physics.net/David-Harrison/index_spa.html

8