Efecto texto matrix en After Effects

Que tal? Hoy vamos a ver como crear el efecto de la película de matrix, con los símbolos desplazandose aleatoriamente y generando formas.

Muy bien. Lo primero que vamos a hacer, es generar una composición nueva en After Effects. Ahora con la herramienta ” texto “, creamos una caja de las dimensiones de la composición, y la llenamos.  La podeis llenar con cifras,letras, etc. Yo he utilizado la fuente matrix que podeis bajaros de aquí. Descarga la fuente Matrix
El color, podeis utilizar el que mas os guste.( Ver imagen ).

Ahora vamos a animarlo. Para ello desplegamos la pestaña de la capa texto, y hacemos clic en ” animar “ ( seleccionando ” habilitar 3d por caracter ” , para poder animar el texto en profundidad). Seguidamente,  volvemos a hacer clic en ” animar “ seleccionando esta vez, desplazamiento de caracteres  ( para aleatorizarlos ). ( Ver imagen ).

Muy bien. Ahora vamos a configurar los parámetros. Como veis, en la capa de texto tenemos una pestaña que se llama ” animación 1 “. Ok, desplegamos ” selector de rango “ , y ” avanzado “ para configurarlo de la siguiente manera:
1- En ” forma ” ,seleccionamos ” pendiente hacia arriba “.
2- En ” Aleatorizar orden “ , ” activado “.
3- En ” desplazamiento de caracteres “ , activamos el cronómetro y vamos moviendo el valor a nuestro gusto, para ir generando puntos de ancla con la aleatoriedad de los caracteres.( Ver imagen ).

Ahora hacemos clic en ” agregar “ seleccionando ” propiedad / posición “, ( que nos va a servir para darle profundidad a los caracteres ). ( Ver imagen ).

En la propiedad ” posición “ ( que acabamos de crear ), activamos el cronómetro y cambiamos el valor de ” z “ , para darle profundidad a los caracteres a nuestro gusto. ( Ver imagen).

Muy bien. Ahora vamos a hacer que generen una forma. Para ello podeis utilizar cualquier imagen yo he utilizado un degradado radial reflejado, creado en photoshop,  ( pero vale cualquier imagen que esté en blanco y negro. Esto es importante, ya que nos va a servir como mapa de desplazamiento ). Si quereis utilizar el mio, podeis descargarlo aquí. Descargar degradado
Creamos una nueva composición y añadimos el degradado y la composición de los caracteres, que hemos creado antes.( Ver imagen ).

Ok. Ahora desactivamos la visualización de la capa ” degradado “, y seleccionando la capa ” comp 1″ ( la animación del texto ), vamos a aplicarle el efecto ” simulación / baile de cartas “, el cual configuraremos de la siguiente manera:
1- En ” filas “,le aplicamos el número de divisiones horizontales. ( Cantidad de cartas y dimension horizontal ).
2- En ” columnas “,le aplicamos el número de divisiones verticales. ( Cantidad de cartas y dimension vertical ).
3- En ” capa trasera “ seleccionamos la capa del texto o ” comp 1 “.
4- En ” capa de degradación “ seleccionamos ” degradado “.
Desplegamos ” posición z “, y configuramos:
5- En ” origen “ , seleccionamos ” rojo 1 “.
6- En ” multiplicador “ , hacemos clic en el cronómetro y vamos creando keyframes cambiando el valor.( Ver imagen ).

Y eso es todo. Un efecto interesante ¿ Verdad ?.
Espero que os sea de utilidad.
Hasta otra.
Para ver mi portafolio: Gustavo Castro

