Masara con Guía de Movimiento en Flash 8.

Hola amiga (o), el siguiente tutorial esta realizado en Flash 8. En este trabajo aplique una serie de técnicas que aunque son sencillas resultan muy vistosas (chipocludas, apantalladotas e interesantes) al publicar el archivo swf. Las técnicas aplicados son una guía de movimiento que sirve de mascara en una imagen a la cual se le aplican dos filtros uno de desenfoque y un segundo de ajustar color. Dicho lo anterior ¿comenzamos? Good luck!!

1-. Comenzar por hacer el documento (ctrl. + J) de dimensiones 400 * 300 píxeles de ancho y alto respectivamente.
a)-. Usar como color de fondo #FFFFFF.
b)-. Velocidad de fotogramas 12 fps.

2-. Crear el primero de dos símbolos (ctrl. + F8) de los cual consta el tutorial.
a)-. Nombrarlo imagen.
b)-. Dar como Tipo Clip de película.

3-. En el símbolo creado importar una imagen (ctrl. + R).
a)-. Las dimensiones de la imagen tendrán que ajustarse a las medidas del documento 400.0 * 300.0 píxeles de ancho y alto respectivamente.
b)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.

4-. Crear el segundo símbolo (ctrl. + F8).
a)-. Nombrarlo guía de movimiento.
b)-. Dar como Tipo Clip de película.

5-. Una vez en el símbolo cambiar el nombre de la capa por el de óvalo.
a)-. Dibujar un círculo sin borde y el clor de relleno no importa #99CCCC.
b)-. Las dimensiones del círculo son 145.0 * 145.0 píxeles.
c)-. Colocar la forma en coordenadas X = 0.0 y Y = 0.0.
Nota si la forma no esta agrupada agruparla (ctrl. + G). También puede agruparse presionando O (herramienta de óvalo) y después J (dibujo de objeto)

6-. Insertar la capa de guía de movimiento presionando la herramienta indicada con el paso 1.
a)-. En esta capa guía dibujar la forma que va a servir como guía, el paso 2 muestra en tamaño reducido la imagen de la guía.
b)-. En el paso 3 seleccionar el centro del óvalo y colocarlo en la parte inicial de la guía.
Nota si al centro del óvalo no se le forma un círculo de color negro el invento no funcionara. Este círculo muestra que es el centro del óvalo.

7-. Insertar un fotograma (F5) en la capa guía en el frame # 65.
a)-. Insertar un fotograma clave (F6) en la capa óvalo en el frame # 65.
b)-. Seleccionar el óvalo que se encuentra en el frame # 65 y colocarlo al final de la guía.
Nota también hay que tomar por el centro al óvalo tal y como se muestra en la imagen.

8-. Crear la animación del óvalo.
a)-. Seleccionar un fotograma entre el 1 y el 64 de la capa óvalo.
b)-. En la barra de Propiedades seleccionar Movimiento en la opción Animar.

9-. Regresar a la Escena y cambiar el nombre de la capa por guía de movimiento.
a)-. Arrastrar desde la biblioteca el símbolo guía de movimiento.
b)-. Colocarlo en coordenadas X = -145.0 y Y = 0.0.

10-. Insertar una segunda capa por debajo de la primera.
a)-. Cambiar el nombre a la capa por el de imagen.
b)-. Arrastrar desde la biblioteca el símbolo imagen.
c)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.

11-. Seleccionar la capa guía de movimiento.
a)-. Dar clic con el botón derecho del ratón, y en el menú desplegado seleccionar la opción Máscara.

12-. Insertar una tercera capa, por debajo de la segunda, nombrarla imagen filtro.
a)-. Arrastrar nuevamente desde la biblioteca el símbolo imagen.
b)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.

13-. Llego la hora de aplicar los filtros.
a)-. Seleccionar la imagen de la capa imagen filtro.
b)-. Después seleccionar en la barra de Propiedades la opción Filtros.
c)-. Hacer clic en el símbolo (+) “Añadir filtro” y en el menú desplegado seleccionar Desenfocar.
d)-. Escribir el número 10 tanto en Desenfocar X como en Desenfocar Y

14-. Ahora aplicar el segundo filtro de Ajustar color.
a)-. Hacer clic en el símbolo (+) “Añadir filtro” y en el menú desplegado seleccionar Ajustar color.
b)-. En los parámetros establecidos escribir las siguientes cantidades:
Brillo -50, Contraste -50 y en Saturación -100.
Con esto queda concluido el tutorial well done!!.

P.D. Presionar ctrl. + Enter para visualizar el trabajo final, espero tus comentarios y sugerencias sobre los tutoriales aquí presentados.

.

Visualizar archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Artículos relacionados:

• Crear una Guía de Movimiento con Flash
• Video Tutorial Animación Con Guías De Movimiento En Flash CS3
• Aplicación de Guías de Movimiento para Animación de Nieve.
• Curso Básico De Flash 8 (Guías De Movimiento) Parte 21