You are on page 1of 29

CURSO DE AFTER EFFECTS

- NIVEL I -

Lic. Pablo Cristn


Ao 2014
CURSO DE AFTER EFFECTS - NIVEL I

1.
CONCEPTOS GENERALES
SOBRE VIDEO
Y GRFICA
EN AFTER EFFECTS

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

1. CONCEPTOS GENERALES SOBRE VIDEO Y GRFICA EN AFTER EFFECTS

After Effects es una aplicacin que permite crear es decir, qu informacin quitar y cul dejar, basn-
efectos especiales de video, animacin de grficos dose en complejos algoritmos.
tanto en 2D como en 3D, basndose en un sistema
de capas muy similar al Photoshop, tambin de la Algunos de los cdecs ms conocidos son el h.264
empresa Adobe. que genera archivos .mp4, y es actualmente el ms
utilizado por YouTube. Tambin podemos encontrar el
Generalmente After Effects se utiliza en combi- .mov, nativo de Apple, o el .avi de Microsoft. En
nacin con otros programas de edicin, animacin audio, el cdec ms conocido es el mp3, que si bien
o diseo, como puede ser el ya mencionado Photo- comprime la seal para generar un archivo mucho
shop, Illustrator, Flash, o Premiere y con otros que ms liviano, lo hace manteniendo una relacin de
no pertenecen a Adobe, aunque con menor grado de calidad muy aceptable.
compatibilidad.
Las resoluciones ms comunes utilizadas en video
Una de las principales ventajas de este programa es hoy en da, son la SD o Standard Definition, cuya
la gran cantidad de soporte que presenta la comuni- medida es de 1024x576px, la HD o High Definition
dad en internet, que no queda solamente en foros de 1280x720px y la Full HD cuyo cuadro mide
oficiales de Adobe, sino que se extiende en millones 1920x1080px. Hay muchas otras medidas estndar
de tutoriales en YouTube, miles de plugins gratuitos y que se utilizan para cine, televisin o para web, pero
pagos que aaden funciones extra y muchos recur- en este curso nos centraremos en esas tres para
sos que agilizarn el tiempo de produccin con After trabajar en los proyectos.
Effects y nos ayudan a expandir su alcance.
As como cuando trabajamos con imgenes, un video
Tales son los casos de los sitios VideoCopilot.net o puede tener cualquier medida personalizada, pero se
CreativeCow.net, entre otros, que ofrecen un utilizan los estndares como una normativa que
aprendizaje avanzado y gratuito del programa, funcione en todos lados. Entonces, decir que un
adems de vender paquetes con plugins y recursos video sea en Full HD o SD es el equivalente a decir
de alta calidad para incorporar a los proyectos. que una hoja es A4 u Oficio, donde ya sabemos la
medida exacta del soporte que se va a utilizar.
1.1. FORMATOS Y RESOLUCIONES DE VIDEO
DIGITAL En video tambin existe la llamada Relacin de
Aspecto que define la proporcin del rectngulo que
El video digital es un sistema de grabacin que medir la pelcula. Las dos ms utilizadas son 4:3
permite la reproduccin de video mediante lectores (Pantallas ms cuadradas) y 16:9 (Widescreen o
pticos, como puede ser el lser de un dvd o por panalla ancha). De las medidas mencionadas anteri-
medio de bits, como un archivo de computadora. El ormente, la relacin de aspecto slo cambia el ancho
video analgico, en cambio, siempre lo encontrare- del fotograma, mientras que el alto siempre se
mos en un soporte fsico como una cinta que debe mantiene. De este modo, si nos piden un video en SD
utilizarse con un proyector. Esto no quita que un 4:3, deberemos entregar un video de 720x576px .
video digital pueda ser pasado a cinta, y que un video Para las medidas HD no se utiliza como estndar la
analgico pueda convertirse en digital, pero cada relacin 4:3, siempre es 16:9 ya que junto con el
pasaje que se realiza puede generar una prdida de nacimiento de estas tecnologas las pantallas cuad-
informacin cuya magnitud depende del caso y de la radas o 4:3 se encuentran en proceso de desa-
calidad de origen y destino del video a trabajar. parecer, aunque no quita que deba tenerse en cuenta
para algunos proyectos en particular.
Hoy en da hay cientos de formatos distintos
de video, cada uno con sus caractersticas particu- Aparte de la resolucin y la relacin de aspecto, no
lares, resolucin, velocidad y compresin. debemos olvidar la velocidad a la que pasan los
fotogramas, llamada Fotogramas por segundo o por
Para la compresin de un video se utiliza un sus siglas, fps, para la que tambin contamos con
cdec, que es un archivo de computadora que dos estndares principales: PAL (25 fps) y NTSC
contiene parmetros que le indican al software (29,97 fps). Esto quiere decir que si trabajamos en
encargado de procesar ese video cmo debe hacerlo, PAL, nuestro video pasar 25 imgenes en un

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

segundo, dando as la sensacin de movimiento. 1.3. CONFIGURACIN GENERAL DE LAS


COMPOSICIONES Y DEL ESPACIO DE TRABAJO
Mientras ms fps tenga una animacin, mayor fluidez
tendr la misma, pero a partir de los 29,97 fps
(NTSC) la diferencia al ojo humano se va haciendo
cada vez menos notoria.

De todos modos, esto puede utilizarse para


