Tutorial After Effects – Creando un trailer de película parte 1
Jul 3, 2009 After Effects, Tutoriales

Hace poquito les traje un link desde el blog de Teo Atienza con los mejores blogs de diseño en español. Pues navegando entre sus páginas encuentro un muy buen tutorial en el que Teo nos enseña a hacer un poster para una película catástrofe, todo en Photoshop, (dicho sea de paso, altamente recomendable el tutorial, muy pero muy bueno) y me dije: “sería una buena idea crear un trailer para dicha película, ¿no?“. Pues… aquí vamos entonces.
1- Algunas consideraciones previas
- En éste tutorial trataremos de no utilizar ninguna parte de ninguna película, usaremos solo fotos e imágenes sacadas de la web y trabajaremos sobre eso. Tampoco meteremos actores ni nada, atengámosnos a las imágenes estáticas.
- Lo primordial sería hacer un repaso por los films catástrofes que hemos visto y recordemos. Principalmente me vienen a la mente algunos de los films de Roland Emmerich,como Día de la Independencia, El Día después de Mañana, etc. Aunque también podemos recordar Impacto Profundo o Armagedon. Hay algo que todos esos films tienen en común: grandes ciudades destrozadas por un meteorito, un asteroide, una ola gigante, etc. Pues eso es lo que haremos, seleccionaremos algunas imágenes las destruiremos de la mejor manera posible.

- También vamos a utilizar algunos textos que den un poco de suspenso y tensión al trailer, algo simple, pero pensando en un buen diseño. Y así lo armaremos más o menos: Texto, imagen, texto, imagen, y un gran final. ¿se entiende?.
- La idea sería ésta: un buen día comienza a llover en todo el mundo, durante días y días, hasta que toda la tierra queda sumergida en agua (mmm…muy Waterworld), así que esas imágenes que crearemos entre medio de los textos serán de grandes ciudades bajo tormentas y lluvias. Luego para el gran final, utilizaremos una gran ola que viene hacia cámara.

2- Comenzando – Misión: lluvia en todo el mundo
Comencemos con algunas imágenes de ciudades bajadas de internet como las que elegí yo. Hay que tratar que sean bien grandes, ya que trataremos de hacerle movimientos de cámara, para que no se note que es una imagen 2d. En la imagen que elegí se ven autos por las calles, lo cual va a ser un problema, ya que habría que darles movimiento.

Pues hacemos algo simple: abrimos la imagen en Photoshop y comenzamos a separar los autos que veamos en layers aparte. Con la herramienta Lazo (L) recortamos los autos, pulsamos Control + C para copiarlos, y en un nuevo layer los pegamos con Control + V. Así con todos los autos que ustedes vean en la foto.

Luego lo que haremos en el layer original, es tapar los autos para que solo se vean los que hemos pegados en layers separados, o sea, donde había autos, copiamos pedazos de calle. A ésto lo logramos con la herramienta Tampón de Clonar (S), teniendo pulsado la tecla Control copiamos un pedazo de calle, luego soltamos la tecla y hacemos click donde estaban los autos recortados, verás de ésta manera estaremos clonando pedazos de la calle para borrar los autos de la imagen.
Así quedaría la imagen sin autos:

Y así con autos:

Lo que queremos hacer ahora es que parezca que realmente es una toma aérea de una gran ciudad, y que no se note que es solo una foto. Nos mudamos a After Effects donde montaremos la animación.Abrimos el programa e importamos el archivo PSD de la ciudad, y seleccionamos que sea importada como una composición. Una ves hecho ésto creamos una comp del tamaño que queremos que sea nuestro video final, yo suelo utilizar un formato Pal apaisado, 1024px por 576 pixels, a 25 cuadros por seg, píxeles cuadrados. De nombre le pondremos Comp Final.
Si se fijan en la pestaña de proyecto, verán que tenemos entonces, la Comp Final, que acabamos de crear, más la comp del PSD(en mi caso se llama foto 01) que importamos, y también una carpeta que contiene todos los layer que conforman la comp del PSD. Arrastra la comp del psd hacia la comp final.

