curso after effects parte 1.doc

32
Curso de Adobe After Effects por Daniel Paniagua | 1ª Entrega Esta es la 1ª entrega de los tutoriales que Daniel Paniagua va a compartir con nosotros sobre After Effects. Siempre pienso en el mensaje del más grande de los diseñadores de todos los tiempos, quien ha sabido simplificar todo el universo en tan solo un átomo. Un buen equipo de trabajo, entre creativos, diseñadores, fotógrafos, productores, etc. se apoyan entre sí y hablan el mismo idioma profesional. Esta es la consigna que Adobe ha seguido para el desarrollo de sus últimos productos Creative Suite y Master Collections. En particular, tuve la suerte de conocer desde algunos años atrás, algunos de los programas que los integran, tales como Photoshop, Premiere, After Effects, Illustrator, etc. Y nunca (hasta hoy) creí que lograrían integrarlos con comandos compatibles. Concretamente, el trabajo que han logrado en el área de la generación de películas de video es extraordinario, ya que todos los diseños terminados en Illustrator y Pothoshop, se compatibilizan perfectamente para ser ¨animados¨ en After Effects. Es más, con la última versión CS4, vemos que están claramente orientados a avanzar en el campo 3D. No caben dudas, que esto ha llevado a numerosos diseñadores gráficos a conocer e informarse cada vez más acerca de programas satélites a su profesión. Y en ese sentido, y observándolo desde la óptica de de un profesional del video, me atrevería a decir que After Effects se encuentra, en estos momentos, el la mira de muchos trabajadores del diseño. Por este motivo, aquí va la primera entrega de Photoshop y After Effects integrados, y de cómo podemos aprovechar los conocimientos de uno de ellos para aplicarlos al otro. Espero que al término de estas entregas, puedan generar animaciones en After Effects partiendo desde sus diseños terminados en Photoshop. Para empezar, puede instalar la versión CS3 de ambos programas, o como alternativa, la CS4, que en principio dicha actualización no es

Transcript of curso after effects parte 1.doc

Page 1: curso after effects parte 1.doc

Curso de Adobe After Effects por Daniel Paniagua | 1ª Entrega

Esta es la 1ª entrega de los tutoriales que Daniel Paniagua va a compartir con

nosotros sobre After Effects.

Siempre pienso en el mensaje del más grande de los diseñadores de todos los

tiempos, quien ha sabido simplificar todo el universo en tan solo un átomo. Un buen

equipo de trabajo, entre creativos, diseñadores, fotógrafos, productores, etc. se

apoyan entre sí y hablan el mismo idioma profesional. Esta es la consigna que

Adobe ha seguido para el desarrollo de sus últimos productos Creative Suite y

Master Collections.

En particular, tuve la suerte de conocer desde algunos años atrás, algunos de los

programas que los integran, tales como Photoshop, Premiere, After Effects,

Illustrator, etc. Y nunca (hasta hoy) creí que lograrían integrarlos con comandos

compatibles. Concretamente, el trabajo que han logrado en el área de la generación

de películas de video es extraordinario, ya que todos los diseños terminados en

Illustrator y Pothoshop, se compatibilizan perfectamente para ser ¨animados¨ en

After Effects. Es más, con la última versión CS4, vemos que están claramente

orientados a avanzar en el campo 3D. No caben dudas, que esto ha llevado a

numerosos diseñadores gráficos a conocer e informarse cada vez más acerca de

programas satélites a su profesión. Y en ese sentido, y observándolo desde la óptica

de de un profesional del video, me atrevería a decir que After Effects se encuentra,

en estos momentos, el la mira de muchos trabajadores del diseño. Por este motivo,

aquí va la primera entrega de Photoshop y After Effects integrados, y de cómo

podemos aprovechar los conocimientos de uno de ellos para aplicarlos al otro.

Espero que al término de estas entregas, puedan generar animaciones en After

Effects partiendo desde sus diseños terminados en Photoshop.

Para empezar, puede instalar la versión CS3 de ambos programas, o como

alternativa, la CS4, que en principio dicha actualización no es imprescindible. No

explicaré nada acerca de Photoshop, arrancaré directamente con los principios

básicos de After Effects.

Interfaz del Programa

Page 2: curso after effects parte 1.doc

Un simple vistazo de la interfaz con los nombres de los paneles que sectorizan las

tareas y organizan el trabajo.por este motivo After Effects (AE) llama ¨Espacio de

Trabajo¨ al modo en que acomodamos los paneles. Al igual que en Photoshop (PSD),

estos espacios pueden personalizarse o utilizar los modos estandarizados del

programa.

Panel Proyecto: Desde aquí empezamos, ya que este panel agrupa todos los

elementos (archivos) que serán utilizados en la animación. Un proyecto puede

poseer una cantidad ilimitada de archivos, ya que a diferencia de PSD, AE sólo

contiene la ruta de acceso de cada archivo sin peso alguno, es decir que los

archivos puestos en este panel, NO ocupan memoria. Por ejemplo, si importamos un

archivo .psd integrado por numerosas capas, AE le propondrá importarlo hasta el

proyecto como:

Capas fusionadas

Elegir una capa

Composición

Composición de capas recortadas

Para AE, una composición, es un conjunto de archivos, y aunque esta denominación

no existe en Photoshop, AE la utiliza permanentemente. Podemos trazar un

paralelismo diciendo que un grupo de capas en Photoshop es una composición en

Page 3: curso after effects parte 1.doc

AE.

Las últimas dos opciones, Abrir como ¨Composición¨ y Abrir como ¨Composición de

capas recortadas¨, difieren en la interpretación del tamaño que AE dará a cada

capa. Con el modo de capas recortadas, AE respetará el tamaño individual de c/u de

ellas, por el contrario, en modo Composición, AE otorgará el mismo tamaño a todas,

compensando las diferencias con áreas trasparentes.

No abundaremos en detalles pero se puede observar rápidamente que por encima

de este panel, existe una ventana con la información completa de cada archivo

importado. La barra inferior del panel Proyecto, posee algunos botones, de relativa

utilidad, no obstante la siguiente figura aclara sus respectivas funciones.

A) Buscar un elemento del proyecto

B) Crear una nueva carpeta

C) Crear una nueva composición Equivale a Ctrl + N

D) Profundidad de color 8/16 y 32 bits Con clic se despliega Configuración de

Ajustes de Proyecto

E) Eliminar elementos del Proyecto

AE es un programa muy flexible y admite una enorme cantidad de formatos gráficos

Page 4: curso after effects parte 1.doc

y de video. Cuando abrimos un nuevo proyecto (desde menú principal), AE nada

nos dice acerca de los parámetros exactos que deseamos para este proyecto, esto

es así porque AE puede convivir con archivos de toda índole y componer

animaciones en diferentes formatos al mismo tiempo sin inconvenientes, asi que no

se preocupen por la Configuración del Proyecto, ya que AE toma de manera

automática los valores y muchos de ellos pueden ser alterados en cualquier etapa

de la animación. Para los que deseen ver el cuadro de diálogo de la Configuración

de Proyectos, pueden ir al menú principal y seleccionar: Archivo > Ajustes del

Proyecto o pulsar Ctrl + Alt + Shift + K., o bien Clic en ícono Profundidad de color

(ver fig.anterior)

Panel Línea de tiempo : Si el primer paso es abrir el programa, e importar un

archivo, el segundo es incorporarlo a este panel. Hecho esto, el archivo pasa a

llamarse Capa (muy importante), y está listo para cualquier transformación que