generar algunos efectos, como por ejemplo, para
realizar una cmara lenta se utilizan cmaras espe-
ciales que graban a velocidades de ms de 10.000
fps, por lo que cada segundo de filmacin se com-
pone de 10.000 cuadros o imgenes. Si luego,
dentro del programa, utilizamos un segundo de esa
filmacin a 25 fps, tendremos un video de 400
segundos, observando as la captura que original- Vista de composiciones anidadas
mente fue de un segundo en 400, con todos los
detalles en cmara lenta. La estructura de cualquier proyecto de After Effects
se basa en la creacin de composiciones que son
Por otro lado, para trabajos de stopmotion o los distintos contenedores con los que contamos
animacin por dibujo o cuadro por cuadro, se utilizan para trabajar, y funcionan principalmente agrupando
entre 10 y 15 fps, que generan una animacin ms capas y anidndolas, como si se tratase de carpetas
entrecortada y hacen ms sencillos estos tipos de en Photoshop.
trabajos, teniendo que sacar menos fotos para
lograr un segundo de video. De este modo, podemos tener muchas composi-
ciones, cada una con distintas capas y animaciones
1.2. ESPACIO DE TRABAJO BSICO DE AFTER dentro, y combinarlas para tener as nuestro
EFFECTS proyecto armado. Cada composicin respeta la
transparencia de sus capas, de forma que si las
superponemos veremos todas las capas encimadas.

Para la estructura del proyecto, las composiciones


bien utilizadas simplifican el trabajo agrupando
animaciones para no tener que hacerlas repetidas
veces para distintos usos, por ejemplo, si animra-
mos nuestro logo en una composicin aparte (que
puede o no tener el tamao de la composicin princi-
pal), utilizando un fondo transparente, podramos
aplicar ese logo animado a todas las dems composi-
Entorno de Trabajo Bsico de After Effects
ciones simplemente arrastrando y colocando la
composicin del logo como una capa ms en la
Esta pantalla es la que nos recibir cuando creemos composicin contenedora. De esta forma, animando
un proyecto. Consta de varios paneles que podemos una sola vez, podemos utilizar ese logo en una, cinco,
acomodar a gusto, de acuerdo a nuestras necesi- veinte o cien composiciones dentro del mismo proyecto.
dades y al tipo de trabajo que nos encontremos
realizando en ese momento. Cabe destacar tambin, que si bien podemos utilizar
composiciones de todos los tamaos (ms chicas o
ms grandes que el formato con el que estemos
trabajando), la composicin final, que ser la que
exportaremos, SI debe cumplir con la resolucin
estndar final a la que exportaremos el proyecto.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

Es importante tambin mantener la coherencia entre


los fps de todas las composiciones que utilicemos en
un proyecto, para evitar cambios en el tiempo de
animacin que traeran contratiempos en el trabajo
si no se han tenido en cuenta, o si fueron hechos de
forma involuntaria.

1.4. CMO INICIAR UN PROYECTO.

Para comenzar con un trabajo en After Effects,


primero debe pensarse cmo se encarar el
proyecto, cules son las necesidades, y si se cuenta
con un guin, mucho mejor.

Se recomienda, para proyectos grandes, listar todas


las piezas a realizar, y las necesidades de cada una:
Si van a incluir video filmado, placas realizadas en
photoshop, animaciones de flash, etctera, sin
olvidar el soporte donde se reproducir el resultado
final, y si a futuro se necesitar en otros formatos.

Por ejemplo, si nos solicitan hacer un video para un


DVD PAL, deberamos trabajar en SD a 25 fps, pero
si una vez terminado y entregado el video nos piden
una versin en Full HD, debemos tener en cuenta que
habr que estirar la animacin para agrandarla y eso
puede generar, como en las imgenes fijas, un
pixelado o una disminucin de la calidad. Es por esto
que se recomienda por lo general trabajar a resolu-
ciones ms altas de las que se entregan, porque
siempre es mucho ms sencillo achicar el trabajo
que agrandarlo.

Un poco ms complejo es solucionar un cambio de


aspecto, sobre todo si nos piden pasar un 16:9 a
4:3, que al tener menos espacio de trabajo, nos
obliga a restructurar los diseos y la animacin para
que no se corte ni se pierda ningn objeto.

Quizs lo ms complejo de solucionar es un error o


cambio en la velocidad de los fotogramas (fps), ya
que si por ejemplo nuestra animacin fue creada en
25 fps y nos piden tenerla en 29,97, deberamos
corregir el tiempo de animacin de cada objeto para
que el resultado final tenga la misma duracin. Por
esto, la importancia fundamental de saber dnde se
a a transmitir el trabajo, bajo qu norma y a qu
velocidad para poder encararlo de forma correcta y
exprimir al mximo las funcionalidades del programa.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

2.
ENTORNO
DE TRABAJO

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

2. ESPACIO DE TRABAJO

2.1. BIBLIOTECA DE MEDIOS / FOOTAGE 2.3. IMPORTAR Y REPRODUCIR AUDIO

Este panel nos muestra todos los medios o footage Los archivos de sonido dentro de After, funcionan
que tenemos en nuestro proyecto, disponibles para como un objeto ms, con la diferencia que al colocar-
utilizar. Llamamos medio o footage a cualquier los en una composicin, deben renderizarse de forma
elemento que incorporemos en After Effects, ya sea separada al resto de las capas. Para esto, debemos
desde archivos externos (como PSD, Ai, JPEG, AVI, presionar la tecla del punto del teclado auxiliar, lo
MP3, WAV, etctera) o elementos que creemos que renderizar el audio junto con la imagen. Caso
dentro del mismo programa (Objetos de texto, contrario, slo veremos la animacin grfica, sin
slidos, composiciones, etctera). escuchar los audios que hayamos agregado.

La ventaja de la biblioteca es que podremos reutilizar


los archivos sin cargarlos ms de una vez, lo que Capa de Audio dentro de una Composicin
disminuye significativamente el peso del proyecto en
after y aumenta el rendimiento mientras se trabaja. Como vemos en la imagen superior, una capa de
audio, a diferencia de una de imagen, tiene el cono
de un parlante en vez de un ojo, lo que sirve para
activar o desactivar el sonido de esa capa.

Las capas de sonido no tienen las propiedades que


las de imagen, de hecho, slo podemos encontrar a
simple vista, un control de Ganancia (Gain o Volumen)
y la opcin de ver u ocultar el Waveform o repre-
sentacin grfica de las ondas del sonido (Abajo).

2.4. CONCEPTO DE CAPAS Y PRINCIPALES


Panel de Proyecto o Biblioteca FUNCIONES

