Animar letra por letra una palabra

3dpoder - 28/10/2009 15:12
[size=5]animar letra por letra una palabra[/size]
Autor: carlo pico de [url]http://inerxia.net[/url].

Recibimos muchas visitas en inerxia buscando información sobre cómo animar un texto en After Effects. Por eso escribí este tutorial, que explica como animar propiedades como escala y opacidad con selectores, un módulo especial para capas de texto que permite animar letra por letra una palabra o frase.
1. Despliega la capa de texto para ver sus propiedades y busca la pestaña animate.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116109



2. En este menú aparecen las propiedades que uno puede modificar como pivote (anchor point), posición, escala y otras como el espaciado entre caracteres (tracking). Selecciona escala (scale).


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116110



3. Estas propiedades tienen dos componentes principales, uno el valor de esa propiedad, en este caso lo modifiqué a 500%, y otro el selector (range selector).


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116111



4. Despliega el selector y anima el valor de inicio (start) de 0% a 100%, en este ejemplo hice en 3 segundos, esto hará que los caracteres disminuyan su tamaño uno por uno.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116112



5. Ahora agrega la propiedad opacidad (opacity) para ser animada de la misma manera, es decir dejando su valor en 0 y animando el inicio del selector de 0% a 100%, 3 segundos.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116113



6. También se pueden agregar estas propiedades sin necesidad de animarlas, en este caso vamos agregar la propiedad anchor point (pivote) para modificar el pivote individual de cada carácter a -20. Esto con el fin de alinear los caracteres en su centro y no en su base.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116114



7. Por último, agrega la propiedad de desenfoque (blur) y repite la misma operación que con las dos primeras propiedades, primero su valor, más o menos 100 y luego anima el inicio del selector de 0% a 100%.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116115



8. Para el ejemplo del video simplemente agregué el efecto de resplandor (Glow), convertí el layer a 3d y animé una cámara alrededor de este. Para aprender como animar una cámara mira el tutorial cámara en After Effects.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116116



Existen muchos presets de animación para texto que vienen con After Effects, unos mejores que otros, y todos funcionan con estas propiedades. Solo abre la ventana de effects & presets/animation presets/text. Suerte.
[video]ydlxdxedpiq[/video]

Autor: carlo pico de [url]http://inerxia.net[/url].

.

-- IMÁGENES ADJUNTAS --

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116109



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116110



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116111



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116112



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116113



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116114



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116115



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #116116