deseemos propinarle. Las formas de incorporar un archivo desde el panel Proyecto

hasta el panel Línea de tiempo, son:

1. Arrastrándolo con el Mouse hasta el panel : esta acción NO interfiere en la

configuración de la composición (que nada tiene que ver con la configuración del

Proyecto), y dicho archivo se integra como una capa más dentro de la

composición.Una característica importante de este modo, es que el archivo queda

perfectamente centrado en el Visor de imágenes.

2. Arrastrándolo hasta el ícono ¨Crear Nueva Composición¨: (ver fig. anterior punto

C), esta acción permite crear una nueva composición con las características del

archivo, es decir que si el archivo posee una dimensión de 1024×768, pues éste

será el tamaño de la nueva composición.

3. Arrastrándolo hasta el Panel Visor de Composición: este modo, es similar al 1,

solo que nos permite posicionar nuestro archivo, en cualquier rincón de la pantalla

del Visor de imágenes. No hay modificación de la configuración de la Composición

Configuración de la Composición: un proyecto, puede contener una cantidad

ilimitada de Composiciones, y cada Composición puede tener una configuración

diferente. Llamamos Configuración de la Composición, a los parámetros que regirán

Page 5: curso after effects parte 1.doc

nuestra animación. Es de utilidad detenerse a observar el cuadro de diálogo que lo

contiene. Puede abrirlo, desde menú principal seleccionando Composición > Ajuste

de Composición o bien desde el atajo Ctrl + K (obviamente los atajos de teclado

responden a los paneles que están seleccionados).

Una vez abierto el cuadro de diálogo de la Configuración de Composición, observe y

despliegue la pestaña perteneciente a ¨Ajustes Predeterminados¨, allí están los

modelos estándares universales de video, y por el momento acepte DV1/DV PAL ,

Capas del panel Composición Importe un psd, desde menú o haciendo Ctrl + i

Si el archivo de proyecto que importó, se trata de un .psd de capas múltiples, Ud

verá en el panel de Proyecto, una composición creada automáticamente y por

debajo de ella, una carpeta conteniendo los elementos que componen el .psd Para

incorporar este psd al panel Línea de tiempo, Ud puede llevarlas una a una hasta el

panel Tiempo, o bien, arrastrar el archivo nombrado como Composición, lo que le

permite incorporar todos los elementos en un solo acto. Hablo de elementos y no de

capas, porque AE llama capa a un archivo que fue incorporado al panel

Composición, existiendo muchos tipos de capas (Luces, Cámaras, Videos, Textos,

etc. En cambio, en Photoshop , las capas son los elementos que componen un

archivo.

Si optó por esta última alternativa, verá a su composición puesta en el panel Línea

de tiempo. Para descomponerla y ver los elementos que la contienen, realice clic

derecho sobre el nombre de la capa y seleccione ¨Abrir Composición¨, (la versión

CS4 posee el atajo doble clic izquierdo para esta acción), Ahora podrá observar

todos los elementos que componen su psd, alineados en el panel Línea de Tiempo.

Esta descomposición, le permite trabajar separadamente con cada elemento para

su animación. Observe la siguiente fig.

Panel Tiempo : Sector Columnas de Definidores de Capas

Page 6: curso after effects parte 1.doc

En la Fig. observamos las diferentes columnas de Definidores de Capa, los

definidores de capa que se ubican a la izquierda de la columna son las siguientes:

1- Icono Video: Muestra u oculta la capa en la comp. (Ctrl + Shift + Alt + V)

2- Icono Audio: Activa o anula el audio de la capa

3- Icono Solo: Activa solamente esta capa y oculta las demás

4- Icono Bloquear : Bloquea la capa impidiendo cualquier modificación accidental

5- Pestaña Transformación Despliega los parámetros de transformación de la capa

6- Etiqueta de Capa identifica el tipo de capa

7- Barras de Duración de Capa determina el tiempo de acción de la capa

8- Selector de tiempo marca el tiempo actual de visión

En esta entrega no vamos a profundizar la teoría completa de cada panel, sólo

veremos rasgos generales para efectuar próximamente y si así lo desean

animaciones sencillas.

Integración de Photoshop y After Effects | 2ª entrega curso After Effects

Esta es la 2ª entrega de los tutoriales que Daniel Paniagua va a compartir con

nosotros sobre After Effects.

Comenzaremos aplicando los conceptos aprendidos en la primera fase,

Page 7: curso after effects parte 1.doc

trabajaremos con un modelo universal para que puedan trasladar esta primera

experiencia a sus trabajos en PSD.

Supongamos que les piden generar un spot publicitario de unos 10 segundos. La

primera etapa, que implica el diseño en Photoshop, la obviaremos y arrancaremos

de un archivo .psd que contiene el diseño terminado del producto, que en este caso

se trata de un libro.

Descargar archivos para el tutorial en RapidShare (para acelerar la descarga utiliza

esta extensión para Firefox):

http://rapidshare.com/files/240540090/Libro_Parte_1_carpeta.rar.html (47 MB)

Importante: Leer con cuidado y seguir paso a paso con el AE CS3/4 activado y en

proceso

Posicionamiento correcto de la capas:

1) Iniciamos After Effects, cerramos el cuadro de diálogo de ¨Bienvenida¨, e

inmediatamente importamos el archivo Libro.psd. (ver cómo importar archivos de la

1º entrega). Si lo desean pueden observar este archivo en Photoshop.

2) Del cuadro de diálogo de ¨Importación de archivos¨, debemos seleccionar la

opción ¨Composición capas recortadas¨ (para más datos ver 1º entrega)

3) AE nos mostrará en su panel Archivo, una nueva composición llamada ¨Libro¨ y

por debajo de ella, una carpeta, conteniendo tres capas de diseño. Para conservar

un orden en el trabajo, es menester renombrar dichas capas sustituyendo los

nombres que AE coloca por defecto :

Abrir la carpeta ¨Libro capas¨ desde la pestaña situada a la izquierda del nombre

Seleccionar la Capa 0, pulsar la tecla ¨Enter¨, y ¨renombrar con ¨Trasera¨

Hacer lo propio con la 2º y 3º capa, y renombrarlos como ¨Lomo¨y ¨Frontal¨

Seguidamente, crearemos una composición del mismo tamaño que la capa

¨Frontal¨ para armar el libro en 3D. Recuerden que en la primera fase, aprendimos

los métodos de creación de composiciones. Utilizaremos el ícono ¨Crear una nueva

composición¨ situado al pié del panel Proyecto. Debemos arrastrar la capa ¨Frontal¨

Page 8: curso after effects parte 1.doc

hasta este ícono con lo cual nos que formada una nueva composición que AE

denomina por defecto ¨Frontal 2¨, y que nosotros renombraremos como ¨Libro 3D¨

Para esto, vamos al panel Archivo, pulsamos ¨Enter¨ en el nombre ¨Frontal 2¨ y

escribimos ¨Libro 3D¨.

Inmediatamente observamos que en el panel ¨Línea de tiempo¨ se ha posicionado

nuestra capa ¨Frontal¨. Acto seguido, debemos incorporar el resto de los elementos

(Lomo y Trasera)

1) Arrastrar la capa ¨Lomo¨ del panel Archivo hasta el panel ¨Línea de Tiempo¨ ,

hacerlo de manera que la capa ¨Lomo¨ se sitúe por encima de la capa ¨Frontal¨

2) Activamos Capas 3D, para ¨Frontal¨ y ¨Lomo¨ , haciendo clic en los casilleros de