2.2. IMPORTAR ARCHIVOS AL PROYECTO. Anteriormente mencionamos que la unidad para


construir proyectos en After Effects son las com-
Para incorporar archivos o medios al proyecto de posiciones. Dichos elementos a su vez, estn forma-
After Effects, bastar con hacer doble click en una dos por capas, donde cada capa es un elemento que
zona de la biblioteca vaca, y se nos abrir la clsica forma parte de nuestro diseo o nuestra animacin.
ventana de bsqueda de archivos. Es cada objeto que participa dentro de una com-
posicin, sea un audio, imagen, video u otras com-
Podemos entonces, elegir un tipo de archivo que posiciones.
After Effects soporte: Imgenes, Editables de otros
programas de Adobe, Sonidos, etctera. Recor- Las capas, utilizan el mismo mecanismo que en la
demos siempre que las imgenes deben estar en mayora de los programas, como Photoshop o Illus-
RGB, de lo contrario, si estn en CMYK After Effects trator, siendo las que se lista ms arriba las que se
nos dir que el archivo no es compatible. ven en un primer plano, mientras que las inferiores
se acomodan por debajo de estas.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

1 2 3 4 5 6 7 8 9 10 11 12 13 1415 16 17 18

La funcin de las capas, entonces, es la de ordenar 17. Conservar transparencia de capa.


el contenido de las composiciones y establecer su 18. Opciones de mscaras entre capas.
orden de visibilidad.

Las propiedades de las capas y sus funciones princi- 2.5. CONCEPTO BSICO DE LOS EFECTOS.
pales, son las siguientes (ver referencias en imagen
superior): Los efectos son propiedades especiales que podre-
mos aplicar a cualquier tipo de capas (excepto a
1. Activar o desactivar visibilidad: Hace que una capa capas de Audio, donde no podramos aplicar efectos
se vea o no dentro de la composicin (no la elimina, visuales).
slo la oculta).
2. Slo: Oculta todas las capas excepto las que Estas propiedades afectan de diversas formas el
tengan esta opcin activada (es contraria a la opcin contenido, y tienen a su vez, distintas opciones de
anterior). configuracin que varan de acuerdo al efecto que se
3. Bloquear capa: Protege a la capa, impidiendo que est utilizando.
se le puedan realizar cambios mientras esta opcin
est activada.
4. Expande el menu para ver las propiedades, ms-
caras y efectos aplicados en esa capa.
5. Establece un color personalizado para diferenciar
rpidamente la capa en la lnea de tiempo.
6. Nmero de capa en orden descendente, de arriba
hacia abajo.
7. cono que nos muestra el tipo de objeto al que
pertenece la capa (en este caso es una composicin).
8. Nombre de la capa. Si no se le asigna nombre,
veremos el nombre del archivo junto con su extensin.
9. Funcin Shy: Cuando se activa desde el panel
superior, oculta todas las capas que tengan activa
esta propiedad para ordenar el espacio de trabajo
dentro de la composicin.
10. Rasteriza las capas con vectores o fusiona las
capas de composiciones. Esta opcin activa puede
afectar al rendimiento de la computadora.
11. Calidad de la vista previa de la capa: Para aumen-
tar la velocidad de procesado a tiempo real mientras
se trabaja, podemos establecer que las capas que
ms recursos consumen se muestren en baja calidad.
12. Activa o desactiva los efectos aplicados a la capa
(no los elimina)
13. Activar o desactivar Motion Blur o Desenfoque de Panel de Efectos

Movimiento. En la imagen superior vemos tres efectos aplicados


14. Capa de ajuste: Al activarla, todas las propie- a una capa: Gaussian Blur (Desenfoque Gaussiano),
dades de color, brillo, etctera, se aplican a las capas Drop Shadow (Sombra Paralela) y Add Grain (Aadir
por debajo de la misma. Ruido). A su vez, debajo del nombre de cada uno
15. Activar o desactivar Capa 3D. vemos las distintas propiedades que poseen. A
16. Modo de Fusin: Al igual que en Photoshop, simple vista notamos que la cantidad de opciones
tenemos distintas opciones de fusionar capas, por tambin vara de acuerdo al efecto. After Effects
ejemplo Superponer (Overlay). cuenta con muchos efectos que ya estn en

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

Photoshop, por lo que si usamos ese programa


muchas opciones nos resultarn familiares.

Podemos agregar efectos haciendo click derecho en


la capa deseada y escogiendo uno de la lista del
men Efectos, o bien, con la capa seleccionada,
desde el men desplegable superior con el mismo
nombre.

2.6. CONCEPTO DE PANELES

Los paneles son ventanas que contienen informacin


y propiedades para poder trabajar en After Effects.
Podemos acoplarlos y moverlos a gusto para
acomodar el espacio de trabajo segn nos sea ms
cmodo, o cerrar y ocultar aquellos que no necesite-
mos en el momento. Todos se pueden encontrar en el
men desplegable Ventana, como en cualquier otro
programa de diseo como por ejemplo, Illustrator.

Tambin podemos optar por organizaciones que trae


el programa por defecto, desde el men Ventana,
Espacio de trabajo (O Workspace) y seleccionar
desde all alguna sugerencia del programa, por
ejemplo para editar o para efectos, o bien armar una
nueva composicin a gusto y guardarla como
personalizada para utilizarla nuevamente.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

3.
CONCEPTOS
BSICOS
DE ANIMACIN

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

3. CONCEPTOS BSICOS DE ANIMACIN

3.1. LA LNEA DE TIEMPO Por ejemplo, para rotar un elemento 180 en 2


