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:
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".
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.
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.
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.
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.
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.
Comentarios de Firma a mano alzada con Mascara con Adobe Flash
↑ Tutorial
agcd69
2008-01-26 23:56
agcd69
2008-01-27 00:18
Carpio
2008-04-05 12:43
Muchas gracias.