Hacer Banners Para Tus videos en After Effects!

Holaa, Vengo a flotar!

►Gentee!, hoy les traigo un Tutorial para que ustedes mismos puedan hacer banners para sus videos en After effects.. Yo usé AE CS4 , Pero ustedes pueden usar el que tengan, ya que usamos herramientas presentes en todas las versiones................►Bueno Empezemos◄!

Creamos una nueva composicion, con los siguientes parametros en este caso...

Ahora creamos un nuevo solido de cualquier color, en este caso un turquesa..

Creamos otro solido, del mismo color, pero un poco mas oscuro, asi.

Seleccionamos el solido mas oscuro y presionamos la letra "P"

Y lo bajamos hasta la mitad asi..

Creamos otro solido del mismo color, pero esta vez un poco mas claro..

Y hacemos lo mismo que con el anterior, pero lo hacemos mas finito y lo ponemos arriba asi.

Ahora los seleccionamos a todos

[/size]

Y le ponemos un nombre, en este caso "Barra"

Ahora como hicimos antes, le cambiamos el tamaño y lo dejamos masomenos asi..

Una vez hecho eso abrimos nuestro logo, o imagen que quieran poner; En PNG preferencialmente.

Lo ponemos a la izquierda arrastrandolo..

Ahora selecionamos el logo

y le ponemos el efecto resplandor

Yo le cambie los parametros asi..

Bueno, una vez terminado eso seleccionamos la Barra y seleccionando la herramienta de la Pluma hacemos una mascara de esta forma..

Y nos quedaria de esta manera

Ahora seleccionando el logo vamos a "Capa"> "Precomponer"

Y le ponen el nombre que qieran..

Una vez listo esto Vamos al texto.. Escriben lo que vana poner, y lo mueven para que quede donde ustedes quieren..

Ahora le agregamos un estilo de capa de "Resplandor exterior"

Con estos parametros

Ahora precomponemos el texto de la misma manera de antes..

Ahora abrimos la composicion del texto haciendole doble click.. se deberia ver asi..

E importamos una imagen como la que puse yo.. ya van a ver para que es..

Ponemos la capa del texto por abajo de la otra, y en la de la imagen ponemos "Mate luma invertida" Asi..

Ahora si volvemos a la composicion original veremos que el texto se vé como con textura..

Seleccionando la capa de texto vamos a aplicar un efecto de Brillo/Contraste para aumentar el efecto.

Yo le puse estos valores, ustedes lo modifican a su gusto.

Bien , ahora Agregamos la imagen del brillo que les voy a dejar para descargar Al final..

Ahora lo achicamos y lo ponemos en la parte inferior de la barra

Y le agregan una mascara para que no se vean los bordes, y le suben el calado de mascara

Bien, ahora dejamos visible unicamnete la capa de la barra

Y haciendo click en la flechita que tiene a la izquierda modifican los valorea de punto de anclaje para que quede A la izquierda de la barra..

Una vez hecho eso, Vamos a empezar con las animaciones.
Vamos al fotograma 8 y ponemos un keyframe de rotacion en la capa "Barra"

Ahora vamos al Fotograma 0 y giramos la barra hacia arriba...
Y en el fotograma 6 lo ponemos un poco mas abajo, como se ve en la imagen.

Ahora en el fotograma 3 agregamos un keyframe de opacidad al 100%, y en el fotograma 0 agregan un keyframe de opacidad 0% .

Activamos la opcion de blur en todas las capas..
Y agregamos 1 keyframe de escala y rotacion en el fotograma 6

Vamos al fotograma 0 y ponemos Rotacion 1x, y escala 0...
Y en el fotograma ponemos un keyframe de opacidad 100%

Y en el fotograma 0 un keyframe de opacidad 0%

Nos quedaria asi..

Ahora a la derecha del espiral pequeño al lado de cada capa.. hacemos lo siguiente, En la capa de texto y la del brillo seleccionamos "Barra"

Sellecionando la capa de texto, el el fotograma 5 agragan un keyframe de opacidad 100%.

y en el fotograma 0 opacidad 0%.

Ahora, en el frame 8 agregan un keyframe de posicion a la capa del Brillo..

Yo agrege la misma imagen, de esta forma, con opacidad mas baja..

A esta nueva imagen, al lado del espiral le seleccionan la capa "flares ...." Que pusimos primero..

Y en el segundo 4 le ponen al primer brillo un keyframe de posicion con el destello corrido ala derecha..

Seleccionan los 2 brillos y los precomponen asi..

Le va a quedar asi..

Ahora en el frame 5 le ponen opacidad 0% y en el frame 8 un keyframe con opacidad 100%

Ahora cerca del segundo 4.. vamos a poner un keyframe de rotacion, asi como esta..

Ahora ponemos los keyframe que hagan falta en el texto para que cuando termine se baje la opacidad.. Igual que como mostre antes con las distintas capas..

Ahora ponemos un keyframe de escala y rotacion al logo tal como esta

Ponemos unos keyframe con escala 0% y rotacion 1x para que se valla girando y achicando..

Bueno, una vez terminado, creamos una nueva composicion para Hacerle una correcion de color general..

Yo le puse estos efectos..

Bueno, eso fue todo, Si queres el proyecto que usamos en el Tutorial te lo dejo aca abajo. Y los recursos te los dejo ahi tambien... Saludos, espero que les sirva!


Proyecto + Recursos

Nos vemos gente!