segundos, a 25 fps, debera primero crear un foto-
La lnea de tiempo en After como en cualquier grama clave en el segundo 0 (o fotograma 1) en la
programa de animacin, ser la herramienta funda- propiedad de rotacin con un valor de 0, luego
mental a la hora de animar. mover el cabezal de la lnea de tiempo al segundo 2
(o fotograma 50) y ah mismo crear un nuevo foto-
En ella, controlaremos la velocidad y duracin de grama clave en la propiedad de rotacin con el valor
cada capa que animemos y sus propiedades, y las 180.
acomodaremos en el tiempo.
El programa, mediante clculos matemticos, har la
Cuando creamos una composicin, definimos, aparte unin fotograma a fotograma para llegar del valor 0
del tamao o la velocidad, el tiempo total de dura- a 180, y cuando llegue al fotograma 50 se deten-
cin, que ser la franja en la que trabajaremos y el dr. Esto se llama Interpolacin y es tambin otro
tiempo al que limitaremos esa composicin en elemento fundamental en cualquier programa de
particular. animacin que no sea cuadro por cuadro.

Entonces, nuestra pelcula, adems de tener ancho y Las interpolaciones unen, como mencionbamos
alto, deberemos tener en cuenta el tiempo y la anteriormente, dos fotogramas clave generando los
velocidad a la que corren los fotogramas para poder valores intermedios automticamente. Entonces,
realizar correctamente nuestra animacin. siguiendo con el ejemplo anterior, si ubicramos el
cabezal de la lnea de tiempo en el segundo 1 (o
3.2. FOTOGRAMAS Y FOTOGRAMA CLAVE fotograma 25) estaramos exactamente en la mitad
de la animacin, el 50%, por lo que la propiedad
La unidad mnima en toda animacin, es el foto- rotacin tendr un valor de 90, generado
grama, que sera una imagen fija. Varios fotogramas automticamente por la interpolacin, que comienza
mostrndose uno detrs de otro a cierta velocidad, en el segundo 0 y finaliza en el 2.
nos dan la sensacin de animacin, pero en realidad
slo estamos viendo distintas imgenes fijas que van
pasando una tras otra.

En After Effects, un fotograma es un punto donde


colocamos el cabezal de la lnea de tiempo y nos
muestra una imagen fija de nuestro proyecto en
Distintos tipos de Fotogramas Clave
algn punto del tiempo.

Como dijimos anteriormente, dependiendo de la En la imagen superior, vemos distintos tipos de


velocidad a la que configuremos nuestra pelcula o Fotogramas Clave aplicados en una capa, de
composicin, cambiar la fluidez del movimiento que izquierda a derecha, podemos observar:
tendremos como resultado: A mayor velocidad,
mayor fluidez, pero tambin genera un mayor peso de Rombo: Fotograma clave comn.
archivos. Rectngulo calado a los costados: Fotograma clave
de movimiento contnuo (mantiene la velocidad con la
Un fotograma clave, en cambio, es un fotograma en que viene la animacin al cambiar los valores de la
el que hacemos una variacin de alguna propiedad. propiedad).
Sera un punto donde algo cambia, un punto de Crculo: Auto-Bezier: Suaviza la animacin para
inflexin de alguno de los datos de la capa. generar un promedio entre la animacin entrante y la
saliente.
Los fotogramas clave funcionan siempre de a dos, Cuadrado o Cuadrado calado de un slo lado: Man-
generando un punto de partida y uno de finalizacin tener (hace un cambio de valor slo en ese foto-
para la animacin de esa propiedad. grama, generando un cambio brusco, sin
interpolacin).
Rombos de Apertura y Cierre: Aceleracin y desacel-

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

eracin: Genera un movimiento suavizado en en un cambio de alguno de los valores de las propie-
aumento o decrecimiento para dar la sensacin de dades de cualquier elemento. De esta forma, el
aceleracin o de desaceleracin fluido. Entre medio, programa genera los valores intermedios entre dos
pueden colocarse fotogramas de movimiento fotogramas clave para crear as la animacin.
continuo para lograr resultados con movimientos
orgnicos y ms reales. El nico caso para el que slo es necesario un foto-
grama clave como mnimo, es el del tipo Mantener
3.3. ANIMACIN DE PROPIEDADES DE CAPA o Hold, donde el valor del fotograma clave aparece
de un fotograma a otro, sin los valores intermedios
A diferencia de muchos programas, en After Effects que genera la interpolacin.
tendremos que animar cada propiedad por separado,
por lo que nos permite un uso ms detallado y
controlado de nuestra animacin.

Cada capa de algn objeto grfico cuenta con propie-


dades en comn que podremos animar mediante
fotogramas clave e interpolaciones, debajo, una lista
de las ms comunes:

Anchor Point (Punto de Anclaje): Es el punto que


tomaremos como central, y nos servir de referencia
para, por ejemplo, para rotar el elemento.
Position (Posicin): Son las coordenadas X,Y y Z
donde se ubica nuestro elemento en la composicin.
Scale (Escala): Es el tamao que ocupar el elemento
en porcentaje de acuerdo a su tamao original
(100%).
Orientation (Orientacin): Controla los valores de
rotacin de X, Y y Z.
X Rotation, Y Rotation y Z Rotation: Controla los
valores de rotacin de cada eje por separado, y
adems establece el nmero de vueltas enteras de
360 que da el elemento. Colocando un nmero 1 en
el valor +0,0 le decimos al elemento que rote
360 y vuelva a su posicin original.
Opacity (Opacidad): Nivel de opacidad del elemento,
donde 0% es transparente (invisible) y 100% es
totalmente visible.

Cabe destacar que todas las propiedades que


incluyen el eje Z, agregan el mismo cuando se activa
la funcin de capa 3D.

Como vimos anteriormente, una animacin se basa

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

4.
PREPARACIN
DE UN .PSD
PARA ANIMAR
EN AFTER EFFECTS

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

4. PREPARACIN DE UN .PSD PARA ANIMAR EN AFTER EFFECTS

4.1. RESOLUCIN DEL ARCHIVO 4.2. RESOLUCIN DEL ARCHIVO

