Tutorial After Effects: Selectores de Texto

Son muchas las visitas que recibe Inerxia buscando información sobre animación de texto en After Effects. Por eso escribí este tutorial, que explica como animar propiedades como escala y opacidad con selectores, un modulo 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’

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)

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).

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

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.

6. Tambien 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 caracter a -20. Esto con el fin de alinear los caracteres en su centro y no en su base.

7. Por último agrega la propiedad de Desenfoque (Blur) y repite la misma operacion que con las dos primeras propiedades, primero su valor, mas o menos 100 y luego anima el inicio del selector de 0% a 100%.

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.

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!

This entry was posted in tutorial and tagged , , , , . Bookmark the permalink. Both comments and trackbacks are currently closed.

15 Comments

  1. mavelixx
    Posted June 3, 2008 at 11:48 am | Permalink

    super! gracias

  2. Akane Ichijouji
    Posted June 17, 2008 at 10:48 pm | Permalink

    muchisimas gracias ya que estoy aprendiendo. Yo edito DVD’s de baile y por lo general utilizo algunos efectos y este me ah gustado muchisimo.

    Podrias hacer un tutorial sobre lo que son zoom en el after effects? me gustaria aprender a hacerlo tanto en letras como en videos :D

  3. Anonymous
    Posted August 2, 2008 at 6:55 pm | Permalink

    muy bueno…gracias…master!!!!
    me interesa…mucho…el tema de mothion graphic… es muy dificil..creo?? pero…el tema de animacion de letras me sirve muchisimo..muchas gracias de nuevo…segui asii!!!!!!!!

  4. Posted August 2, 2008 at 7:58 pm | Permalink

    Gracias a todos.

    Mucha Suerte !

  5. Posted November 12, 2008 at 9:50 pm | Permalink

    hola, lo primero gracias por este tremendo tutorial, soy nuevo con este soft tengo el Adobe After Effects CS4 lo de animar el texto me quedo muy lo claro, la parte que no entendi fue lo ultimo

    “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”

    mi pregunta es como saco esos efectos,el soft que tengo esta en español :S, disculpa si es mucha la patudes, pero podrias hacer un tutorial de como utilisar estos efectos ??? desde ya mil gracias :D

  6. Posted November 12, 2008 at 10:10 pm | Permalink

    @djmix: gracias por el comentario, para el 3D simplemente sigue el tutrial de cámara en ae. Y tienes toda la razon, el efecto glow (resplandor) deberia tener su tutorial ya que tiene muuuchas opciones para modificar.

  7. yukinon
    Posted November 13, 2008 at 5:55 pm | Permalink

    Holas! el tutorial esta interesante! d seguro q m servira ya q recien me inicio en este mundillo del after..y con respecto a los efectos, parece q es photoshop pero en movimiento ^^.
    gracias por la paciencia d explicar y bueno,ya nos seguiremos leyendo, pues tu web me gusta mucho =)
    salu2!

  8. Posted November 13, 2008 at 6:06 pm | Permalink

    Gracias yuki

  9. silvi
    Posted December 4, 2008 at 6:17 pm | Permalink

    muy buen tuto pero tengo un prblema a mi no me aparece la opcion de texto y no lo puedo hacer plis si alguien sabe x q!!!!

  10. Posted December 4, 2008 at 6:20 pm | Permalink

    Gracias Silvi.
    Tal vez tienes oculta la columna con estas propiedades
    Presiona F4

  11. silvi
    Posted December 5, 2008 at 1:14 pm | Permalink

    ya lo intente presionando F4 pero mno pasa nada no se x q!

  12. Posted December 5, 2008 at 7:28 pm | Permalink

    F4 es para mostrar la columna de opciones.
    A que te refieres con opción de texto?

  13. josé
    Posted December 17, 2008 at 5:14 pm | Permalink

    Antes que nada, felicitarte: este site es excelente, tutoriales útiles, sencillos y muy bien explicados.

    Tengo una duda acerca de éste en particular, cómo hacés para animar cada carácter por separado? individualmente me refiero. No puedo hacerlo.

    Gracias!

    • Posted December 17, 2008 at 5:22 pm | Permalink

      Gracias josé. Mira el paso 4: Range Selector.

  14. José
    Posted December 17, 2008 at 5:30 pm | Permalink

    Genial! Increíble la velocidad para contestar.

    Realmente muy bueno todo lo que hacen!

    Saludos y gracias nuevamente.