Tutorial Texto y Trazado de Máscara en After Effects

By Carlo | Published: October 19, 2009

Tutorial-Texto-Trazado-Máscara-After-Effects Este es otro método para animar capas de texto en After Effects pero esta vez orientado más a diagramas y siluetas que a palabras o caracteres. Si ya realizaste el tutorial de Selectores de Texto este otro es pan comido. Video, tutorial y proyecto para descargar a continuación.

1. Tipear
Selecciona la herramienta de Texto y escribe muchos puntitos, flechitas y todos esos caracteres que se usan en el MSN.

Tutorial-Texto-y-Trazado-de-Máscara-en-After-Effects01

2. Trazar una máscara
Teniendo seleccionada la capa de texto, crea una máscara con la herramienta Pluma.

Tutorial-Texto-y-Trazado-de-Máscara-en-After-Effects02

3. Seleccionar la máscara en el trazado
En las propiedades de Texto de la Linea de Tiempo selecciona en Opciones de Trazado la máscara que acabas de crear.

Tutorial-Texto-y-Trazado-de-Máscara-en-After-Effects03

4. Ajustar las propiedades de texto
Ajusta las propiedades del texto desde la ventana de Propedades de Texto: Distancia de la linea base, Espacio entre caracteres, etc.

Tutorial-Texto-y-Trazado-de-Máscara-en-After-Effects04

5. Seleccionar animar la Opacidad
De nuevo desde las propiedades de Texto de la Linea de Tiempo selecciona Animar Opacidad. Esto genera un Selector de Rango de la propiedad opacidad.

Tutorial-Texto-y-Trazado-de-Máscara-en-After-Effects05

6. Animar el selector de Rango
Pon la propiedad Opacidad en 0. Desde este Selector de rango crea Fotogramas Clave para Inicio: Que pase de 0 a 100.

Tutorial-Texto-y-Trazado-de-Máscara-en-After-Effects06

Listo!
Con los selectores de texto se pueden lograr muchísimas cosas incluso crear elementos de diseño como en este caso.

Descargar Proyecto

Descargar Proyecto

INSTRUCIONES

  1. Descarga el proyecto y fíjate en las otras propiedades que están animadas.
  2. Prueba animar de esta manera usando máscaras mas complejas.
  3. Prueba añadir efectos.
This entry was posted in tutorial and tagged , , , . Bookmark the permalink. Both comments and trackbacks are currently closed.

17 Comments

  1. José
    Posted October 19, 2009 at 7:32 am | Permalink

    lo voy a probar, me viene perfecto para una idea que tenía en mente.

    Gracias!

  2. erika
    Posted October 19, 2009 at 11:33 am | Permalink

    Gracia por publicar estos tutoriales me gustan mucho, ojala pueda publicar uno que tenga efectos de texto, o uno que dibuja el logo, y donde puedo aprender más

    • Carlo
      Posted October 19, 2009 at 11:53 am | Permalink

      Buena idea, gracias por la recomendación.

  3. Sebastian Ferrucci
    Posted October 19, 2009 at 12:53 pm | Permalink

    Hola, estoy loco por saber este efecto, me gusta mucho lo que haces, lo digo por el proyecto que vi de PROYECTOR y MUSEO, mirá esto y decime si sabes como hacerlo http://www.youtube.com/watch?v=kYaRg7I-TR4 lo subí yo para que lo puedas ver. GRACIAS.

    • Carlo
      Posted October 19, 2009 at 4:28 pm | Permalink

      Gracias. A simple vista parece hecho en 3d SMax, pero te recomiendo que preguntes en el foro por si alguien tiene una mejor respuesta

  4. Ricardo
    Posted October 19, 2009 at 5:50 pm | Permalink

    Gracias por tus aportes son todoooooooooos muy buenos

  5. Juan Carlos
    Posted October 19, 2009 at 8:38 pm | Permalink

    De mucha utilidad. Muy bueno felicitaciones

  6. OMAR
    Posted October 21, 2009 at 5:42 am | Permalink

    MUY BUENO el tutorial!!!!
    tiene muchas aplicaciones para poner en práctica. Enhorabuena CARLOO

  7. Evans RWMstudios.com
    Posted October 21, 2009 at 11:18 am | Permalink

    Inerxia necesito saber si puedo yo importar un vector desde illustrator y me funcione como path en ae, se puede? Gracias carlo, excelente tutorial sencillo y fácil de recordar.

    • Carlo
      Posted October 21, 2009 at 1:04 pm | Permalink

      Gracias. Si lo vas a usar solo como Path, te recomiendo Copiar+Pegar desde el elemento en AI a una máscara nueva en AE. Al menos desde Photoshop siempre me ha funcionado de esta manera.

  8. Evans RWMstudios.com
    Posted October 21, 2009 at 9:35 pm | Permalink

    Muchisimas gracias piko , ahora que pena con la preguntadero me gustaria revisaras este link y si puedes realizar un tutorial yo se que tu debes saber como se realiza y de seguro debe algo muy sencillo, es sólo que creo que puede ayudar a enriqueser muchos proyectos.
    Gracias Inerxia.

    http://www.youtube.com/watch?v=25eWFSrgcSE

  9. Ivan
    Posted October 22, 2009 at 6:23 am | Permalink

    Hola carlo queria preguntarte como es que hiciste la persona con los puntitos ahi alguna forma?

  10. Evans RWMstudios.com
    Posted October 22, 2009 at 3:39 pm | Permalink

    Carlo muy bien, me referia es al efecto a voltear la letra en el video como si estuviera pegada a la pared, aunque ya creo que seria construyendo un trazado 3d al igual que el texto, bueno no se si sea asi , voy a trabajarlo muchas gracias.

  11. Mex Zealot
    Posted October 23, 2009 at 11:36 am | Permalink

    Hola Carlo saludos desde México, disculpa por insistir en este tipo de tutoriales , pero como se logra este tipo de efectos

    http://www.youtube.com/watch?v=UreI78LVJGI

    http://www.youtube.com/watch?v=n4Qkpx86cTU

    ¿Se pueden lograr animar imagenes para estas “crezcan” o aparezcan de la nada, como en el video anterior, utilizando tecnicas de tu tutorial “Tutorial Escribir Firma en AE”?

    espero con ansias tu respuesta, pronto subire algo que realice con tu proyecto Polaroid muchas gracias por compartir.