Es recomendable al crear un archivo de photoshop Siempre que trabajemos con video, deberemos
que se utilizar para video, utilizar las medidas utilizar el sistema de color RGB, que es el que se
predefinidas que el programa nos brinda. debe selecionar para pantallas, ya sea cuando
hacemos un sitio web, un video o cualquier trabajo
Al crear un lienzo nuevo desde Photoshop, dentro del que no sea impreso. CMYK sirve para impresin, ysi
panel donde definimos la configuracin de la imagen, utilizramos este modo de color ya sea en una
podemos seleccionar Pelcula y video dentro de la imagen creada por nosotros en Photoshop como en
lista de Predefinir, que habilita la lista de Tamao cualquier imagen JPG, foto, o de cualquier proceden-
donde encontraremos distintos estndares de video cia, After Effects nos dir que el archivo no es
que podemos utilizar en photoshop, por ejemplo compatible ya que, como ya se dijo, slo trabaja con
NTSC DV o HDTV 1080p, entre otros imgenes en RGB.

4.3. FILTROS Y ESTILOS DE PHOTOSHOP

After Effects comparte muchos filtros y efectos que


vienen por defecto en otros programas de Adobe,
pero particularmente tiene muchas similitudes con
Photoshop.

Al importar un archivo de Photoshop dentro de After,


se fusionarn a las capas correspondientes todos
los efectos aplicados como filtros inteligentes, y
estos no sern editables desde After. Sin embargo,
De esta forma, la imagen estar preparada para esa tenemos la opcin de importar los estilos de capa y
medida de video, incluyendo los mrgenes de seguri- que estos permanezcan editables dentro de After
dad, que nos guiarn a la hora de hacer el diseo, Effects. Para conservarlos, slo basta con seleccio-
teniendo en cuenta que el margen exterior es el de nar la opcin Estilos de Capa Editables dentro del
seguridad de imagen (todo lo importante y visible men de importacin. Si seleccionamos Fusionar
debe estar dentro de este margen, no se garantiza estilos de capa, dichos estilos se pegarn a la capa
que lo que quede fuera del mismo sea visible en y si bien se ver el efecto, no se podr editar.
todos los dispositivos en los que se reproducza el
video) y el margen interior es el de texto (que marca
la zona segura donde colocar el texto para que no se
corte). Es importante tener en cuenta estos
mrgenes a la hora de disear, ya que por ejemplo,
muchos reproductores de DVD cortan los bordes del
video unos centmetros, y si nuestro diseo incluye
texto fuera del margen recomendado, es posible que
no se vea o que aparezca cortado, sin ser esta la
intencin.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

De todos modos, es recomendable tratar de aplicar - Carpetas y Composiciones: Podemos crear carpe-
la mayor cantidad de efectos desde After Effects, tas para ordenar las capas dentro de Photoshop. Al
para tener un mejor control sobre los mismos, sobre importar el PSD, dichas carpetas se transformarn
todo cuando se trata de Sombras Paralelas, Trazos, en composiciones mantenindose unas dentro de
o los distintos tipos de Desenfoque. otras como se han creado en Photoshop, incluyendo
dentro todas las capas tal y como las anidamos en
4.4. CAPAS DE TEXTO un principio.

Cuando importamos un archivo de Photoshop dentro - Opciones de Importacin: Al importar un PSD


de After, por defecto rasteriza las capas de texto dentro de After, tendremos distintas opciones:
para que las veamos de la misma forma que en Composicin crea una composicin para el archivo
Photoshop, pero podemos convertirla en texto PSD con todas las capas y carpetas dentro,
editable haciendo click derecho en la capa deseada, y cortando aquellas que excedan el rea de trabajo.
seleccionando la opcin Convertir a Texto Editable, Todas las capas, sean ms chicas o ms grandes,
lo que transformar la capa elegida en una capa de medirn como la pelcula, haciendo transparentes las
texto, con las propiedades correspondientes a una reas donde no hay imagen. Composicin Conser-
capa de texto de After Effects. Esto slo funciona var tamaos de capa: Igual a la anterior, con la
cuando en Photoshop la capa tambin es una capa de diferencia que mantiene todos los tamaos de las
texto editable. Si hubiramos rasterizado o acoplado capas, sin cortar aquellas que superen el tamao del
el texto, esta funcin ya no estar disponible en cuadro y haciendo capas ms chicas con las que no
After Effects. lleguen a esa medida. Material de archivo: Importa
las capas al proyecto sin crear composiciones, como
4.5. CAPAS DE TEXTO si fueran imgenes separadas de archivos distintos.

Las consideraciones generales a tener en cuenta - Modo de Color: Siempre, todas las imgenes deben
cuando creamos un archivo de Photoshop que ser estar en RGB, ya que de lo contrario After Effects
animado en After Effects, son las siguientes: no las reconocer.

- Establecer la medida del cuadro de video: Como


se ha mencionado anteriormente, es importante
saber la medida final de la pelcula, o en su defecto,
saber dnde se reproducir o cul ser su uso para
tomar la desicin ms inteligente a la hora de elegir
las medidas. Se recomienda trabajar con las medidas
predefinidas que trae Photoshop, aunque para casos
especiales, pueden crearse archivos de Photoshop
con medidas distintas, segn sea el propsito, por
ejemplo, si tuviramos que armar un logo que ser
usado como marca de agua o mosca, podramos
hacer el photoshop de 400x400px, para luego
utilizarlo en una pelcula HD de 1080x1090px,
sabiendo que el logo no medir ms de 400px de
lado, y as optimizar espacios. Caso contrario,
podramos hacer una imagen de 2000x2000px que
funcione como fondo en movimiento, que deber ser
ms grande que el cuadro de la pelcula para poder
moverla con cierto margen.

- Capas de texto editable: Tener en cuenta que si se


desean cambiar los textos, deben dejarse las capas
de texto como editables dentro de Photoshop, para
no tener que armarlas nuevamente en After.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

5.
ARMADO DE
UNA COMPOSICIN

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

5. ARMADO DE UNA COMPOSICIN

