Generar trazo en Adobe After Effects CS5

Publicado por asktutorial.

En esta oportunidad, veremos cómo podemos generar un trazo animado en Adobe After Effects. En variadas ocasiones se puede utilizar este efecto de Adobe After Effects CS5, ya que tiene cantidad de opciones dentro de sus propiedades. Desde generar un texto por aparición, hasta utilizarlo con una forma vectorial que deseas que esté animada.

Bueno, comencemos a trabajar.

Abrimos el Adobe After Effects CS5 y creamos una nueva composición (composición>nueva composición). En este caso, trabajaré con HD (1920×1080) de resolución. Tú puedes seleccionar la que desees. No importa demasiado el color de fondo para el ejemplo que vamos a ver. Lo dejaré en color negro, para que sea más facil la visualización.

Generar trazo en Adobe After Effects CS5

Para probar el efecto “trazo” o “stroke” de Adobe After Effects, vamos a utilizar un texto. Iremos a la herramienta “texto” y escribiremos el texto sobre la Comp1.

Generar trazo en Adobe After Effects CS5

En el panel de “characters” puedes variar los valores y estilos de las fuentes con las que está escrito el texto. Yo lo pondré en color blanco y dejaré la fuente predeterminada.

Seleccionamos el Layer del texto, con un solo click, para luego poder aplicar el efecto.

Generar trazo en Adobe After Effects CS5

Lo que debemos hacer ahora, es generar una máscara sobre el texto, así luego podemos aplicar el efecto de trazo sobre esa máscara. Entonces, seleccionamos la herramienta “Pen Tool”, y dibujamos una máscara sobre el texto. Es conveniente que te acerques para dibujar la máscara, así es más precisa. Con el scroll del mouse haces zoom sobre la pantalla.

Generar trazo en Adobe After Effects CS5

Generar trazo en Adobe After Effects CS5

Siempre posicionados sobre el layer del texto en la línea de tiempo, aplicaremos el efecto de trazo. Ahora vamos a Effect>Generate>Stroke (Efecto>Generar>Trazo)

Generar trazo en Adobe After Effects CS5

En el panel de Controles de Efectos, debemos seleccionar la opción “Reveal Original Image” (“Revelar imagen original”), así cuando cambiemos los valores del trazo, nos descubrirá el texto generado anteriormente.

Generar trazo en Adobe After Effects CS5

Para poder visualizar bien el efecto, vamos a ocultar la máscara. Esto lo hacemos desde el ícono “Toogle Mask and Shape Path Visibility”

Generar trazo en Adobe After Effects CS5

Entonces veremos que el texto aparece sólo con el efecto del trazo:

Generar trazo en Adobe After Effects CS5

Ahora, animaremos los controles del Efecto Stroke, para que el texto vaya apareciendo. Como primera medida, debemos aumentar el valor del trazo, hasta cubrir la superficie del texto.

Generar trazo en Adobe After Effects CS5

Luego, colocaremos los valores de “start” y “end”, en cero.

Generar trazo en Adobe After Effects CS5

En el layer Texto, desplegaremos las opciones del Efecto Stroke y activaremos la opción “animar” en start y end. Se generarán automáticamente keyframes en la línea de tiempo.

Generar trazo en Adobe After Effects CS5

NOTA: el cursor debe estar posicionado en el sitio donde quieres agregar keyframes

 

Iremos con el cursor hasta el sitio donde queremos finalizar la animación (en este caso 5 segundos) y allí, daremos el valor de 100 al control “end”. Veremos en la pantalla, que el texto ha aparecido por completo.

Generar trazo en Adobe After Effects CS5

Entonces, el resultado es que desde el segundo 1, hasta el segundo 5 en la línea de tiempo, se irá dibujando el texto. Lo podemos ver en los extremos:

Generar trazo en Adobe After Effects CS5

En el fotograma cero

 

 

Generar trazo en Adobe After Effects CS5

En la mitad del tiempo de animación

 

Generar trazo en Adobe After Effects CS5

En el final del tiempo de la animación

 

Si presionas el ícono de Play, podrás ver la animación en forma contínua.

Luego, depende de tu criterio estético para jugar con los controles y valores del Efecto Stroke de Adobe After Effects CS5. Prueba cambiar los colores, el estilo del trazo, o el espesor.

Generar trazo en Adobe After Effects CS5

 

1 Respuestas »

  1. Solo sirve con texto??
    Quiero hacer algo así, pero mi capa es una capa hecha en Illustrator, y me da la impresión que así no funciona…

Dejar un comentario

Tenga en cuenta: la moderación de comentarios está habilitada y puede retrasar su comentario. No hay necesidad de volver a enviar su comentario.

¡SUSCRÍBETE GRATIS!

Nosotros

AskTutorial nace en Junio del 2010 en la ciudad de Chicago, IL con el fin de crear Tutoriales Educativos en Español dirigidos a la comunidad de habla hispana en Estados Unidos y alrededor del mundo. Gracias a la excelente respuesta del publico que diariamente ve nuestros videos nos hemos extendido a no solo crear video tutoriales, si no tambien ofrecemos información relevante de acuerdo a sus preguntas.

Archivos / Mes

Contenido Bloqueado Solo Para Seguidores

Para ver el contenido solo sígueme en cualquiera de estas redes sociales. ¡Muchas gracias por todo!