MASCARA GRADIANTE.

Por Andrés Cuartero Alonso

e-mail:andres@andrescuartero.com


      1.- Explicación
      2.- ¿Cómo probar la película? y ejemplo en SWF.
      3.- ¿En qué servidor puedo colocar la pelicula para probarla?
      4.- Códigos Utilizados
      5.- Descargar código Fuente (comprimido con WINRAR)
      6.- Valora la explicación
      7.- Comentarios realizados
      Explicación Anterior: Utilización de PROTOTYPE en animaciones con ActionScript.
      Explicación Siguiente: Que la máscara se mueva con el ratón.

EXPLICACION

Como bien dice el manual de Flash, para obtener el efecto de foco y de transiciones, puede utilizar una capa de máscara para crear un agujero a través del cual se puedan ver las capas situadas por debajo.

En esta sección aprenderás a crear una máscara gradiante sencilla, como la que puedes ver en el ejemplo SWF.

En primer lugar creamos en la biblioteca un Clip de Pelicula al que llamaremos Foco. El objeto que tendrá este clip de película será un ovalo con degradado y sin linea:

Clip de película de la biblioteca. Sin borde y relleno degradado.

Aquí puedes ver las características del relleno:

Captura de la configuración del relleno del óvalo.

Una vez dibujado el óvalo, volvemos a la escena, haciendo clic sobre Escena 1:

Pulsar en Escena 1 para volver a la escena de la película.

Ahora arrastramos el foco desde la biblioteca hasta la capa 1, fotograma 1, escena 1:

Captura que muestra el objeto de la biblioteca colocado en la capa1, fotograma 1, escena 1.

El siguiente paso consiste en crear un dibujo o escribir el texto que desees que muestre el Foco. En nuestro ejemplo escribimos el texto: "Este texto se ve a través del foco". Lo hacemos en la Capa 2, fotograma 1, Escena 1. Por lo tanto Insertamos una nueva capa:

Forma de insertar una nueva capa.

Y en su fotograma 1 escribimos el texto: "Este texto se ve a través del foco":

Captura que muestra el texto que se verá a través del foco.

Ahora debemos indicarle a Flash que cree la máscara. Para ello seleccionamos la Capa 2 con el botón derecho del ratón y seleccionamos Máscara:

Forma de crear una máscara utilizando el botón derecho del ratón.

La linea de tiempo se transformará quedando de esta forma:

Forma en que queda la zona de trabajo tras crear la máscara.

Hasta aquí estaría ya creada la máscara.

¿Cómo probarla?

Para poder probar el código basta con hacer CTRL+INTRO o abrir el menú Control y seleccionar Probar Pelicula:

Captura de como probar la pelicula

Debe aparecer algo igual o parecido a esto:

¿En qué servidor puedo colocar la pelicula para probarla?

En cualquier servidor.

Si no tienes, prueba a darte de alta en Geocities, utiliza los mismos datos de usuario que Yahoo!.

Códigos utilizados:

No se ha utilizado codigo.

Valora la explicación

Valoracion:
Nick o email:
Comentario:
(200 Caract. Max)
 

Comentarios realizados:


Comentario 8- Por ade, 29/01/2006 1:23:15
Valoración: Sin valoración
¿No falta el codigo para arrastrar la mascara?¿No hace de mascara la mancha en vez del texto?
———
Comentario 9- Por ade, 29/01/2006 1:38:04
Valoración: Muy buena
Pido disculpas, porque no había visto que había una segunda parte!
———
Comentario 12- Por samy200384@hotmail.com, 15/03/2006 20:07:49
Valoración: Muy buena

———
Comentario 15- Por , 22/03/2006 16:52:19
Valoración: Buena

———
Comentario 18- Por dustersito@hotmail.com, 03/05/2006 23:44:42
Valoración: Muy buena
es una buena herramienta que siempre es buena utilizar en flash
———
Comentario 30- Por aizaforever@hotmail.com, 18/03/2007 5:03:26
Valoración: Muy buena

———
Comentario 56- Por , 25/04/2008 22:39:56
Valoración: Sin valoración

———