la columna de Definidores de capas que AE muestra con el ícono en el panel

¨Linea de tiempo¨

La siguiente figura, muestra como debería verse la interfaz CS4 hasta el momento

El paso siguiente, es posicionar la capa ¨Lomo¨ en el lugar correcto, para ello,

debemos girarlo 90º y ubicarlo sobre límite izquierdo de la capa ¨Frontal¨.

Activamos la ventana ¨Información de Archivo¨ seleccionando cada capa desde el

panel Proyecto, esta acción nos permite visualizar los datos referidos de la capa

Page 9: curso after effects parte 1.doc

seleccionada (ver fig.4)

1) Con la herramienta ¨V¨ (Selección), desplegamos los parámetros de

transformación de la capa ¨Lomo¨, haciendo clic sobre la pestaña ¨Transformación¨

(ver 1º entrega), luego continuamos el despliegue con clic sobre la pestaña

¨Transformar¨, acción ésta que descubre todos los parámetros disponibles para

animar esta capa.

Un paréntesis para aclarar rápidamente un concepto básico. Nuestra composición,

posee el mismo tamaño que la capa ¨Frontal¨, esto es 1480×3508 px. Donde px

(píxel) es una medida universal utilizada para identificar la posición exacta de un

elemento en la pantalla. En AE el plano XY tiene como centro de coordenadas 0,0

px el vértice superior izquierdo, De esto se desprende fácilmente, que el valor de

posición que debemos ingresar para X_lomo es Cero, ya que sobre el extremo del

vértice izquierdo, el valor de X es 0

2) Seleccione el parámetro ¨Posición¨ perteneciente a la capa ¨Lomo¨, ahora, Ud

podrá observar tres cifras separadas por comas, éstas corresponden a los valores X,

Y y Z respectivamente. Para ubicar ¨Lomo¨ sobre el extremo izquierdo, tan solo

debemos ingresar el valor de 0 para X. Para esto, seleccione la cifra actual e ingrese

el valor de 0. De este modo, la capa ¨Lomo¨ se sitúa correctamente sobre la

izquierda.

3) Presionar el parámetro Rotación Y e ingresar el valor de 90º. Aclaramos que este

parámetro posee dos casilleros, el 1º se refiere al número de rotaciones y el 2º los

grados

A esta altura es conveniente visualizar nuestra composición en 3D, y la forma de

hacerlo, es incorporando a nuestra composición, una Cámara que genere diferentes

perspectivas. Ir a menú principal y seleccionar: Capa > Nuevo > Cámara, hecho

esto, aparece el cuadro de diálogo que definen los ajustes de la nueva cámara

creada, clic en ¨Aceptar¨, luego verá a parecer una nueva capa llamada ¨Cámara 1¨

inserta en la composición ¨Libro 3D¨

De la barra de herramientas (1º entrega) seleccione la herramienta ¨Cámara

unificada¨ (vr.CS4) o bien ¨Cámara orbital (vr.CS3), luego vaya hasta el panel Visor

de composición y desplegando el menú de Vistas, seleccione, ¨Vista personalizada

1¨ En la figura siguiente, se muestra como debe verse el visor de composición con

Page 10: curso after effects parte 1.doc

la Vista personalizada

La herramienta Camára Orbital (CS3) o Unificada (CS4) nos permite ¨jugar¨ con

todo tipo de perspectivas, sin dañar la composición, experimente presionando el

botón izquierdo del Mouse a la vez que arrastra y varíe el zoom desde la rueda.

Observe además una cajita en el vértice inferior derecho, ésta simboliza la cámara.

Las flechitas de colores, representan las direcciones de los ejes X,Y, y Z

Las líneas, que surgen de la cámara, muestran el campo de acción de la misma,

donde la línea central representa la distancia entre la Cámara y el Punto de Interés.

No es mi deseo aburrir con tanta teoría, sigamos pues con la tarea de posicionar los

laterales del libro. Para que el monitor nos muestre solamente este panel y así

agrandar al máximo la imagen, llevar el puntero del Mouse (sin presionar) hasta el

panel y luego pulsar la tecla ^ . Este comando, alterna la visión de la interfaz

completa con la visión exclusiva de cada panel seleccionado.

Ya tenemos la capa ¨Lomo¨ y sólo resta hacer que sus límites coincidan

correctamente con los de la capa ¨Frontal¨

Ya explicamos a medias la manera en que se ubica un elemento en la pantalla, pero

además, AE posee otro parámetro llamado ¨Punto de Anclaje¨ con eje X,Y y Z

Page 11: curso after effects parte 1.doc

propios. Este punto, fue creado con la intención de establecer un centro de

coordenadas propio para cada capa, es decir que la distancia entre una capa y el

centro 0,0,0 de la pantalla, es la cantidad de px que existen entre un centro y otro

(a excepción de las capas de Texto que ubican su centro 0,0 del P. de Anclaje, en el

vértice inferior izquierdo) Por este motivo, para reubicar ¨Lomo¨ en el límite con

¨Frontal , deberá realizar lo siguiente:

Seleccione el elemento ¨Lomo¨ en el panel Proyecto, esta acción nos permite

visualizar el tamaño de este elemento en la Ventana ¨Visualización de Archivos¨

(ver fig.anterior) . Allí figuran todos los datos de la capa seleccionada. Observe que

el tamaño de esta capa ¨Lomo¨ es de 533×3508 px, donde los 533 es la distancia

que separa el centro de la capa con el centro de la pantalla. Por lo tanto, el valor de

P. de Anclaje X = 533

Nota: En casos como estos, donde el fondo negro se mezcla con el tono de las

capas, podemos realizar dos acciones diferentes para mejorar la visión.

Conmutar el botón ¨Cuadrícula de Trasparencia¨ Este comando, permite eliminar el

fondo negro transformándolo en fondo trasparente, esto se revierte con el mismo

botón, y no perjudica ni compromete la composición final.

Cambiar el color del fondo a yendo a: Composición > Color de Fondo (Ctrl. + Shift +

B), y elegir el color deseado en la paleta que se abre tras seleccionar este comando.

Por supuesto que nuestro caso requiere de la primera alternativa por ser la más

práctica

Tomar nuevamente la herramienta ¨Cámara unificada¨y desde la Vista

personalizada 1, rotar la composición para observar el reposicionamiento de la capa

¨Lomo¨

La herramienta ¨Mano¨, sirve para acomodar visualmente la imagen, no provoca

cambios paramétricos, y la usamos temporalmente presionando la ¨Barra¨

espaciadora del teclado, experimentar su uso, arrastrando la imagen y combinarla

con el Zoom (ruedita del Mouse).

Otro dato importante para conocer (son muchos pero iremos de a poco) es la

manipulación de la proporción del Visor de imágenes (ver fig.4) la que nos permite

elegir el tamaño de la ventana. Seleccione la pestaña de este comando y pruebe

Page 12: curso after effects parte 1.doc

diferentes proporciones. En modo ¨Ajustar¨ la proporción se adecua al tamaño

circunstancial del panel.

Una vez que ha probado la correcta posición de la capa ¨Lomo¨ :

1) Retorne el panel Composición a Vista de cámara activa, lo que le permitirá poder

editar

2) Incorpore la capa ¨Trasera¨ a la composición, de la misma manera que hizo con

¨Lomo¨.de manera tal, que esta capa se ubique encima de la capa ¨Lomo¨. El orden

de apilamiento de las capas tiene el mismo sentido que en Photoshop, es decir que

