Efecto creditos luz en After Effects

Que tal? Hoy vamos a ver un efecto muy interesante para vuestras composiciones multimedia. Un efecto de texto característico que podemos ver en los créditos de muchas películas.

Lo primero que vamos a hacer es crear una nueva composición en After Effects.
A continuación creamos con la herramienta ” texto “ , la palabra o frase que queramos. ( Ver imagen ).

Duplicamos la capa y le llamamos ” desenfoque “. A esta capa le vamos a aplicar un desenfoque, desde ” efecto / desenfocar y enfocar / desenfoque radial “, poniendo el valor de ” nivel “ a ” 20 “, en ” tipo “ seleccionamos ” zoom “ y la ” calidad “ la ponemos en ” alta “. ( Ver imagen ).

Duplicamos esta capa y en el efecto cambiamos el valor de ” nivel “ a ” 40 “, dejando el resto igual. Duplicamos otra vez la capa y en el efecto cambiamos el valor de ” nivel “ a ” 80 “ dejando el resto igual.Volvemos a repetir el paso de nuevo, pero en esta ocasión poniendo el valor de ” nivel “ a ” 100 “. ( Ver imagen ).

Seleccionamos todas las capas de ” desenfoque “, y nos vamos a ” capa / precomponer “, ( para combinarlas en una composición ). Ok. Duplicamos la precomposición que acabamos de crear, y nos vamos a ” efecto / desenfocar y enfocar / desenfoque radial “, poniendo el valor de ” nivel “ a ” 100 “, en ” tipo “ seleccionamos ” zoom “ y la ” calidad “ la ponemos en ” alta “. Ponemos el valor de opacidad de esta capa a ” 25% “. ( Ver imagen ).

Volvemos a precomponer las capas del desenfoque desde ” capa / precomponer “, y nos vamos a ” efecto / desenfocar y enfocar / desenfoque rapido “, poniendo el valor de dimensiones en ” horizontal “, y el valor de ” difuminación “ a vuestro gusto. ( Yo he puesto un valor de ” difuminación ” de ” 18 ” ). ( Ver imagen ).

Muy bien.Seleccionamos la capa ” desenfoque “, y creamos una máscara con forma de rombo en modo ” sumar “ , la pondremos al principio del texto, y le daremos calado para que se difuminen los bordes. ( Ver imagen ).

Activamos el cronómetro de ” trazado de máscara “ en el principio de la animación y avanzamos hasta el punto donde queramos que termine. En este punto, deplazamos la máscara hasta el final del texto, ( con lo que nos habra generado la animación de la máscara de izqda a drcha ). ( Ver imagen ).

Ahora seleccionamos la capa del texto, y creamos una máscara rectangular,colocándola antes de comenzar el texto. Le damos calado y animamos el ” trazado de máscara ” , extendiendo la máscara hasta el final ( compaginándola con la máscara de rombo de la capa anterior ). ( Ver imagen ).

Vale. Ahora con la capa de texto seleccionada, nos vamos a ” efecto / estilizar / resplandor “, aplicándole un valor de ” radio del resplandor “ a nuestro gusto. ( Ver imagen ).

Duplicamos la capa de texto con ” ctrl + d “ , y la colocamos debajo bajando su opacidad al ” 25% “ . Le aplicamos un desenfoque desde ” efecto / desenfocar y enfocar / desenfoque gaussiano “, poniendo el valor de difuminación en mas o menos ” 6 ” .( La máscara y los efectos que tiene los dejamos sin tocar ). ( Ver imagen ).

En esta misma capa, nos vamos a la máscara y seleccionamos el último keyframe de ” trazado de máscara “ . Lo desplazamos hacia la izquierda, con lo que dejaremos ver un poquito de la capa con opacidad ” 25% “( Ver imagen ).

Pues con esto ya está.
Espero que os sea de utilidad.
Un saludo.
Para ver mi portafolio: Gustavo Castro

14 comentarios de Efecto creditos luz en After Effects

  • bea  dice:

    Muy bien explicado. Te seguiré ;)

    • admin  dice:

      Gracias.
      Me alegro de que te sirva de utilidad.
      Un saludo.

  • pablo  dice:

    hola, lo segui paso a paso y no me resulto, esta muy util…me podrias ayudar.

    • admin  dice:

      Hola. Seguramente te estas dejando algo……. mira a ver.

  • UlquiorraNeliel  dice:

    buen trabajo, te lo agradesco demasiado; pero por favor haz más de afters effects, como maquina de escribir, o que se yo, te lo agradeceria

    • admin  dice:

      Gracias.
      Un saludo.

  • victor  dice:

    hola muy buen tutorial solo que me quedo en la aplicacion de mascaraen forma de rombo a mi NO me aparece el cuadro que te aparece a ti en forma de rombo podrias ayudarme?

    • admin  dice:

      Hola. Puedes hacer la máscara de rombo con la pluma, manteniendo pulsada la tecla Shift para que te haga lineas a 45º.
      Un saludo.

  • Alejandro  dice:

    Muy bueno y muy bien explicado, gracias por tus aportes

    • gustavo castro  dice:

      Gracias a ti.
      Me alegro de que te haya gustado.
      Un saludo.

  • Getze  dice:

    Hola, ¿se podrá cambiarle el color a al efecto de luz que sale de las letras? yo he realizado esto paso a paso y logré hacerlo, pero mi fondo no es obscuro y se pierde un poco, por ello necesito cambiarle el color. Gracias

    • gustavo castro  dice:

      Por supuesto. O prueba con otros modos de fusión de capas.
      Un saludo.

    • Haruhito  dice:

      Bueno visto lo visto, la galer a es de fotos desenfocadas (a propf3sito) pero a mi pemronalsente no me ha gustado y creo que no es un buen ejemplo de buenos bokeh.Extraido directamente de la Wikipedia la definicif3n de bokeh , pronunciado boque9′, es un concepto japone9s (ぼけ boke) que significa desenfoque. En fotograf a, se utiliza este concepto para referirse a la calidad subjetiva de un objetivo por la este9tica de las zonas desenfocadas que produce en una fotograf a. Se trata por tanto no de la cantidad de desenfoque que un objetivo produce, sino de cf3mo es. Para la fotograf a de determinados motivos, es interesante que el fondo quede desenfocado para evitar distracciones al observar la fotograf a y resaltar de este modo el motivo. Mientras que unos objetivos muestran los objetos desenfocados como manchas circulares, otros lo hacen en otras formas, colores y contrastes.En flickr hay ejemplos de aute9nticas obras de arte y de artistas fotf3grafos muy especializados y hacer un buen bokeh es bastante dificil creo que en la galer a que nos muestras sobre todo hay pruebas de desenfoques de luces.Un saludo.

  • Ángel Yukai  dice:

    :D ¡Yeah! No brilla tanto, pero me salio bien, muchas gracias :D :D :D

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>