PRCTICA CREACIN DE LINTERNA CON FLASH

Con esta prctica vamos a crear una animacin utilizando la herramienta mscara, este
mostrar los mismos efectos que produce una linterna en un cuarto oscuro.
Para esto utilizaremos el mtodo setMask que aplicaremos a una imagen.

OS

LO

AY

ZA

RE

YE

1. Crear 3 capas en nuestra lnea de tiempo (tambin cambiaremos el color de fondo del
escenario a negro)

Creacin de Capas.

En la capa Imagen vamos a colocar una imagen que ser la que queremos iluminar,
est imagen ocupar todo el escenario.

CA
RL

Luego debemos convertir la imagen en un smbolo de tipo pelcula (esto es necesario

para trabajar la mscara con ActionScript).

MC
P

Docente: Carlos Loayza Reyes

S
YE
RE
ZA
AY
LO
OS
CA
RL

Convirtiendo la imagen en un smbolo de tipo pelcula o movieclip

Luego asignaremos un nombre de instancia a nuestro smbolo el cual contiene la

imagen, para este ejemplo, el nombre ser luz_mc, si en algn momento
modificamos el nombre de instancia, tambin tendremos que realizar la
modificacin del nombre en el cdigo de actionscript que veremos ms adelante.

MC
P

Docente: Carlos Loayza Reyes

S
YE
RE
ZA
AY

Ahora tenemos que crear la mscara, que servir como foco de la linterna. Para ello
necesitaremos un nuevo smbolo (en nuestro caso llamado foco), para esto en el
primer fotograma creamos un circulo (nosotros lo hemos hecho de 200x200)

Ocultamos la capa Imagen, para poder trabajar con el crculo, para esto en la capa
imagen hacemos clic en el punto que corresponde al icono que tiene un ojo
(aparecer una X)

MC
P

CA
RL

OS

LO

Docente: Carlos Loayza Reyes

Seleccionamos el crculo dibujado y tambin lo convertimos a un smbolo (clip de

pelcula), este lo ubicamos en la lnea de tiempo principal, en la capa mscara,
adems, al igual que hicimos anteriormente, le debemos asignar un nombre de
instancia, el cual ser foco_mc

A la instancia de foco_mc insertada en la capa mscara, le vamos a aplicar un efecto

de desenfocar, seleccionamos el crculo ya convertido en smbolo, para darle un
aspecto de luz de foco ms realista.

Al clip foco_mc, como decamos, le aplicamos un filtro de desenfocar, aplicando los

siguientes parmetros:

LO

AY

ZA

RE

YE

Para que el efecto funcione como mscara sobre la imagen (luz_mc) que queremos
ver, es importante que tengamos activada la opcin Utilizar cach de mapa de bits
en tiempo de ejecucin, para esto seleccionamos la pelcula luz_mc y activamos la
opcin en el panel de propiedades, esto para ver el efecto como mscara degradada

MC
P

CA
RL

OS

Aplicando el filtro desenfocar sobre el foco.

Ahora falta crear un poco de cdigo ActionScript, para decirle a Flash que foco_mc
es la mscara de luz_mc, y para generar un efecto que en tiempo de ejecucin
mueva esta luz conforme desplazamos el ratn por la imagen.

Docente: Carlos Loayza Reyes

Este es el cdigo ActionScript que tenemos que introducir en el primer fotograma 1

de la capa Acciones.

Clic derecho encima del primer fotograma de la Capa Acciones, y clic en Acciones,
escribimos el siguiente cdigo:

MC
P

CA
RL

OS

LO

AY

ZA

RE

YE

Docente: Carlos Loayza Reyes