la capa visible, será la primera contando de arriba hacia abajo.(Observe que AE, las

numera automáticamente).

3) Active el comando Capa 3D, seleccionando el casillero correspondiente.

4) Observe en el panel Proyecto el tamaño de la ¨Trasera¨ y verá que es de

2480×3508 px

5) Despliegue la pestaña de Transformaciones de esta capa

6) Hasta el momento las capas ¨Frontal¨ y ¨Trasera¨ están pegadas. Para

separarlas, debemos tener en cuanta el espesor del libro. Dicho espesor, coincide

con el ancho del Lomo, o sea 533px. Este es el valor que debe ingresar en el

parámetro Posición Z

7) Retome la Vista personalizada 1 y con la herramienta Cámara unificada, realice

rotaciones para ver el reposicionamiento de la capa ¨Trasera¨

El paso siguiente es el ¨relleno¨ del libro, o sea la simulación del contenido de hojas,

para esto, debemos dibujar capas que cumplan con esta función. Las capas superior

e inferior, serán idénticas, y la capa lateral derecha, idéntica en tamaño a la capa

¨Lomo¨

Si bien el dibujo, no es el fuerte de AE, y podríamos hacerlo mucho mejor en

Photoshop, aprovecharemos esta ocasión para realizarlo en AE y de paso conocer

otras herramientas y funciones con nuevos comandos y efectos.

Page 13: curso after effects parte 1.doc

Creación de las capas de relleno del libro:

Como método de trabajo, y siempre que sea necesario crear capas de dibujo (que

en AE se llaman Capas de Forma) para utilizarlas en una composición determinada

(como en este caso), es útil generar una nueva composición independiente de la

composición principal. Esto nos permite, no solo simplificar las cosas, sino también,

realizar todo tipo de modificaciones y pruebas a nuestros dibujos sin perjudicar la

composición principal, Como dato teórico, y ya que estamos en este tema, decimos

que las capas creadas en AE se llaman Capas Sintéticas¨ (capas de Textos y de

Forma), luego existen otros tipos de capas, las de Archivo (audio, video, gráficos),

Capas Especiales (Luces, Cámaras, Objetos Nulos, y de ajuste) y las

Precomposiciones, que son composiciones que contienen capas agrupadas.

Para crear el relleno de arriba (techo) y de abajo (piso), planteamos lo siguiente:

Crear un ¨Sólido¨ del tamaño necesario, y que debe tener como Ancho la longitud

del ancho de ¨Lomo¨, esto es 533px y de Largo, la longitud del ancho de la capa

¨Frontal¨, es decir 2480px. :

1) Creamos una composición, desde menú Composición > Nueva composición (Ctrl

+ N). En el cuadro de diálogo ¨Configuración de la Composición¨, desbloqueamos la

¨Proporción de Aspecto de Fotogramas¨ e ingresamos Ancho = 2480 y Alto = 533 y

¨Aceptar¨

2) Creamos un ¨Sólido¨ desde Nuevo > Sólido (Ctrl + Y), del cuadro de diálogo

¨Configuración de sólidos¨ NO tocamos nada y presionamos en ¨Aceptar (auque Ud.

puede elegir el color que más le agrade desde la paleta de colores del cuadro de

diálogo)

3) Renombrar la Composición nueva, desde el panel Proyecto, que por defecto AE la

denominó Comp.1 por ¨Relleno 1¨

4) Renombrar el Sólido, desde el panel Proyecto (abriendo la carpeta Sólidos),

reescribir el nombre por defecto ¨Sólido Gris Oscuro 1 ¨por ¨Hojas 1¨

5) Crear otra composición desde Ctrl + N y darle el Ancho y Alto de la capa ¨Lomo¨,

o sea Ancho = 533 y Alto = 3508, y ¨Aceptar¨

6) Crear un Sólido para esta nueva composición desde Ctrl + Y y ¨Aceptar¨

Page 14: curso after effects parte 1.doc

7) Renombrar ¨Composición 1¨ por ¨Relleno 2¨ y ¨Sólido Gris Oscuro 1¨ por ¨Hojas

Observe como se ¨Solapan¨ las composiciones en el panel ¨Línea de tiempo¨. Con

la herramienta ¨V¨ (selección) podemos presionar sobre cada solapa y abrir cada

una de las 3 composiciones que hemos creado, y que son: ¨Libro 3D¨, ¨Relleno 1¨ y

¨Relleno 2¨

El paso siguiente, será incorporar los rellenos a nuestra composición principal (Libro

3D):

1) Seleccionamos la composición ¨Libro 3D¨ en el panel ¨Línea de tiempo¨

2) Cerramos todas los parámetros abiertos para ¨limpiar¨ el panel, esto lo hacemos

multiseleccionando todas las capas con el atajo Ctrl + A y presionando luego el

atajo ¨U¨

3) Deseleccionamos todas las capas con la tecla ¨F2¨ o bien, lo hacemos con clic

sobre una zona gris libre de botones del propio panel.

Nota: Podemos expandir o reacomodar el tamaño de todos lo paneles arrimando el

puntero del mouse hasta el límite exacto existente entre paneles, esto provoca la

aparición del comando de ¨Expansión de paneles¨ simbolizado por , este

comando es de suma utilidad para visualizar con mayor comodidad el panel en que

estamos trabajando.

4) Retornar a la ¨Vista de Cámara Activa¨ en el panel Composición.

5) Arrastrar la Composición ¨Relleno 1¨ desde el panel Proyecto hasta la

Composición ¨Libro 3D¨, de tal manera que se ubique en la 2º posición (encima de

la capa ¨Trasera¨)

6) Habilitarla como Capa 3D (clic en el casillero correspondiente)

7) Desplegar los parámetros de Transformación de esta capa (¨Relleno 1¨)

8) Ingresar el valor Posición Y = Altura de ¨Frontal¨ = 3508 px.

Page 15: curso after effects parte 1.doc

9) Ingresar el valor Rotación X = 90º

10) Ingresar el valor para ¨Punto de anclaje Y¨= 0

11) Cerrar los parámetros de Transformación con la tecka ¨U¨

12) Para simular el ¨techo¨ podemos tomar dos caminos: incorporar nuevamente la

comp. ¨Relleno 1¨a la Comp. ¨Libro 3D¨ o bien duplicar la existente. Optaremos por

esta última, y así aprovecharemos el posicionamiento de ¨Z¨ .Así, duplicamos la

capa con Ctrl + D

13) Desplegamos los parámetros de Transformación de la capa duplicada

14) Ingresamos el valor de Posición Y = 0, con lo cual que perfectamente ubicada

como techo

15) Presionamos ¨U¨ para ¨esconder¨ sus parámetros de transformación

16) Arrastramos la comp. ¨Relleno 2¨ desde el panel Proyecto hasta la comp. ¨Libro

3D¨

17) Habilitamos esta capa como Capa 3D (clic en el casillero correspondiente)

18) Desplegamos los parámetros de Transformación de ¨Relleno 2¨

19) Ingresamos el valor de Posición X = Ancho ¨Frontal ¨= 2480 px

20) Ingresamos el valor de Punto de anclaje X = 533

21) Ingresamos el valor en grados para Rotación Y = 90º

22) Presionamos ¨U¨ para cerrar los parámetros de transformación.

23) Habilitamos la herramienta ¨Cámara unificada¨ y desde la ¨Vista personalizada

1¨ del panel composición, rotamos el objeto terminado para observarlo en

diferentes perspectivas.