5.1. ORDEN DE LAS CAPAS modo estaremos realizando cambios que pueden
crear efectos inesperados.
Para trabajar correctamente dentro de After
Effects, es importante mantener un orden de capas Cuando incorporamos un video a una composicin,
para optimizar el trabajo. Con la ya mencionada este se encuentra disponible y editable como si se
funcin Shy, podemos ocultar aquellas capas que tratara de una imagen fija, por lo que podemos
no estemos utilizando de momento sin eliminarlas, aplicarle cualquier efecto o modo de fusin y hacerle
para poder centrar la atencin en las que estamos cualquier modificacin disponible para imgenes, as
trabajando. como tambin se pueden animar estas propiedades
de forma idntica. Podremos tambin, activar o
Es til tambin, crear precomposiciones de aquellas desactivar el audio, o bajar su intensidad con la
capas que funcionarn como animaciones aisladas en opcin Niveles de Audio desde la propiedad de la
s mismas, por un lado para evitar que se acumulen capa.
capas en la misma composicin, y por el otro, para
tener un mejor control de la animacin en particular, 5.3. ESTRUCTURA DE LAS CAPAS,
y la posibilidad de reutilizarla o moverla tan slo COMPOSICIONES Y PRECOMPOSICIONES
copiando o modificando la composicin (que es una
sla capa) y as evitarnos la tarea de mover o modifi- Si bien no hay una frmula exacta en cuanto al orden
car muchas ms capas por separado. de los recursos dentro de un proyecto de After
Effects, es recomendable tener en cuenta que un
Recordemos que las capas tienen un orden de visibili- espacio de trabajo limpio, y una forma ordenada de
dad que va desde la superior a la inferior, siendo organizarse pueden no slo mejorar el tiempo de
visibles primero las superiores por encima de las que trabajo, sino que tambin nos permite optimizarlo,
se encuentran por debajo. Cuando trabajamos con por ejemplo, con las ya mencionadas Precomposi-
capas 3D, este orden se pierde ya que estaremos ciones, que son composiciones con animaciones
trabajando en un espacio de tres dimensiones, donde pequeas que reutilizaremos en distintas partes de
el orden de las capas se ver de acuerdo a la distan- nuestro proyecto, que por lo general contienen
cia que se encuentren los elementos de la cmara pocas capas e incluso pueden tener una medida
activa, por lo general definido por el eje Z de las pequea, adaptable a los distintos usos que le
capas. demos.

5.2. INCLUIR VIDEO O AUDIO EN UNA COM- Se recomienda tambin, tener una composicin final
POSICIN bien definida, que podamos ubicar de forma rpida
para ver cmo quedar el proyecto terminado y
Podemos importar a nuestra biblioteca, aparte de hacer ajustes de tiempo ms exactos en la edicin.
imgenes, videos y sonidos. Por lo general trabajaremos esta composicin final lo
ms despejada posible, incluyedo en distintas
Al importar un video, debemos tener en cuenta, precomposiciones las distintas partes del proyecto,
aparte de su resolucin, la velocidad de fotogramas a adems de algunas capas de ajuste o de retoques
la que trabaja, ya que si hay diferencia entre nuestra para darle los toques finales de color o efectos al
composicin y el video importado, este ltimo puede proyecto final (por ejemplo, si quisiramos agregarle
verse ms lento o ms rpido generando un efecto una Vieta a toda la animacin, es recomendable
indeseado. hacerlo en la composicin final una sola vez, y no en
cada composicin por separado).
Desde la opcin Interpretar material de archivo
haciendo click derecho sobre un video, podemos
cambiar la velocidad de los fotogramas para adap-
tarla a nuestra composicin, as como tambin el
orden de los campos y la proporcin de pxeles. De
todos modos, siempre es recomendable, dentro de lo
posible, crear los videos que utilicemos desde el
principio con la velocidad a trabajar, ya que de otro

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

6.
FILTROS Y EFECTOS

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

6. FILTROS Y EFECTOS

6.1. EFECTOS Y FILTROS BSICOS fotogramas clave con sus distintas opciones tal
como se explic en el punto 3.
After Effects comparte muchos efectos de imagen
similares a los de Photoshop, como pueden ser
Gaussian Blur, Sombra Paralera, Ruido, etctera,
con la diferencia que siempre After los aplica como si
fueran filtros inteligentes en Photoshop, que
permanecen siempre editables.
6.3. FRAME BLENDING

El Frame Blending o Modo de Fusin de Capa es


similar al que encontramos en Photoshop, y permite
fusionar o unir dos o ms capas mediante distintas
opciones que las relacionarn por iluminacin, som-
bras, colores o superposicin. No es lo mismo que
utilizar la opacidad de las capas, ya que los Modos de
Fusin funcionan de acuerdo a los colores de la
imagen y tienen distintos efectos y comportamien-
tos de acuerdo a cada combinacin de imgenes en
particular.

El uso de los Modos de Fusin puede llegar a ser muy


importante en un proyecto una vez que se aprende el
funcionamiento de cada uno, ya que utilizndolos
correctamente podemos lograr efectos mucho ms
impactantes y originales.

6.4. MOTION BLUR

El Motion Blur o Desenfoque de Movimiento es una


funcin que brinda Ater Effects que aumenta el
realismo de las animaciones incorporndoles un
desenfoque que aumenta con la velocidad del
elemento animado, ya sea por la propiedad de escala,
rotacin o posicin.

Para agregar un efecto a una capa, basta con hacer


click derecho en la misma, y elegir uno entre las
distintas categoras que nos presenta el men de A medida que el movimiento es ms veloz, tambin lo
efectos. es el desenfoque, generando as una sensacin ms
real de velocidad y haciendo los movimientos ms
6.2. ANIMACIN DE LAS PROPIEDADES DE LOS orgnicos.
EFECTOS
Es muy recomendable utilizar el Motion Blur junto
Las propiedades de los efectos se animan como con los distintos tipos de fotograma, por ejemplo,
cualquier propiedad de capa, debiendo activar el haciendo que el movimiento vaya en aceleracin
cono del reloj para que el programa tome la creciente, donde veremos que el desenfoque
animacin de esa propiedad en particular. Se utilizan crece tambin gradualmente, junto con

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

