Taller Webmaster

Tutoriales para Webmasters

Bienvenido a Taller Webmaster, donde encontrarás la mejor información sobre tutoriales y recursos para webmasters!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Publicidad

Firma a mano alzada con Mascara con Adobe Flash

Uso de Mascaras en Adobe Flash

 

Tutorial por Jorge Oyhenard (elQuique)

En este tutorial, veremos como generar una firma animada con Adobe Flash utilizando mascaras.

Lo primero que vamos a hacer es crear un documento nuevo con las siguientes propiedades:

Propiedades del Documento

300px de ancho y 150px de alto, también podemos definir un titulo y descripción.

Lo siguiente es escribir en la capa 1 (layer1) un texto, en este caso fui bien creativo y escribí "elQuique", a esa capa le daremos de nombre "texto".

Capa de Texto

Vamos a agregar otra Capa (Layer), y la vamos a nombrar como "mascara". Luego vamos a agregar Fotogramas (Frames) con F5, o insertar Fotograma (Frame) hasta el 50, en la línea de tiempo.

Capa Mascara

A la Capa (Layer), llamada "mascara" vamos a darle botón derecho, y elegir la opción Mascara (Mask), las Capas van a lucir en tono verde, como muestra el recorte de imagen.

Aplicar Mascara

Cuando aplicamos una mascara, la Capa que esta por debajo aparece según como actué la mascara, por tanto haremos que la Mascara, vaya haciendo descubrir el texto que hemos escrito de manera gradual, logrando el efecto de escritura a mano alzada.

Para esto vamos a ir a la Capa "mascara" y en el Fotograma 1, vamos a utilizar la herramienta Pincel (Brush), con un color diferente, yo use negro, y vamos a dibujar el primer trazo del texto.

Dibujar Mascara

En el Fotograma 4, vamos a marcarlo como Fotograma Clave (Keyframe), con la tecla F6, y vamos a dibujar el siguiente trazo. En el fotograma 7, haremos lo mismo, y así cada 4 fotogramas.

Dibujando Mascara Continuando Mascara

Y así hasta finalizar, recuerden que cuanto mas segmentos dibujen, mayor realismo tendrá el efecto, e incluso pueden agregar un lápiz, o mano que acompañe la animación, el resultado final es el siguiente:

Espero sus comentarios y las imagenes logradas en la Expo del Foro.

Clic para descargar archivo FLA.

Comentarios de Firma a mano alzada con Mascara con Adobe Flash

↑ Tutorial

  • agcd69

    agcd69

    2008-01-26 23:56

    muy bueno, pero no puedo bajar el archivo Fla...de todas formas gracias amigo!!!
  • agcd69

    agcd69

    2008-01-27 00:18

    Disculpe..ya lo baje..ahora me sale.."formato de archivo inesperado"...que podrá ser?
  • Carpio

    Carpio

    2008-04-05 12:43

    Espectacular. Es lo que buscaba hace tiempo ya.

    Muchas gracias.