21 comentarios de Efecto texto matrix en After Effects

  • Roxana  dice:

    Sorry…pero soy nueva y remala ….y estoy atascada desde ya solo con la primera parte….como hago la caja de dimensiones para colocar las letras…y peor aun como creo o instalo el tipo de letra en el after.??

    Pls dame una mano
    Roxana

    • admin  dice:

      Hola Roxana.
      Para crear la caja de texto, lo unico que tienes que hacer es con la herramienta ” texto”, pinchar y arrastrar para crear una caja con las dimensiones que quieras.
      Las fuentes no se instalan en After, tienes que instalarlas en el sistema operativo. Pinchar y arrastrar a la carpeta fuentes que está en “panel de control”.
      Un saludo.

  • Marcos  dice:

    Que buen tutorial!
    me ayudo muchos ademas! tu web la aca de guardar a Favoritos!

    Sigue asi buen trabajo! :)

    • admin  dice:

      Gracias.
      Me alegro mucho de que te haya gustado.
      Un saludo.

  • Nolvia  dice:

    Hola me ha gustado mucho el tutorial, me gustaría saber si has hecho alguno que algún personaje vuele de un lugar a otro.

    Saludos,

    • admin  dice:

      Hola. me alegro de que te haya gustado.
      No, todavia no he hecho ningun tutorial de ese tipo, pero no te preocupes, que lo tengo en cuenta, y cuando pueda lo haré.
      Un saludo.

  • Susana  dice:

    Hola Gustavo, perdon por comentar en este video que nada tiene que ver con la duda que yo tengo, pero es que la verdad estoy desesperada, tengo que entregar un video y quisiera hacer los efectos llamados Kinectic Typography, sin embargo son muy pocos los lugares donde te enseñan como hacer eso, mi duda es como hacer el efecto de las letras ITS ANOTHER CHRISTMAS del siguiente video http://vimeo.com/8124393, es ese EFECTO que parecen que se mueven desde arriba, he buscado POR TODOS LADOS y no puedo saber como lo hacen.. OJALA me puedas ayudar!!!!
    MUCHAS GRACIAS DE ANTEMANO!

    • admin  dice:

      Hola.
      Ese efecto es bastante facil. Lo que tienes que hacer es generar las frases, y en el desplegable de la capa de texto tendrás dos opciones ” texto ” y ” transformar “. Muy bien, a la derecha de ” texto ” tienes una opción que pone ” animar “, pues en ese desplegable seleccionas ” habilitar 3d por caracter ” esto crea en transformar los tres ejes 3d para que puedas transformar en 3d el texto. A continuación vuelves al desplegable de ” animar ” y seleccionas ” posición ” . Se habrá añadido una opción que se llamará ” animación 1 ” animas cualquier valor de posición ( para que bajen, suban, entren desde la derecha o la izqda ), pero la clave está en desplegar ” selector de rango ” y animes los valores de ” inicio ” o ” fin “( la diferencia entre animar uno u otro, es que semuevan desde el final de la frase los caracteres o desde el principio ). Ahora solo queda que trastees con el efecto hasta conseguir lo que desees.
      Espero haberte sido de ayuda.
      Un saludete.

  • Gerardo  dice:

    Amigo, felicidades por tu pagina muy buena para todos nodotros, resulta que me llego el rumor de que con After Effects se puede hacer que el video se vea como pelicula de 35mm, o sea 24x segundo, es cierto eso? y si es asi te agradeceria mucho un tutorial o algo asi, gracias de antemano!!

    • admin  dice:

      Gracias.
      Para cambiar la velocidad de fotogramas, haz lo siguiente:
      1. Selecciona el video en el panel Proyecto.
      2. Elije Archivo > Interpretar material de archivo > Principal.
      3. Selecciona Ajustar a la velocidad de fotogramas, escriba una nueva velocidad de fotogramas para Fotogramas por segundo y, a continuación, haz clic en Aceptar.
      Espero que te haya servido.
      Un saludo.

  • alterego  dice:

    gracias por el tutorial

    • admin  dice:

      De nada.
      Un saludo

  • Gerardo  dice:

    Muchas gracias amigo, me sirvio mucho tu explicacion, gracias !!!

  • legionario  dice:

    hola amigo estaba realizando el tutorial pero al final cuando agregas la composicion 2 como hago para que la composicion 2 y la foto me aparescan en la parte baja con las lineas correspondientes para agregarle la simulacion por mas que arrastro busco no encuentro la forma por favor amigo espero tu respuesta gracias de antemano

    • admin  dice:

      Tienes que poner las capas en 3d. Y darle los valores de poscion.
      Un saludo.

  • Rope  dice:

    I feel so much happier now I unrdetsnad all this. Thanks!

    • admin  dice:

      You’re welcome. I’m glad you liked it.
      Greetings.

  • niko r  dice:

    OMG MEN U ARE A FAKIUN GENIUS como c nta q noce ingles jaja sos un capo gracias por el efecto es muy lindo (aunque no tiene utilidad) pero es lindo igual una preguntita : ¿ lo puedo hacer con un texto ?

    • admin  dice:

      Hola. Claro que lo puedes utilizar con texto, puedes aplicarlo a lo que quieras.
      Un saludo.

  • steff  dice:

    Hola me podes explicar lo de animar el texto, no eh dado con eso, Gracias

    • admin  dice:

      Hola. Es muy facil. En la capa de texto tienes que animar por desplazamiento de caracteres, y muy importante que que aleatorizar orden esté activado. Luego ya desplazas en profundidad la capa de texto y ya está.
      Un saludo

Deja una respuesta

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>