la animacin y refuerza la ilusin de velocidad o mente, ya sea para utilizarlos como vienen por
aceleracin. defecto o bien para tomarlos como base y a partir
del efecto seleccionado, modificarlo y crear uno
El Motion Blur consume muchos recursos dentro del propio. Tambin podemos combinar dos o ms efec-
programa, por lo que existe una opcin para activarlo tos en la misma capa, para que se animen al mismo
o desactivarlo en el proyecto general y en cada capa tiempo o que, por ejemplo, funcionen uno como
en particular. El cono correspondiente a esta animacin de entrada, otro que se mueva en el lugar,
funcin, es el de muchos crculos superpuestos en y por ltimo una animacin de salida, los tres en la
degrad. Activando este cono en una capa, le dare- misma capa de texto.
mos esta funcin slo a la capa particularmente.
Vemos que tenemos el mismo cono arriba de la lista
de capas, junto a la opcin Shy, cerca de la lnea de
tiempo, al activarlo, hacemos disponible la vista
previa del motion blur para aquellas capas que lo
tengan activado. Para ahorrar tiempo de render,
podemos trabajar con esta opcin desactivada y
volver a activarla antes de renderizar.

Vale aclarar que al desactivar el Motion Blur desde la


composicin no se elimina el efecto de las capas a
las que se le haya aplicado, sino que se desactiva
temporalmente para aumentar el rendimiento del
programa y agilizar las vistas previas mientras se
trabaja.

6.5. EFECTOS PREDETERMINADOS PARA TEXTO

En las capas de texto en After Effects, puede aplic-


arse ciertos efectos que vienen en la librera del
programa, dentro del panel de Effects & Presets,
seleccionando la lista de efectos para texto.

Encontramos los efectos divididos en distintas


categoras, que incluyen animaciones de entrada, de
salida, para textos multi lnea, etctera.

Para aplicarlos, slo debemos arrastrar desde el


panel de efectos el que hayamos elegido hasta la
capa de texto que queremos animar, y al soltar el
botn del mouse el efecto ya est activo en dicha
capa. Vale aclarar que el punto de inicio de la
animacin ser a partir de donde est colocado el
cabezal de animacin.
Al aplicar un efecto en una capa de texto,
automticamente se generan las animaciones corre-
spondientes, que podemos modificar a gusto desde
la misma capa, expandiendo la pestaa de Efectos,
donde encontraremos todas las animaciones que
contiene el efecto, con sus respectivos fotogramas
clave.

De esta forma, podemos generar efectos rpida-

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

7.
MSCARAS

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

7. MSCARAS

7.1. CREAR UNA MSCARA sita fuera de los lmites de la misma. Se utiliza
habitualmente para generar recortes o marcos en
Una mscara es una forma vectorial, geomtrica o las capas, limitando la visibilidad de su contenido a
irregular, superpuesta al contenido de una capa que algunas zonas. Tambin se utiliza mucho para
interacta con ella mostrando u ocultando la parte generar efectos de transicin como fade out
del contenido que afecta la forma de la mscara. o fade in.
Sustraer (Subtract): Al contrario del anterior,
muestra todo el contenido de la capa exceptuando la
zona que abarca la mscara, es una forma de calar el
contenido de la misma. Se utiliza para generar
calados en las capas que funcionen como Ventanas
que dejen ver el contenido de la capa que se encuen-
tra por debajo de la que tiene aplicada la mscara.
Interseccin (Intersect): Funciona con dos ms-
caras a las que se le aplique este mismo tipo, y
Las mscaras siempre se crean sobre una capa muestra el contenido de la capa que se encuentre en
existente, utilizando la herramienta Bezier (o Pen las zonas ocupadas por ambas mscaras. Los usos
Tool en ingls) para dibujar una forma vectorial para este tipo de mscara son ms complejos, por lo
personalizada tal como se hace en Photoshop o general en animaciones de logotipos o para generar
Illustrator o bien seleccionar una de las formas algunos efectos de transicin con distintos niveles
geomtricas predefinidas que vienen con el de suavizado, por ejemplo.
programa, como crculos, rectngulos, estrellas,
etctera. * ver ejemplos al final del captulo

Las mscaras son siempre vectoriales y se basan en


la conexin de distintos nodos que deben cerrarse, 7.3. ANIMAR UNA MSCARA
es decir, que el primero se una con el ltimo para
poder abarcar un rea determinada de la capa y que Las mscaras tienen propiedades distintas al de los
la mscara funcione. dems elementos de After Effects, a continuacin
detallamos una lista de las mismas:
7.2. TIPOS DE MSCARAS
Trazado (Mask Path): Es la forma de la mscara, es
Existen distintos tipos de mscaras, que pueden decir, los nodos y las lneas que los unen. Podemos
combinarse para lograr distintos efectos y lograr as animar esta capa para mover individualmente los
selecciones ms complejas. nodos de lugar, quitarlos o agregar nuevos y hacer
cambios en la forma de la mscara.
El tipo de mscara figura a la derecha del nombre de
la misma, que encabeza el listado de propiedades de Suavizado (Mask Feather): Es el nivel de difusin de
la mscara. Las que veremos a continuacin son las los bordes de la mscara. Se pueden controlar individ-
cuatro principales: Ninguna, Aadir, Sustraer e ualmente los parmetros para el suavizado vertical y
Interseccin. el horizontal. A mayor valor, menos definidos sern los
bordes.
Ninguna (None): La mscara queda en la capa pero
no modifica de ninguna forma el contenido de la Opacidad (Mask Opacity): Es el nivel de transparen-
misma, es decir, no efecta ninguna accin visible. cia con que se ver el contenido de la mscara, siendo
Este tipo de capa se utiliza para guardar la forma 100 totalmente opaco mientras que 0 es invisible.
que venimos trabajando para un uso posterior, sin
eliminarla ni que haga cambios en la capa, as como Expansin (Mask Expansion): Expande o comprime (si
tambin para generar opacidad en una sla parte de utilizamos nmeros negativos) proporcionalmente los
la capa sin tener que recortarla. lmites de la mscara, para mostrar u ocultar ms
Aadir (Add): Muestra el contenido de la capa contenido del que la mscara abarca inicialmente.
dentro de la mscara, quedando invisible lo que se

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

