02 marzo 2007

Máscaras, parte II

Antes hablé del uso de máscaras en Flash. Ahora voy a dar otro ejemplo.

En este, vamos a simular una luz que va alumbrando un letrero en una pared. Los pasos a seguir son estos:
  1. Crear una nueva película.
  2. Cambiar el color de fondo a la película (de hecho, en el video vas a ver que primero le puse morado, pero luego recordé que la noche es oscura, negra, así que más adelante lo cambié).
  3. Usando la herramienta de texto, escribí una frase en una capa llamado Texto.
  4. Agrega otra capa, llamado Luz. En ella dibuja un círculo que sea un poquito más grande que el texto y conviértelo en símbolo.
  5. Haz que la animación sea de 50 cuadros (frames).
  6. Haz un nuevo fotorama clave (Keyframe) al final de la capa Luz y en ese fotorama mueve el círculo (el símbolo que hiciste antes) al final del texto.
  7. Cambia la propiedad de la capa Luz a máscara (Mask) y haz que la capa Texto sea la capa enmascarada (Masked) como se explicó en el mensaje anterior de máscaras (si no lo leíste, lo puedes ver aquí).
  8. Al bloquear las dos capas y visualizarlo, se ve bien, pero generalmente cuando alumbras una pared, se ve como gris claro alrededor de lo que estás alumbrando. Por lo tanto, agrega otra capa, llamada Gris y pónlo arriba de la capa Text. En esta capa dibuja un rectángulo gris que sea del tamaño del texto.
  9. Bloquea todas las capas de nuevo y ¡ya está!

Notas finales: El video lo puedes ver aquí abajo (o verlo en YouTube en http://www.youtube.com/watch?v=o3dtQPFlhQU). También puedes bajar todos los archivitos de este proyecto (el FLA y SWF) aquí.

Todavía hace falta un par de ejemplos del uso de máscaras, así que no te los pierdas. ¡Nos vemos la próxima!


6 comentarios:

Anónimo dijo...

que ondon tony , vine a dejar el comentario sobre las nuevas aventuras de las mascaras.
Me parece buena idea eso de iluminar las cosas .
Realmente no hay mucho que explicar pues es una mascara como la conocemos solo con mas capas.

tambien me parecio la idea del contorno gris para dar sutileza al contorno de la luz.
Bueno , me despido.

Anónimo dijo...

que ondon tony , vine a dejar el comentario sobre las nuevas aventuras de las mascaras.
Me parece buena idea eso de iluminar las cosas .
Realmente no hay mucho que explicar pues es una mascara como la conocemos solo con mas capas.

tambien me parecio la idea del contorno gris para dar sutileza al contorno de la luz.
Bueno , me despido.

Anónimo dijo...

Que pedo tony ya lei esta madre y pues que te puedo decir siento que esta sencillo. y no necesito dar explicacion .

Anónimo dijo...

Hey tony esta chido eso de hacer que se alumbre la pader con las letras, asi como un espectacular. Luego le calo a ver si me funciona...
ai de rato.

atte: el buen Boss

Estefanie Valdés dijo...

Wow, ahora si pude ver el video y está muy entendible...
Son muy prácticas las máscaras para ocultar archivos, aparte se ven muy padres...
Gracias Tony,

GUILLERMO dijo...

GRACIAS TONY ESTÁ MUY CLARO EL VIDEO JE ME DIÓ INSPIRACIÓN DE HACER UNA ANIMACIÓN A VER COMO SALE LUEGO T LA MUESTRO, USANDO LAS MASCARAS xP, SE ME HIZO CHIDO PUES SE HACEN EFECTOS CHIDOS

El Tony y sus ondas...

Related Posts Plugin for WordPress, Blogger...