Máscara en una Imagen con Filtros En Flash 8

Hola estudioso del mundo Flash ansioso por comenzar una nueva aventura por lugares sorprendentes. En esta ocasión tengo para ti un tutorial en el cual trabajarás en un cursor el cual es utilizado como una mascara sobre una imagen, a dicha imagen se le aplicarán dos filtros uno de Desenfoque y orto de Bisel, el tutorial esta realizado en FLASH “8”. Good luck!! ¿Comenzamos?.

1-. Comenzar por hacer un documento (ctrl. + J) de dimensiones 400 * 300 píxeles de ancho y alto respectivamente.
a)-. Usar como color de fondo #99CCCC.
b)-. Colocar como velocidad de fotogramas 20 fps.

2-. Crear un símbolo (ctrl. + F8).
a)-. Nombrarlo cursor.
b)-. Dar como Tipo Clip de película.

3-. Ubicad en el símbolo cambiar el nombre de la capa por el de círculo.
a)-. Dibujar un óvalo sin borde y color de relleno #000000.
b)-. Las dimensiones del óvalo son 100.0 * 100.0 píxeles de ancho y alto.
c)-. Colocar la forma en coordenadas X = -50 y Y = -50.

4-. Crear un segundo símbolo (ctrl. + F8).
a)-. Nombrarlo picture.
b)-. Seleccionar como Tipo Clip de película.

5-. En este símbolo importar (ctrl. + R) una imagen.
a)-. La imagen a importar deberá  de poseer dimensiones de 360.0 * 280.0 píxeles.
b)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.

6-. Regresar a la Escena y cambiar el nombre de la capa por el de imagen filtro.
a)-. Arrastrar desde la biblioteca el símbolo picture.
b)-. Colocar el símbolo en coordenadas X = 20.0 y Y = 10.0.

7-. Comienza la aplicación de los filtros.
a)-. En la barra de propiedades seleccionar la opción Filtros.
b)-. Presionar el símbolo (+) y en el menú desplegado seleccionar la opción Desenfocar.
c)-. En la opción Desenfocar X y Y escribir 15

8-. Aplicar el segundo filtro.
a)-. Presionar el símbolo (+) y en el menú desplegado seleccionar la opción Bisel.
b)-. En la opción Desenfocar X yY escribir 20.
c)-. En la opción Sombra elegir el color #000000.
d)-. En la opción Resaltar elegir el color #FFFFFF.
e)-. En la opción Ángulo seleccionar 45.
f)-. En la opción Distancia elegir 10.

9-. Insertar una segunda capa y nombrarla imagen, ocultar la capa imagen filtro.
a)-. Arrastrar desde la biblioteca el símbolo picture.
b)-. Colocar el símbolo en coordenadas X = 20.0 y Y = 10.0.

10-. Insertar una tercera capa y nombrarla máscara círculo.
a)-. Arrastrar desde la biblioteca el símbolo cursor.
b)-. Colocar como Nombre de instancia “cursor”.

11-. Seleccionar el Fotograma de esta capa.
a)-. Abrir la barra de Acciones – fotograma, e insertar el siguiente código action script
Mouse.hide();
startDrag(”_root.cursor”, true);

12-. Por último convertir la capa en Máscara.
a)-. Seleccionar la capa máscara círculo.
b)-. Hacer clic con el botón derecho del ratón, en el menú desplegado seleccionar la opción Máscara.

Con esta acción se da por concluido el tutorial, well done!!

P.D. presionar ctrl. + Enter para poder visualizar el trabajo realizado. Se hace una atenta invitación para que publiques tú material en este espacio. Recuerda que ente todos podemos llegar más lejos, hasta muy pronto.

.

Visualizar archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Artículos relacionados:

1. Descubrir Imagen Con Action Script en Flash 8