Page 16: curso after effects parte 1.doc

NOTA: La herramienta ¨Cámara unificada¨ de la versión CS4, posee la suma de las

funciones de ¨Cámara orbital¨ y ¨Rastrear Cámara XY¨ de la versión CS3. La

Unificada funciona como Orbital y cambia a Rastrear Cámara XY, presionando el

botón derecho del mouse. Si Ud. Posee la versión CS3, no se preocupe, ya que la

nueva versión es casi idéntica. De hecho, la misma gente de Adobe aconseja

continuar con los textos escritos para CS3, en mi caso particular, he editado una

extensión mostrando las diferencias entre ambas versiones..

24) Presionar botón ¨Cuadrícula de trasparencia¨ para volver a tener el fondo negro

Si leyó atentamente y siguió este tutorial paso a paso, Ud deberá tener una interfaz

como muestra la siguiente figura:

Y por último si desean cambiar el color de las capas ¨Relleno 1 y 2¨, seleccionar

cada composición por separado, y presionar el atajo Ctrl + Shift + Y o bien ir hasta

Capa > Configuración de sólidos , allí pueden encontrar la variable ¨Color¨.

En la próxima entrega, continuaremos con la idea de transmitir el lenguaje propio

de Adobe, crearemos un fondo simple y animaremos esta composición,

conoceremos sobre como darle un formato de video adecuado a través de lo que en

AE se denomina ¨Cola de procesamiento¨

Page 17: curso after effects parte 1.doc

Cómo generar una animación en After Effects | 3ª entrega curso AE

Esta es la 3ª entrega de los tutoriales que Daniel Paniagua va a compartir con

nosotros sobre After Effects.

Hasta aquí, con las dos primeras entregas, hemos aprendido como armar en AE, un

archivo diseñado en Photoshop. Si bien, hay muchísimos conceptos que aún no

hemos tocado, la idea de estos tutoriales es conocerlos en la medida que vayamos

necesitándolos. A continuación, un movimiento para el libro 3D.

Breve reseña acerca del método empleado por AE para generar una animación.

Descargar archivos para el tutorial en RapidShare (para acelerar la descarga utiliza

esta extensión para Firefox):http://ceslava.com/blog/quedan-0-segundos-para-la-

descarga-rapidshare-rapid-de-verdad/

http://rapidshare.com/files/242822050/Libro_Parte_2_carpeta.rar.html (52 MB)

El siguiente muestra el resultado del tutorial:

Desplazamiento de una capa a través de un ¨Trazado de movimiento¨:

Toda capa que se desplace desde un punto a otro de la pantalla, debe hacerlo a través de una ¨ruta¨ que en AE se denomina ¨Trazado de movimiento¨. Los datos referidos a la velocidad, dirección y variaciones circunstanciales que pueda sufrir la capa durante su desplazamiento (tamaño, color, rotación, etc.), son almacenados en puntos de inflexión llamados ¨Fotogramas claves¨ (Keyframes). Estos puntos de quiebre, se crean desde el ícono (cronómetro) situado a la izquierda de la columna que contienen los nombres de las capas. Todos los parámetros y/o variables de los efectos que tengan disponibles estos cronómetros, son modificables durante el Trazado de movimiento.

Para desplazar una capa entre un punto y otro, debemos generar al menos 2 fotogramas claves, donde el 1º señala el inicio del movimiento y el 2º, la finalización

Page 18: curso after effects parte 1.doc

de la acción. Los parámetros de Transformación (Anclaje, Rotación, Escala, etc.) son independientes entre sí, de manera tal que una capa puede desplazarse y aplicarles una infinidad de cambios durante el trayecto.

AE cuenta con dos paneles fundamentales en la visualización de las animaciones. Uno es el panel ¨Línea de tiempo¨, que ya hemos conocido parcialmente, y el otro es el de Composición El panel Tiempo, cuenta con una ventana, denominada ¨Ventana de tiempo actual¨ (Fig.7)

Esta ventana posee un ¨Marcador de tiempo actual¨, que nos permite recorrer la animación, y se moviliza manualmente arrastrándolo con clic izquierdo del mouse.

Otras maneras de desplazarnos rápida y eficazmente en el tiempo: Re.Pag para retroceder un fotograma Av.Pag para avanzar un fotograma Shift + Re.Pag para retroceder de a 10 fotogramas Shift + Av Pag para avanzar de a 10 fotogramas Alt + Shift + J para ingresar un valor en el casillero ¨Tiempo actual¨ (versión CS4) I (letra i) pone el marcador al inicio de acción de la capa seleccionada O (letra o) pone el marcador al final de acción de la capa seleccionada Inicio sitúa el marcador en el comienzo de la composición Fin sitúa el marcador al final de la composición

El trazado de movimiento de la Fig. 6, puede ser editado desde el panel ¨Línea de Tiempo¨ ingresando valores numéricos en los casilleros de los parámetros de transformación (generando fotogramas claves a través del tiempo), pero también podemos editarlo manualmente desde el panel Composición, utilizando las herramientas ¨Selección¨ y ¨Pluma¨ del panel Herramientas . Ambas herramientas son semejantes a las de Photoshop. La edición de ¨Trazados de movimiento¨ desde el ¨Visor comp¨ del ¨Panel comp: ¨ será tratado en futuras entregas

Page 19: curso after effects parte 1.doc

Continuamos con nuestro proyecto

Observen por un minuto la Fig.7 (panel ¨Línea de tiempo¨) e individualicen el sector ¨Ventana de tiempo ¨, allí pueden observar las ¨Barras de duración¨ de las capas, estas barras muestran no solo la duración de la capa, sino también el sector de tiempo en que actúan. Nuestra comp. ¨Libro 3D ¨posee una duración original de 3 seg. En el paso siguiente, ampliaremos su duración a 10 seg. tal como pactamos para el spot publicitario.

Modificación de la duración de la composición ¨Libro 3D¨

Para ampliar la duración de una composición, primero debemos extender la duración de las composiciones que están ¨Anidadas¨ en ella. ¨Anidar¨, es la acción de instalar una composición dentro de otra. La duración de una comp. ¨Anidada¨ NO puede ser modificada desde la comp. ¨madre¨, debemos primero abrir separadamente cada comp. Anidada para acceder individualmente a sus configuraciones originales:

1. Abrimos la comp. ¨Relleno 1¨ con doble clic sobre el nombre (para ubicarla ,ir a panel Proyecto y abrir carpeta ¨Composiciones¨ ).

2. Con ¨Relleno 1¨ instalada en el panel ¨Tiempo¨ abrimos ¨Configuración de composición¨ desde su atajo ¨Ctrl + K ¨ ó desde menú principal: Composición > Ajustes de composición

3. Modificar ¨Duración¨ seleccionando el casillero y sobrescribiendo el valor de 1000

Nota: Para simplificar el ingreso de valores en campos de tiempo, aprovechamos el modo en que AE interpreta este tipo de variables. Si 0:00:00:00 corresponden a horas, minutos, segundos y fotogramas., entonces las últimas 4 cifras corresponden a seg. Tener en cuenta, que minutos y segundos varían de 0 a 60 (escala sexagesimal) mientras que los fotogramas dependen de la norma de TV configurada en la composición, por ejemplo, hasta 30 fotogramas para NTSC y hasta 25 en Pal