7. MSCARAS

Ninguna

Aadir

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

7. MSCARAS

Sustraer

Interseccin

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

8.
CAPAS 3D

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

8. CAPAS 3D

8.1. CONCEPTO BSICO DE 3D agrandarlo a un tamao considerable para que ocupe


toda la pantalla visible, por lo que debemos consid-
Las capas 3D dentro de After Effects simulan un erar que sea una imagen de buen tamao.
espacio en tres dimensiones, agregando el eje Z a
todas las capas que tengan activada esta opcin, Luego, debemos ir colocando aquellas capas que
pero no les genera volumen como en los programas vayamos a animar teniendo en cuenta que algunos
que trabajan con modelados 3D como Maya Studio o elementos pasarn ms cerca de la cmara y otros
3D Max, sino que al activar la propiedad de Capa 3D, ms lejos, incluso para acomodar luego las luces que
genera la ilusin de profundidad, despegando las harn visibles nuestros elementos en pantalla.
capas del concepto de dos dimensiones, agregando
la cercana de los objetos al punto de visin o a la 8.3. CMARAS
cmara activa.
Las cmaras funcionan slo con capas 3D, y funcio-
Entonces, todas las capas convertidas en objeto 3D nan como puntos de vista de una composicin. Una
podrn acercarse y alejarse del plano, adems claro, composicin puede tener una o varias cmaras, y al
de los movimientos en dos dimensiones que ya momento de renderizar debemos elegir una de ellas
tenamos anteriormente. Al activar la propiedad 3D, para realizar el export desde la que deseamos.
se agrega la coordenada Z a las que X e Y que ya
tenamos. Al crear una nueva cmara, nos encontramos con un
panel de opciones para configurar los ajustes de la
Adems, las capas 3D son afectadas por las luces y cmara. stos simulan los parmetros de una
las cmaras que coloquemos en la composicin, cmara real y buscan generar efectos parecidos a
mientras que aquellas que no tengan activada esta los lentes y configuraciones de la cmara que cree-
propiedad no presentarn cambios ante estos dos mos dentro del programa.
elementos.

8.2. CREACIN DEL ESPACIO 3D

Para crear un espacio 3D dentro de una composicin


de After Effects, debe tenerse en cuenta que, como
se explicaba anteriormente, los objetos no tienen
volumen, sino que son planos. Es decir, sera como si
se tratara de pedazos de papel que podemos acer-
car, alejar o rotar en un espacio, pero si por ejemplo,
los rotamos 90 grados horizontalmente, veremos
que no poseen volumen, son planos.

Teniendo esto en cuenta, debemos armar el espacio


cuidando que los objetos no se vean demasiado
perfilados si no es esto lo que buscamos, y debemos
jugar principalmente con una rotacin leve, y objetos
que se encuentren en distintos planos con respecto Podemos entonces cambiar el tamao de la pelcula,
a la cmara. De este modo, y utilizando algunas que automticamente cambiar los valores del
funciones que ya vimos, como el Motion Blur y algu- campo de visin y el zoom (esto es qu tanto ve la
nas opciones de luces y cmaras que veremos ms cmara de la escena, si en un ngulo cerrado o uno
adelante, podremos crear espacios 3D realistas ms abierto).
aprovechando la capacidad que nos brinda el
programa. Tambin podemos cambiar la distancia focal, que nos
permitir saber qu tipo de lente estamos utilizando
Para crear un espacio en tres dimensiones, enton- (Normal, Teleobjetivo, Gran Angular, etctera) con
ces, debemos colocar un fondo lo ms alejado posi- sus respectivas propiedades.
ble, teniendo en cuenta que para esto debemos

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

Encontramos tambin una lista de parmetros


estndar con los que podemos contar, que son los de
uso ms comn en cine y en general, como ser
35mm, 50mm o 135mm.

Podemos habilitar o deshabilitar la Profundidad de


Campo, que es un desenfoque que genera el lente de
la cmara dependiendo de la distancia a la que se
encuentra de los distintos objetos en plano. Esta
funcin trabaja de forma similar a la de Motion Blur, y
consume muchos recursos, as que, tambin como
cuando trabajamos con Motion Blur, se recomienda
desactivarla mientras hacemos vistas previas y slo
trabajar con esta opcin habilitada para el render
final.

8.4. LUCES

Al igual que las cmaras, las luces slo funcionan en


capas 3D y sirven para dar diversos efectos a
nuestras imgenes.

Cuando creamos una nueva luz, podemos elegir


ciertos parmetros que cambiarn la incidencia de la
luz en los objetos que estemos trabajando:

Luz Paralela: Ilumina de forma vertical.


Spotlight: Genera un cono de luz que se controla en
dos puntos: Un generador y un punto de objetivo,
que se mueven individualmente para establecer el
ngulo de iluminaicin.
Puntual: Ilumina en base a un slo punto, que ser el
nacimiento de la luz.
Ambiente: Crea una luz de forma pareja que tie
toda la escena.

*ver ejemplos al final del captulo

Cada tipo de luz tiene parmetros en comn que


tambin pueden cambiarse para lograr distintos
efectos, por ejemplo el color (que teir del tono
elegido todo lo que ilumine la luz seleccionada),
Intensidad (Fuerza con la que la luz indice sobre los
objetos), ngulo de Cono (Tamao del crculo que
proyecta la luz), ngulo de Calado (Nivel de suavizado
que tiene la luz en sus bordes, mientras menos
calado, ms dura ser la luz).

Como cualquier otro objeto, las luces se pueden


animar y mover, y pasan a ser en muchos casos, un
elemento muy importante en cualquier animacin.

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

Spotlight

Puntual

Lic. Pablo Cristn - Ao 2014


CURSO DE AFTER EFFECTS - NIVEL I

Paralela

Ambiente

Lic. Pablo Cristn - Ao 2014

You might also like