Flash CS3 Curso Práctico

 37  Ejercicio

Efecto de caída de nieve

INTRODUCCIÓN

Vamos a realizar un sencillo ejercicio en el que simularemos la caída de copos de nieve. Lo re-levante de este efecto es que lo conseguiremos utilizando una prestación de Flash que no hemosvisto hasta ahora y que nos permite forzar la reproducción de una instancia gráfica o de clip depelícula desde un fotograma determinado. Además, veremos la técnica utilizada para simular unmovimiento de caída continuo y sin saltos.

PREPARACIÓN DE LA ESCENA

1 Comience creando un nuevo documento con el fondo de color negro y una velocidad de repro-ducción de 15 fps.

CREACIÓN DEL COPO DE NIEVE

2 El copo de nieve se puede crear directamente con las herramientasde dibujo de Flash, o bien importarlo de otro programa. En mi caso, heimportado una imagen clipart de CorelDRAW y la he convertido en unsímbolo gráfico con el nombre copo de nieve; lo encontrará en el archivoinicial de este ejercicio. Se ha dimensionado a un tamaño aproximadode 10 x 10 píxeles.

ANIMACIÓN DEL COPO DE NIEVE

3 Cree un nuevo símbolo de clip de película denominado animación copo.

4 Arrastre a él una instancia del gráfico copo de nieve y céntrela en las coordenadas (0,0). Si esnecesario, amplíe la imagen para verlo mejor.

5 Cree una interpolación de movimientodesde el fotograma 1 hasta el fotograma20 y convierta en clave también elfotograma 10.

6 Sitúe el cursor en el fotograma 10y mueva el copo unos 10 píxeles haciala derecha. Habremos creado unainterpolación que provoca la ida y vueltadel copo hacia la derecha.

 

RA-MAEjercicio 37: EFECTO DE CAÍDA DE NIEVE 2 2

CREACIÓN DEL CONJUNTO DE COPOS

Ahora se trata de crear un clip de película que contenga varias instancias del clip que acabamosde crear.

7 Comience creando un clip de película denominado parte 1.

8 Arrastre al interior de este clip 20 instancias del clip animación copo y sitúelas repartidas deforma aleatoria.

9 Seleccione ahora todas las instancias a la vez y en elpanel Propiedades, asígneles un comportamiento gráfico se-leccionándolo en la casilla correspondiente de la parte iz-quierda.

10 A continuación, y con todas las instancias seleccionadastodavía, seleccione la opción Reproducir indefinidamenteen la casilla a la izquierda de la casilla Primero.

11 Seguidamente, vaya seleccionando una a una las ins-tancias que ha colocado y asígneles en la casilla Primerodel panel Propiedades un fotograma de inicio de la anima-ción diferente. Me explico. Tal como se comentó en la página182 del libro, en la casilla Primero podemos especificar elfotograma por el que debe comenzar la reproducción de una instancia gráfica. En nuestro caso, laanimación del copo ocurre en 20 fotogramas y podemos provocar que cada una de las 20 instanciasdel copo comience a reproducirse en un fotograma diferente. El efecto conseguido será que los coposrealizarán su movimiento no todos al unísono y en la misma dirección, sino de forma más anárquica,que es lo que nos interesa para simular el efecto de caída de copos de nieve.

12 Ahora, como la animación del copo dura 20 fotogramas, pulse F5 en el fotograma 20 para forzarla visualización de los 20 fotogramas que dura cada instancia y que, con la maniobra del paso anterior,comenzará en fotogramas diferentes para cada copo.

13 Si ahora arrastra el cabezal de reproducción, podrá ver cómo se mueven los copos de forma anár-quica. Si observa que copos cercanos se desplazan de forma similar, cambie sus números de fotogramade inicio en la casilla Primero para provocar mayores diferencias de movimiento.

 

RA-MAEjercicio 37: EFECTO DE CAÍDA DE NIEVE 3 3

CREACIÓN DEL DUPLICADO DE COPOS

14 Cree un nuevo símbolo gráfico denominado duplicado copos.

15 Arrastre a él una instancia del clip parte 1 y sitúelo en la parte superior de la pantalla.

16 Ahora arrastre otra instancia del mismo clip y sitúela en la parte inferior de la pantalla peroligeramente superpuesta a la anterior instancia de forma que se pueda observar una continuidad delos copos.

CREACIÓN DEL CLIP FINAL

17 Cree un nuevo clip de película denominado parte 2.

18 Arrastre a él una instancia del gráfico duplicado copos que ha creado antes.

19 Cree una interpolación de movimiento desde el fotograma 1 hasta el fotograma 75.

20 Seleccione el fotograma 75 y desplace el gráfico unos 500 píxeles hacia abajo.

 

RA-MAEjercicio 37: EFECTO DE CAÍDA DE NIEVE 4 4

COMPOSICIÓN DE LA ESCENA

21 Renombre como fondo la capa por defecto de la escena principal, dibuje un motivo navideño olo que prefiera. Yo he utilizado unos gráficos y los he colocado sobre un rectángulo degradado decolor azul oscuro que simula un cielo nocturno.

22 Cree una nueva capa por encima de la anterior y denomínela como nieve.

23 Lleve a la nueva capa una instancia del clip parte 2 y sitúela sobre la escena de forma que laparte inferior del clip queda más o menos a nivel de la parte inferior del suelo nevado.

AJUSTE DEL BUCLE

Para terminar, se trata de conseguir un efecto de bucle perfecto, es decir, que los copos vayancayendo de forma continua sin que se noten cortes o empalmes.

24 Reproduzca la escena y observe lo que sucede. Si los copos, en un momento dado, dan un saltohacia arriba, abra el símbolo gráfico duplicado copos y desplace el conjunto de copos inferior 10píxeles hacia abajo. Si, en cambio, los copos saltan hacia abajo, desplácelo 10 píxeles hacia arriba.Reproduzca de nuevo la escena y vaya corrigiendo la posición del conjunto inferior de copos hastaque se consiga el bucle perfecto sin saltos.