4. Ir a la ¨Ventana tiempo¨ y arrastrar la ¨Barra de navegación en el tiempo¨ (ver Fig 8) desde ¨Fin de navegardor del tiempo¨ ( punta de su extremo derecho) hasta el final del tiempo (hacia el extremo derecho). Esto provoca la expansión de la regla de tiempo, adecuándola a la nueva duración de la composición´. O bien, puede usar el atajo ´ (apóstrofe)

5. Expandir la ¨Barra de duración¨ de la capa ¨Hojas 1¨, arrastrando con el puntero desde su extremo derecho hasta el final del tiempo, de manera tal que la barra de duración llegue hasta el final de la composición. Como se muestra en la siguiente figura

Page 20: curso after effects parte 1.doc

La comp. Relleno 1 ya dura 10 seg., ahora debemos reiterar los mismos pasos para expandir las composiciones ¨Relleno 2¨ y ¨Libro 3¨. Una vez que estas tres comp. Han sido expandidas a 10 seg., procedemos a la ampliación de tiempo de la composición principal ¨Libro 3D¨. Abrimos su configuración para modificar la duración de la misma, llevándola a 10 seg.

Observar que la comp ¨Libro 3D¨ posee tres capas de PSD (Trasera, Frontal y Lomo) y una capa de cámara, éstas, por ser capas simples, se expanden sin trámites, arrastrando desde su extremo derecho. Cumplidos todos los cambios, tendremos lista la comp. ¨Libro 3D¨ para su animación, ver fig. 9

Creación de la comp Final:

Crearemos una nueva composición, para ¨anidar¨ a ¨Libro 3D¨ e incorporar al resto de las capas que completarán el spot.

1. Pulsar ¨Ctrl + N¨ para abrir crear y al mismo tiempo abrir la ¨Configuración de composición¨ de la nueva composición, cambiar el nombre ¨Comp 1¨ que aparece por defecto por ¨Composición final¨

2. Cambiar ¨Ajuste predeterminado¨ abriendo su menú para seleccionar ¨Pal D1/DV¨

3. Chequear que ¨Proporción aspecto de fotogramas¨ se encuentre activada

4. Revisar que la ¨Duración¨ sea de 10 seg.

5. Aceptar

Habrán notado cuando utilizamos un ajuste predeterminado, el tamaño, la proporción y la cantidad de fotogramas por seg. se configuran automáticamente.

No hemos hablado aún del ajuste ¨Resolución¨, que cobrará importancia con la previsualización de la animación, o en la exportación de la animación en formato de película.

Si desean consultar nuevamente la configuración pulsen ¨Ctrl +K¨ y no ¨Ctrl + N¨, ya que ésta última, crea además, una nueva composición. Integración estructural de la Comp. Final:

Page 21: curso after effects parte 1.doc

1. Arrastrar la composición ¨Libro 3D¨ hasta la ¨Comp. Final ¨en el panel ¨Línea de tiempo¨

2. Habilitar ¨Contraer transformaciones¨ y ¨Capas 3D¨, ambos comandos pertenecen a la columna de definidores de capa del panel ¨Línea de tiempo¨ que Ud. puede ubicarlos por sus íconos ¨Sol¨ y ¨Cubo¨ ( ver Fig.10).

Nota: Activar el comando ¨Contraer transformaciones¨ es obligatorio cuando anidamos una composición. Es el mecanismo que AE utiliza para transferir correctamente toda la información de una comp. anidada a la comp. madre, conservando intactas todas sus transformaciones.

3. Crear una capa ¨Cámara¨ desde su atajo ¨Ctrl + Shift + Alt + C¨ ( Aceptar sin cambios). Luego seleccionar ¨Vista personalizada 1¨ del panel ¨Composición¨

4. En el Visor Composición, observará la imagen del libro en 3D, solo que su tamaño supera al tamaño de la comp. Final. Para reducirlo, seleccione la capa ¨Libro 3D¨ desde el panel ¨Línea de tiempo¨ y pulse la tecla ¨S ¨, acción que despliega la variable ¨Escala¨, Haga clic en uno de los 3 casilleros e ingrese 10 %.

5. Desde la Vista personalizada 1 (F11), seleccione la herramienta ( C )¨Cámara orbital¨ (vers. CS3) o ¨Cámara unificada¨ (vers.CS4) para observar nuestro Libro en diferentes ángulos.

Parámetros de Transformación:

Al comienzo de esta 3º entrega hablamos de cómo se genera un movimiento en AE, ahora conoceremos los ¨Parámetros de transformación¨ .que comandan los movimientos.

Con la capa ¨Libro 3D¨ seleccionada en el panel Tiempo, desplegar todos sus parámetros de ¨Transformación¨ pulsando ¨Ctrl + ^ ¨ (acento grave). Esta acción despliega los parámetros disponibles para generar cambios espaciales y/o temporales en la capa.

Se observan dos carpetas, ¨Transformar¨ y ¨Opciones de Material¨ , la segunda carpeta ciérrela, ya que se aplican solamente con la incorporación de luces (tema de futuras entregas),

La carpeta ¨Transformar ¨contiene los siguientes parámetros:

· Punto de anclaje X,Y,Z : El P. de A. de una capa, es un punto que sirve de ¨pivot¨ para rotar la capa. Los valores de esta variable miden la distancia en px, que separan el centro de coordenadas 0,0 de la capa (vértice superior izquierdo de la capa) y este pivot, Si se trata de una capa comp. anidada, estas medidas son relativas a la configuración original que dio origen a dicha composición. Por este

Page 22: curso after effects parte 1.doc

motivo, Ud. verá que el ¨Punto de anclaje¨ de la comp. anidada ¨Libro 3D¨ se ubica en las coordenadas 1240,1754,0, ya que proviene de una configuración original de 2480×3508, ¡¡¡Oh sorpresa !!! el doble del valor que posee el P.de A. de la comp. anidada Libro 3D en la Comp. Final (piense).Cambie la vista ¨Personalizada 1 (F11) ¨por ¨Cámara activa (F12)¨ y pruebe ingresando los valores 0,0,0 para Punto de anclaje para ver qué sucede, luego razone y por último, retroceda las acciones con ¨Ctrl + Z ¨ hasta borrar todos los cambios de prueba

· Posición X,Y,Z (P): también medida en px. es la distancia que existe entre el origen 0,0 de pantalla y el ¨Punto de anclaje¨ de la capa. Recordar que el origen 0,0 es el vértice superior izquierdo de la pantalla. Observe que la capa ¨Libro 3D¨, posee una distancia ¨Posición¨, inferior a la de su ¨Punto de anclaje¨, esto sucede porque la ¨Posición¨ es relativa a la configuración de la comp ¨Final¨(720×576) y el ¨P. de anclaje¨ es relativa al tamaño configurado de la comp. original (2480×3508 px). Por último, decimos que la posición 0 en el eje Z, indica el plano de profundidad (cerca o lejos) en 3D.

· Escala X,Y,Z ( S ): medidas en % donde el tamaño original posee 100%, es importante tener en cuenta el tamaño original de las capas de diseño, ya que si son pequeñas pueden sufrir pixelados indeseables durante las modificaciones de este parámetro. Es preferible partir de diseños enormes para luego reducirlos al tamaño necesario. Esta variable posee además ¨Proporción de cambio¨ que en español, es más fácil explicarla como ¨Cambio proporcional¨ La Proporción de cambio puede ser desbloqueada, desactivando su casillero, simbolizado por el dibujo de una cadena. Realice diferentes cambios ingresando valores independientes para cada proporción y luego retroceda con Ctrl + Z

