Estilo Flash Adobe Flash

Aplicación de Guías de Movimiento para Animación de Nieve.

Tutorial Flash 8 Aplicación de Guías de Movimiento para Animación de Nieve. Hay infinidad de métodos de aciton script para provocar la caída de nieve, sin embargo algunas veces es algo complicado de comprender el código o simple este no funciona. La siguiente explicación que se te presenta a continuación, para crear nieve talvez te pueda resultar muy básica pero si logras colocar los copos de nieve en posiciones estratégicas el trabajo es sensacional, este tutorial esta basado en la aplicación de guías de movimiento y animaciones de movimiento disfrútalo. Good luck¡¡ ☺ ¿comenzamos?☺

1-. El primer paso es crear el documento sobre el cual se va a trabajar (ctrl. + J).

a)-. Las dimensiones del documento serán en este caso en particular 300 * 225 píxeles de ancho y alto.

b)-. Usar como color de fondo #000000, este color oscuro es para que contraste con el color de los copos de nieve ya que estos son de color blanco #FFFFFF.

c)-. Escribir como velocidad de fotogramas 15 fps.

2-. Crear el primero de dos símbolos (ctrl. + F8).

a)-. Nombrarlos bola de nieve.

b)-. En la opción Tipo seleccionar Gráfico.

3-. Este símbolo solamente servirá para albergar la forma que representara el copo de nieve.

a)-. Dibujar un óvalo (O) de dimensiones 5.0 * 5.0 píxeles de ancho y alto.

b)-. Colocar la forma dibujada en coordenadas X = 0.0 y Y = 0.0.

4-. Crear el segundo (ctrl. + F8).

a)-. Nombrarlos animar nieve.

b)-. En la opción Tipo seleccionar Clip de película.

5-. Ubicado en el símbolo primero cambiar el nombre de la capa por el de nieve 1.

a)-. Arrastrar desde la biblioteca el símbolo gráfico.

b)-. Colocar este símbolo en coordenadas X = 0.0 y Y = 0.0.

6-. Insertar una capa de Guía de movimiento, en el fotograma de esta capa dibujar una línea que sobre pase el tamaño del documento (por ejemplo 273.7 píxeles de alto).

a)-. Tomar por la parte superior de la línea y luego colocarla en el centro del óvalo, cuando la línea sea colocada en el centro del óvalo se resaltara un color negro tal y como se muestra en la imagen.

Nota es necesario aumentar el tamaño del área de trabajo (Z).

7-. Insertar un fotograma clave (F6) en el frame # 40 de la capa nieve 1.

a)-. Tomar por la parte del centro al óvalo y arrastrarlo hasta la parte inferior de la línea.

b)-. Insertar un fotograma (F5) en la capa Guía en el frame # 40.

8-. Seleccionar un fotograma entere el 1 y el 39, en la barra de propiedades seleccionar Animar Movimiento.

9-. Dibujar tres líneas más de diferente tamaño y distorsión, tal y como se muestra en la imagen.

10-. Insertar otra capa y nombrarla nieve 2.

a)-. Colocar un fotograma clave vacío (F7) en el frame # 20, en este arrastrar desde la biblioteca el símbolo gráfico.

b)-. Colocar el símbolo en la parte superior de la segunda línea.

11-. Insertar un fotograma (F7) en el frame # 59 de la capa Guía.

a)-. También insertar un fotograma clave (F6) en el frame # 59 dela capa nieve 2.

b)-. Arrastrar hasta la parte inferior el óvalo de este fotograma.

12-. Seleccionar un fotograma entere el 20 y 59, luego crear la animación de Movimiento.

13-. Insertar otra capa nombrarla nieve 3, y repetir los pasos 10, 11, 12 pero ahora esto es en la línea tres. Aquí la línea de tiempo empieza el fotograma 30 y termina en el fotograma 69. Insertar un fotograma (F5) en el frame 69.

14-. Insertar la última capa nombrarla nieve 4, repetir los pasos 10, 11, 12 esos pasos son para la línea 4.

15-. Regresar a la Escena e insertar un fotograma clave vacío (F7) en el frame # 2.

a)-. En este fotograma arrastrar desde la biblioteca varias veces el símbolo animar nieve, colocarlos en diferentes posiciones.

16-. Insertar una capa más y colocar un fotograma clave vacío (F7) en el frame # 15.

a)-. En este fotograma colocar nuevamente varios símbolos animar nieve.

17-. Insertar una tercera capa colocar un fotograma clave vacío (F7) en el frame # 25 y repetir el paso anterior.

18-. Insertar un fotograma clave (F6) en el frame # 50 en la capa 3, abrir la barra de Acciones – fotograma e insertar un stop();

a)-. Inserta fotogramas (F5) en los frames # 50 de las capas 1 y 2.

Con esta acción queda concluido el tutorial como puedes ver no es necesario incluir código action script para lograr generar nieve. ☺Well done!!☺

P.D. Presionar ctrl. + Enter para visualizar el trabajo realizado. Si logras colocar en puntos estratégicos cada uno de los símbolos en la Escena obtendrás un efecto fabuloso. ☺ Hasta muy pronto ☺ estimados estudiosos del Flash 8.

Visualizar el archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Comentarios

Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.