Autor:
Mariano MerchanteDescripción: Veremos los aspectos basicos de After FX y animaremos un texto. Nivel: 
[After Effects 7]
[Requisitos: Muy poco de Photoshop y conocimiento básico de Animación linear (keyframes)]
Holas! Bienvenidos al primer tutorial de After FX.
Para empezar les voy a explicar de que se trata este programa, por si son nuevitos. After Effects es un programa profesional de animación en el cual nosotros podemos componer prácticamente cualquier cosa, y podemos mezclar animaciones en 3D con animaciones en 2D y hasta podemos mezclarlos con videos de la vida real. Junto con Shake de Apple, es uno de los programas más usados para este tipo de cosas. Es como el "ultimo paso" hacia la terminación de un video. Si lo quieren ver de otro punto de vista, se podría decir que After Effects es un Photoshop adaptado a la animación, pero con miles de herramientas más.
Ah, mi versión del After FX esta en inglés, así que si por mala casualidad tienen la versión española (no sé si existe) intenten deducirlo, ya que no conozco los nombres de las herramientas etc. en español. Y si no lo logran, pregunten en el Foro e intento ayudarlos.
Les voy a enseñar como hacer una animación sencilla de un texto y de paso les explico como funciona la interfaz. Nótese que en Windows-Workspace se puede cambiar la interfaz para poder trabajar cómodamente, así que no tomen esta imagen como regla.
1 - Barra de menús.
2 - Proyectos, donde tenemos las composiciones y los archivos fuente, entre otras cosas.
3 - Solapa de Efectos, donde manejamos todos los atributos de cada efecto que aplicamos a las capas.
4 – Composición (sería el Workspace). Acá es donde se va a ver el resultado final, donde vamos a poner todo.
5 - Línea de tiempo. Acá manejamos los keyframes de cada capa.
6 - Render Queue. Acá podemos cambiar y modificar los formatos de video, audio y otras cosas y podemos renderizar la animación final.
7 -Lista de efectos, donde, naturalmente, se encuentran los efectos. Tiene un buscador arriba para acelerar el proceso de búsqueda.
8 - Opciones de Texto. Como en Photoshop y en Word y otros softwares.
9 - Controles de tiempo. Podemos parar, rebobinar, etc.
10 - Footage. Acá podemos ver cada capa por separado para editar y/o estudiarlo.
Por ultimo, tenemos a las herramientas básicas, debajo de los menús.
Con esto aprendido, podemos comenzar. Vamos a Window->Workspace->Text para poder trabajar mejor.
Como habrán notado, parece que esta todo bloqueado. Esto es porque necesitamos crear una composición para empezar. Tengan en cuenta que ciertas cosas del After FX son bastantes similares a Photoshop, así que si notan alguna función parecida, no duden en aprovecharla. Con ctrl.+N creamos una composición. Para el propósito de esta tutorial vamos a crear una animación de 640x480 pixels y de 10 segundos.
Tengan en cuenta que para que el programa entienda el tiempo deseado, 10 segundos seria 0;00;10;00.
Al crear la composición, verán que el fondo se vuelve negro y un tal “Comp1” aparece en la solapa Project. Ahora vamos a cambiarle el titulo de esta composición. Le damos clic al Comp1, tocamos Enter, escribimos el nuevo nombre (DiseñAr Logo), y tocamos Enter de nuevo.
Ahora si, creamos texto. Vamos a la herramienta Text, ubicada debajo de los menús, y al lado del Pen Tool. La tecla rápida para usar texto es ctrl.+T: de esta manera nos ahorramos un poquitin de tiempo.
Ahora, como si fuera Photoshop, escribimos DiseñAr en azul y blanco, así:
(simplemente seleccionan “Diseñ” y le ponen color azul, y seleccionan “Ar” y le ponen color blanco. Editen a su gusto el tamaño, el font, etc.)
En este punto podemos hacer dos cosas: o animar Diseñ y Ar por separado, o manejarlos juntos. Sé que la primera es más dinámica, pero como solo quiero explicar como funcionan las cosas, animaremos al texto como un solo objeto. Entonces lo que haremos es, con la herramienta “Selection Tool”(V, igual que Photoshop), sacar al texto del fondo: es decir, moverlo hacia la derecha, de manera que no aparezca en la composición. Al hacer esto, verán que un cuadrado rosa indica la posición del texto, por si lo queremos encontrar.
Y ahora viene lo interesante y lo que hace a este programa hermoso. Vamos al Timeline, la solapa de abajo. Window->Workspace->Standard para tener las herramientas que queremos usar.
Ahora vamos a ver una capa que dice “DiseñAr”. A la izquierda del titulo, verán una flechita blanca. Al clickearla, se abren los títulos Text y Transform. De nuevo clickeamos en la flechita de Transform. Ahora podemos ver los atributos del objeto en si: posición, escala, rotación, opacidad, etc. Vamos a trabajar con Position solamente. Antes de comenzar, les explico como funciona el Timeline.
1_Expandir solapa
2_ Key automatico (esto significa que cada vez que cambio un valor con esta opción, se genera un keyframe.) Lo voy a llamar AutoKey.
3_Nombre de layer
4_Frame en el que me encuentro actualmente (0 en este caso)
5_Valores para cada atributo.
6_Marcador de frame en el que estoy (si lo movemos, cambiamos el frame actual)
7_Línea de tiempo. Las unidades dependen de la escala. En general están en segundos y en unidades de 15 frames. (en nuestra composición pusimos que cada segundo sea = a 30 frames, por lo tanto 2 x 15 frames = 1 segundo.)
Con esto dicho, clickeamos en el AutoKey de Position en el frame 0. Ahora clickeamos en el frame actual (en la imagen es el numero 4) y ponemos el numero 15 (frames). Inmediatamente, el marcador se moverá de lugar. Ya en el frame 15, movemos el texto hacia adentro y lo ubicamos mas o menos en el centro de la composición. Para mover al texto adecuadamente, primero seleccionamos y arrastramos el texto, clickeamos Shift y así se alineara. Luego, vamos al frame 400, movemos el texto un poquitin (solo un poco) a la izquierda. Vamos al frame 415 y lo ponemos afuera de la composición, del lado izquierdo.
Tocamos la tecla “Inicio” y luego la Barra espaciadora para ver nuestra pequeña animación. Naturalmente, es muy sencilla y carece de carácter:
El texto aparece desde la derecha y llega al centro, se queda unos segundos dirigiéndose lentamente a la izquierda y luego se va completamente.
Lo que haremos a continuación es darle un poco de carácter al texto. Moveremos los keyframes de manera que el movimiento sea mas espontáneo y natural (cualquiera que hace animaciones en 3D me entiende y puede hacerlo por su cuenta, creo
). En el timeline podemos ver los 4 keyframes que creamos para nuestra animación. Seleccionamos el keyframe del frame 15 (el segundo keyframe visible) y lo acercamos mucho mas al frame 0. Hacemos lo mismo con el penúltimo keyframe: lo acercamos al ultimo. Esto es mas bien cuestión de intuición, además con el tiempo se refina la habilidad. Lo que tiene que suceder es que el texto se mueve muchísimo mas rápido, se queda mas tiempo en el centro, y se aleja rápido. Esto genera espontaneidad y saca esa sensación fea de que el texto simplemente “se mueve”, sino que realmente “esta ahí”.
Hasta acá llegamos. No hemos creado algo maravilloso, pero es el comienzo. Pueden experimentar (mi lema) con lo que hicieron, e intentar hacer otras cosas, como editar la rotación o la escala... todo depende de ustedes. En el próximo tutorial exploraremos los efectos y algunas otras opciones de animación.
Acá les paso la misma animación con un poco de efectos. Si el movimiento les salió similar, entonces están trabajando bien ^^
Necesitan DivX!!
www.divx.comVideo!Espero que les haya servido. Cualquier duda que tengan, no duden en ir al Foro y preguntar.
Suerte y Saludos!
--------------------------------
Elethan
elethan@disenargentina.com.ar--------------------------------