· Orientación X,Y,Z ( R ): medida en grados sexagesimales, es el parámetro que regula la rotación de la capa, este parámetro es el que se modifica automáticamente cuando realizamos rotaciones a ojo desde el Visor Comp. con la herramienta ¨Rotación¨ (W)

· Rotación X / Rotación Y / Rotación Z (R ): los tres parámetros se miden en grados y sirven para rotar la capa, como podría hacerlo desde ¨Orientación¨ solo que éstos parámetros individuales, poseen un casillero adicional para ingresar cantidad de giros o revoluciones donde 1 giro = 360º. Esto es ideal para trabajar numéricamente. Reiteramos un importante concepto acerca del Punto de anclaje. La ubicación estratégica de este punto, sirve para pivotear la capa. Como ejemplo, ubique el Punto de anclaje sobre uno de los vértices de la capa, y rótela sobre cualquiera de sus ejes. Para mover el ¨Punto de anclaje¨ tome la herramienta ¨Panorámica trasera¨ (¨Y ¨) y arrastre el ¨circulito¨ que simboliza al P. de A., a diferentes vértices de la capa, luego rote con la herramienta W. Recuerde realizar las pruebas desde la vista ¨Cámara activa¨ (F12) y aplicar Ctrl + Z para dejar sin efectos las pruebas realizadas.

· Opacidad (O): medida en %, se la utiliza para regular la transparencia de la capa.

Para nuestra tarea, utilizaremos los siguientes parámetros:

Opacidad para hacer que la capa sea completamente transparente al inicio de la animación.

Page 23: curso after effects parte 1.doc

Escala, para que la capa crezca de menor a mayor.

Rotación X, Rotación Y y Rotación Z, para mostrar el objeto en 3D

Para comenzar a generar la animación de la capa Libro 3D, debe visualizar su interfaz como lo muestra la figura Fig. 11

Creación de Fotogramas Clave (FC)

· El 1º FC de un parámetro de transformación se crea desde su ¨Cronómetro¨

· Los siguientes FC, se agregan ingresando valores numéricos a las variables o isi Ud desa mantener constante el último valor, puede hacerlo desde ¨Agregar o eliminar FC en el tiempo actual¨ , (ver Fig.11)

· De aquí en adelante, sepa que si hablamos de ¨crear un FC¨, nos referimos a presionar su cronómetro, en cambio si decimos ¨confirme posición agregando un FC¨, debe emplear el botón de ¨Agregar o eliminar un FC del tiempo actual¨, observe que este botón posee dos triangulitos a los lados del casillero, que sirven para viajar entre los FC del parámetro, que Ud, puede suplirlos con los atajos ¨J¨y ¨K ¨

· El hecho de ingresar un valor numérico para una determinada variable, creará automáticamente un FC, sólo si NO se trata del 1º FC, de ser 1º FC Ud debe ¨agregar¨ un FC luego de ingresar el cambio.

· La forma más rápida de borrar un FC es con la tecla ¨Del¨.

· Para abrir el campo de la ventana ¨Tiempo¨ y así ingresar el tiempo al que deseamos ir debemos pulsar el atajo Alt + Shift.+ J para CS4 ó Ctrl + Shift + J para CS3, una vez abierto el campo, recuerde que puede ingresar cifras enteras sin puntos ni comas Animación de la capa ¨Libro 3D¨:

Page 24: curso after effects parte 1.doc

1. Dejaremos el 1º seg. sin acción, y momentáneamente con fondo negro. La acción para la capa Libro 3D empezará a partir de allí.

2. Es más simple primero establecer FC para la posición de llegada , entonces ir hasta el tiempo 1 seg. y 15 F (115) en ¨Tiempo actual¨ y crear los primeros FC para Opacidad y para Escala. Estos FC, marcan la posición final de la primera animación para ¨Libro 3D¨ Tal cual se lo ve actualmente.

3. Retroceder al tiempo 1 seg. e ingresar 0 % para ¨Opacidad¨ y 0% para ¨Escala¨

Notas: Si bien escribo los valores en px y %, lo hago para manejar las variables como corresponde. Hablar correctamente el lenguaje de Adobe, es clave para entender futuras entregas de mayor complejidad. Cuando Ud. ingresa cambios numéricos en las variables, sus campos SOLO aceptan números SIN unidad de medida ( %,grados ,px ) , .No obstante, Ud siempre debe tener presente cual es la unidad de medida del número que está ingresando

Hasta aquí, la animación empieza en el 1º seg., con la capa Libro 3D naciendo desde el infinito para estabilizarse en el centro de la pantalla en el tiempo 1seg y 15 F.

4. Presionar ¨K ¨para avanzar hasta los FC creados anteriormente, y crear FC para los parámetros ¨Rotación X´ , ¨Rotación Y ¨y ¨Rotación Z ¨ (con clic en sus cronómetros), marcando así, el tiempo de inicio de rotación para la capa.

5. Avanzar 10 fotogramas con Shift + Av.Pag e ingresar -20º,-30º y -10º (todos negativos) en los casilleros de las variables de Rotación X,Y y Z respectivamente.

6. Avanzar hasta el los 3 seg y 6 F (306) y agregar FC para los parámetros de Rotación X,Y, y Z, esta acción confirma los valores ingresados anteriormente y estabiliza la capa.

Nota: recuerde que para crear un FC para un parámetro que ya contiene otros FC, Ud debe utilizar los casilleros ¨Agregar o quitar FC en el tiempo actual¨

7. Avanzar 10 fotogramas con Shift + Av.Pag e ingresar Rx = -8º, Ry = 380º y Rz = 2º para generar una suave rotación alrededor de sus tres ejes. Observar que 380º = 1 giro + 20º

8. Ir hasta los 5 seg.y agregar FC para Rotación X,Y,Z. para confirmar valores constantes desde el último cambio.

9. Avanzar 10 fotogramas y agregar FC para Escala, (confirma valores constantes). Luego ingresar : Rx = -80º, Ry = 190º (Nº giros = 0), Rz = -80º

10. Avanzar 10 fotogramas y crear el primer FC para Posición (desde su cronómetro confirmando hasta aquí, su valor constante). Ingresar Escala = 20%

11. Ir al tiempo 6 seg y 11 F e ingresar P = 1500,300,0, E = 80% y agregar FC para confirmar Rz. Ingrese Ry = 180º

12. Ir hasta el tiempo 7 seg y 10 F e ingresar, Posición = 300,250,0, agregar un FC

Page 25: curso after effects parte 1.doc

que confirme Escala = 80% . Luego agregue FC para confirmar Rx y Ry, Ingrese Rz = -135º

13. Avanzar 5 fotogramas y agregar un FC para P, e ingresar E = 100%, Rx = -20, Ry = -30, y Rz = -10 .

14. Avanzar 5 fotogramas y agregar FC¨ para Rx, Ry, y Rz. Ingresar, P = 360,288,0, E = 10%.

Nota: Observar que los FC del tiempo 720 poseen los mismos valores que los del tiempo 200

AE acepta los clásicos comandos de copiado y pegado tan conocidos por todos ; Ctrl + C y Ctrl + V , y son aplicables a casi todo tipo de operaciones actuando en casi todos los paneles, y por supuesto, también aplicables a los FC.

15. En ese mismo tiempo (720) pulsar ¨N¨, para delimitar el ¨Entorno de trabajo¨ y así poder aplicar la previsualización de la animación, pulsando ¨0 ¨(cero) atajo de la Prev. de Ram