Por ahora no vamos a trabajar sobre la comp final sino sobre la comp del PSD, así que al layer del PSD le hacemos click derecho y seleccionamos Abrir Composición. Verán entonces que en esa comp ya tenemos varios layers colocados, uno por cada layer que teníamos en Photoshop, el primero es la ciudad sin los autos, los demás son los autos por separado. Lo que vamos a hacer ahora es animar los autos para que parezcan que van andando por la calle. Para eso seleccionamos un layer y pulsamos la tecla P (posición), y creamos un keyframe en el segundo cero, al principio de la línea de tiempo. Luego nos movemos al segundo 6 aproximadamente, dependiendo de cuanto quieres que dure la toma, y allí movemos el layer, llevando el auto por la calle. Sigue haciendo lo mismo con los demás autos, llevándolos de un lado al otro. Si te parece que hay pocos autos, solo tienes que duplicar algunos layers y moverlos hacia otros lados de la ciudad, así parecerá más transitada la calle.

Listo entonces el tema de los autos. Ahora volvemos a la Comp Final. Vamos a hacer de cuenta que la toma es un paneo aéreo por la ciudad, para ésto seleccionamos el layer del PSD, pulsamos la P y en el segundo cero creamos un keyframe, luego nos vamos al segundo 6 y movemos el layer levemente. Así parecerá que vamos sobrevolando la ciudad.
Ahora vamos a crear la lluvia que inundará al mundo. Y no utilizaremos ningún plugin ni nada por el estilo, ya que tenemos 3D Studio Max, lo usaremos para crear la lluvia.
Lo primero que haremos será cargar la imagen en el viewport del 3D Studio Max así podremos darnos una idea de la angulación de la cámara, tratando de copiar más o menos la misma posición. Pulsamos la tecla 8 para abrir la ventana de Environment, en el recuadro donde dice NONE hacemos click, y de la ventana que se abre seleccionamos “bitmap“, buscamos la foto de la ciudad y listo. Lo que haremos después, es ir al menu Views/Viewport Background, y en la ventana que se nos abre tildamos Use Environment Background, y más abajo tildamos Display Background.
Ahora ves la foto en el viewport. Creamos una cámara y tratamos de copiar la angulación de la cámara de la foto, así la perspectiva de la lluvia será igual. Creamos un sistema de partículas Spray, y chequeamos de colocarlo más arriba de donde apunta a la cámara, así las gotas caerán desde arriba de la toma. En los seteos del Spray, coloquen lo siguiente:

Ponganle un material celeste-gris, transparente, tipo agua, y listo, ya está lista la escena, ahora solo hay que hacerle render. Elige un formato secuencia PNG con canal alpha.
Volvemos a After Effects, e importamos la secuencia PNG que acabamos de crear y la arrastramos encima del PSD, en la comp final. Para que quedara más torrencial, dupliqué la capa de la lluvia un par de veces, y aparte, como no se veía tanto, le subí el brillo y el contraste un poco.
Próximo paso, personalmente me gusta colorear las tomas para que tengan una clave tonal predominante, un color específico al tipo de toma que queremos hacer, por ejemplo, si nos ponemos a pensar, en ésta toma llueve, y mucho, torrencialmente, es el fin de los días, así que todo debería de ser oscuro, triste, frío, lluvioso, gris. Nos vamos entonces al menú de filtros y buscamos uno llamado “Equilibrio de Color”. Con ésto cambiaremos las tonalidades y los colores de la toma, mueve los parámetros a tu gusto, es bastante personal la cuestión.

Ahora vamos a por los relámpagos.
- Click derecho sobre la linea de tiempo y creamos una nueva capa de ajuste.
- A ésta capa le agregaremos un filtro de “brillo y contraste“.
- Le subimos los dos parámetros (brillo y contraste) hasta dejarlo bien sobre-expuesto, o sea 100, y lo que haremos es acortarlo al layer para que dure menos de un segundo, o sea, lo que dura generalmente un relámpago.
- Teniendo seleccionado el layer pulsa la tecla T (opacidad) y al principio del layer creamos un keyframe con valor 0, luego a la mitad del layer uno con valor 100, y al final otro con valor 0. Verás que el efecto que acabamos de lograr es que el relámpago entre y salga con un fundido y no por corte directo.
- Luego duplica el layer varias veces y muevelos aleatoriamente. La cosa es simular distintos relámpagos. Para éste fín también es util acortar algunos layer o alargar otros.
Bueno por ahora vamos perfecto, les dejo aquí debajo un video de cómo me quedó a mi la toma (a mi modo de ver me quedó buenísimo
, modestia aparte). En breve seguiremos creando otras tomas así le vamos dando forma a nuestro trailer para película de catástrofe.
Escena ciudad con lluvia from Esty on Vimeo.
Tags: After Effects, Armagedon, Día de la Independencia, El Día después de Mañana, Impacto Profundo, Photoshop, Roland Emmerich, Trailer