16. Si su computadora es suficientemente rápida, vaya hasta la ¨Ventana resolución¨ del panel Composición, y seleccione ¨Completa¨ . o presione ¨Ctrl + J¨ (opción calidad máxima) Cuando el ordenador calcula el preview, aparece una línea verde en el sector superior de la Ventana tiempo que simboliza los fotogramas que han sido renderizados y que están disponibles para previsualizarse. Ajustes en la Interpolación de fotogramas y Asistentes de FC:

La Interpolación de fotogramas, es el modo en que son aplicados los cambios en los parámetros de transformación y la manera en que esos cambios se distribuyen entre un FC y otro. Imaginemos una capa que se desplaza entre dos puntos, AE llama Interpolación al ¨viaje¨, pudiendo éste ser suave, repentino y abrupto, etc. Si recuerdan la fig de un Trazado de movimiento, sepan que la ¨densidad¨ de los puntitos que integran los trazados, son los que representan la interpolación. A mayor distancia entre puntos, menor velocidad

Asistente de FC, es el comando que manipula la calidad final de las animaciones, ya que quita el movimiento ¨robotizado¨ aplicando frenos y aceleraciones

Para utilizar Interpolación de fotogramas, primero debemos seleccionar el (o los) FC y desde clic derecho del mouse, o desde su atajo ¨Ctrl + Shift + K ¨, del menú contextual de las observará 3 modos : Temporal, Espacial e Itinerante, donde cada uno de ellos posee variantes.

Para emplear Asistente de FC, elije desde menú: Animaciones > Asistente de FC > Fácil (F9) ó Fin de fácil (Ctrl + Shift + F9) ó Inicio de fácil ( Shift + F9)

En esta ocasión, utilizaremos varios de estos modos para mostrar como funcionan

1. Para lograr mayor impacto visual aplicaremos Interpolación Mantener en los tiempos 520 y 710 . Ir al tiempo 520. Seleccionar los FC de los parámetros Posición

Page 26: curso after effects parte 1.doc

y Escala, pulsar Ctrl + Alt + K y elegir ¨Mantener¨ desde Interpolación temporal

2. Ir al tiempo 710, seleccionar todos los FC (son 5), y aplicarles Interpolado Mantener¨¨

3. Previsualizar para ver los cambios (preview de Ram ¨0 ¨(cero)) Aplicación de ¨Asistente de FC¨

Para completar la animación de ¨Libro 3D¨, aplicaremos propiedades de ¨Distribución de velocidad en el trazado¨. Estas propiedades se encuadran dentro de los ¨Asistentes de fotogramas clave¨ y manipulan las aceleraciones de la capa entre los FC.

Desde menú: Animación >Asistente de fotogramas clave > Fácil / Fin de fácil / Inicio de fácil

Aplicamos ¨Inicio de fácil¨ ( Shift + F9 ) comando que provoca una llegada suave.

1. Pulsar ¨Inicio¨ para llevar el ¨Marcador de tiempo actual¨ al comienzo de la animación, y seleccionar el parámetro ¨Rotación X¨

2. Pulsar la tecla ¨K¨ para avanzar entre los FC del parámetro Rx, hasta llegar al tiempo 3 seg y 16 F. Multiseleccionar los FC (son 3) y aplicar Shift + F9. Luego repetir esta acción con los FC del tiempo 5 seg y 10 F (sólo a los FC de Rx,Ry y Rz)

3. Generar un Preview y observar los cambios

4. Aplicaremos ¨Fin de fácil¨ ( Ctrl + Shift + F9 ) comando que provoca que la capa llegue acelerando. Ir al tiempo 1seg y 15 F y aplique Fin de fácil al FC del parámetro ¨Escala¨ luego haga lo propio con todos los FC del tiempo 2 seg (son 3) . Previsualice y note los cambios.

5. Aplicaremos ¨Fácil¨ ( F9 ) comando que frena la salida y la llegada entre FC. Ir al tiempo 6seg y 11 F , y usarlo con el FC del parámetro ¨Posición¨ Previsualizar y ver los cambios

Como han comprobado, los movimientos son más reales y no ¨robotizados¨ gracias a la aplicación de estos ¨Asistentes de FC¨.

Hemos finalizado la animación de la capa ¨Libro 3D¨, la idea de esta 3º entrega, es conocer los conceptos básicos del manejo de los parámetros. Los movimientos espectaculares se crean empezando por entender las animaciones más simples.

Experimente creando animaciones manualmente desde el panel Composición, ayudándose con las diferentes vistas. Como ejercicio práctico, realice lo siguiente:

1. Cree una nueva composición configurada con Pal D1/DV y lleve a la comp. Libro 3D hasta allí, no olvide aplicar ¨Contraer transformaciones¨ y la activación del definidor ¨Capas 3D¨, luego cree una capa ¨Cámara¨

2. Despliegue los parámetros ¨Transformar¨de la capa Libro 3D

Page 27: curso after effects parte 1.doc

3. Ingrese el valor de 10% para E (parámetro Escala)

4. Observe la imagen desde ¨Cámara activa¨ y verá los tres ejes en el centro de la capa, El eje X de color rojo, el Y de verde y el Z de azul, cuando Ud acerca el puntero del mouse a estos ejes, AE le hace saber de cuál se trata, colocando la letra X, Y o Z al lado del puntero. Desde la ventana ¨Visor Comp.¨ pique y arrastre la capa sobre el eje X, con la herramienta ´Selección¨ (V), luego desplace la capa sobre el eje Y y luego sobre el eje Z

5. Tome la herramienta ¨Rotación¨ (W) y repita las acciones del punto anterior, observando los cambios numéricos que se producen en el parámetro ¨Orientación¨

Nota: En todos los cuadros de diálogo donde se pueden ingresar valores numéricos, también tenemos la posibilidad de realizar operaciones matemáticas de suma, resta, multiplicación y división, con los símbolos de +,- * y /, estos símbolos se utilizan como operaciones comunes. Por ej si la posición en x de una capa es X=100 y deseamos desplazarla 150 px a la derecha, ingresamos +150 (sin borrar los 100 px originales) .Otra acción interesante y práctica es doble clic sobre un fotograma clave, para conocer los valores de las variables que lo afectan ya que abre el cuadro info del FC (panel Tiempo)

6. Puede generar FC y crear su propia animación. Recuerde limitar el ¨Entorno de trabajo¨ antes de aplicar la previsualización

7. Cierre los parámetros de ¨Transformación ¨ de la capa Libro 3D y abra los de¨Cámara¨

8. Observe los cambios producidos en la imagen cambiando los valores de ¨Orientación¨

9. Cambie a ¨Vista personalizada 1¨.y trabaje con ¨Cámara orbital¨

La ¨Cámara¨ puede verse desde el ¨Visor Comp¨ (panel Comp.) como una ¨cajita¨ con ejes X,Y,Z .Si Ud, no puede verla, reduzca el tamaño de la ventana ¨Visor Comp¨ ayudándose con la ruedita del mouse. y luego seleccione la capa Cámara en el panel ¨Linea de tiempo¨.

Para moverla, ¨tironee¨ de la cajita con el puntero y arrástrela.

Despliegue el menú de la ¨Ventana proporción de aumento¨ y elija ¨Ajustar¨ para retornar al tamaño natural del ¨Visor Comp..

Seleccione el panel Composición y pulse ^ (acento grave) para visualizar exclusivamente el Vísor Comp. a pantalla entera. Incorporación de capas de Texto:

Continuando con el proyecto original, incorporaremos tres capas de Texto

CONTINUA AQUI