Acerca de la animación, fotogramas clave y expresiones
La animación es el cambio en el tiempo. Para animar una capa o un efecto cambie una o varias de sus propiedades en el tiempo. Por ejemplo, se puede animar la propiedad de Opacidad de una capa del 0% en el tiempo cero al 100% en el tiempo 1 segundo para hacer un fundido de la capa. Cualquier propiedad con un botón de cronómetro
a la izquierda de su nombre en el panel Línea de tiempo o en el de Controles de efectos se puede animar.

- A.
- Cronómetro activo
- B.
- Cronómetro inactivo
Las propiedades de una capa se animan utilizando fotogramas clave, expresiones o ambas.
Muchos ajustes preestablecidos de animación incluyen fotogramas clave y expresiones para que se consiga un resultado animado complejo solo con aplicar el ajuste preestablecido de animación a la capa.
En After Effects, se trabaja con fotogramas clave y expresiones en uno o dos modos: modo barra de capa o modo Editor de gráficos. El modo barra de capa es el predeterminado y permite mostrar las capas como barras de duración, con fotogramas clave y expresiones alineadas verticalmente con sus propiedades en el panel Línea de tiempo. El modo Editor de gráficos no muestra barras de capa y muestra los resultados de fotogramas clave y expresiones en gráficos de valores o gráficos de velocidad. (Consulte El editor de gráficos.)
Fotogramas clave
Los fotogramas clave se utilizan para definir parámetros para el movimiento, efectos, audio y otras muchas propiedades que, por lo general, se cambian con el paso del tiempo. Un fotograma clave marca el punto en el que se especifica un valor para una propiedad de capa como, por ejemplo, la posición en el espacio, la opacidad o el volumen de audio. Los valores entre los fotogramas clave se interpolan. Si utiliza fotogramas clave para crear un cambio a lo largo del tiempo, debe utilizar como mínimo dos fotogramas clave: uno para el estado al comienzo del cambio y otro para el nuevo estado al final del cambio. (Consulte Configuración o adición de fotogramas clave.)
Si se desactiva el cronómetro, se eliminan todos los fotogramas clave para esa propiedad de capa y el valor constante de la propiedad se cambia al valor actual. No anule la selección del cronómetro a menos que esté seguro de que quiere eliminar permanentemente todos los fotogramas clave de esa propiedad.
Cambie los iconos de fotograma clave a números seleccionando Utilizar índices de fotograma clave, en el menú del panel Línea de tiempo.
Algunas herramientas, como Esbozo de movimiento y las herramientas de posición libre, establecen automáticamente fotogramas clave para que el movimiento que ha dibujado se ajuste.
Expresiones
Las expresiones usan un lenguaje de secuencias de comandos basado en JavaScript para especificar los valores de una propiedad, así como para relacionar propiedades entre sí. Se pueden crear expresiones simples conectando propiedades con el icono espiral. (Consulte Acerca de las expresiones.)
Recursos de animación en línea
Aharon Rabinowitz proporciona algunos tutoriales de vídeo que introducen la animación como parte de la serie Multimedia 101, incluyendo "How Does Computer Animation Work?" (¿Cómo funciona la animación informática?) y "What is interpolation?" (¿Qué es la interpolación?)
Para ver un tutorial de vídeo sobre la animación utilizando fotogramas clave y el panel Línea de tiempo, consulte el sitio web de Adobe (en inglés).
En el sitio web de Shaun Freeman se incluyen vínculos con información sobre la teoría y la práctica de la animación, especialmente sobre la animación de caracteres.
Para obtener un tutorial paso a paso que muestre la animación de capas individuales desde un archivo (PSD) de Photoshop, consulte el capítulo “Animating Layers in After Effects“ (Animación de capas en After Effects) del sitio web de Peachpit Press After Effects Classroom in a Book.
El editor de gráficos
El Editor de gráficos representa los valores de propiedades mediante un gráfico de dos dimensiones; el valor de tiempo de composición se representa horizontalmente (de izquierda a derecha). Por el contrario, en el modo de barra de capa, el gráfico de tiempo representa solo el elemento de tiempo horizontal, sin mostrar ninguna representación visual vertical de los valores variables.
Para alternar entre el modo de barra de capa y el modo Editor de gráficos, haga clic en el botón Editor de gráficos
ubicado en el panel Línea de tiempo, o presione Mayús+F3.
Hay dos tipos de gráficos disponibles en el Editor de gráficos: gráficos de valores, que muestran los valores de la propiedad, y gráficos de velocidad, que muestran las velocidades de cambio de los valores de la propiedad. Para las propiedades temporales, como la Opacidad, el Editor de gráficos asigna ajustes predeterminados al gráfico de valores. Para las propiedades espaciales, el Editor de gráficos vuelve al gráfico de velocidad de forma predeterminada. Para obtener información sobre la visualización y edición de los valores de fotogramas clave, consulte Visualización o edición de un valor de fotograma clave.
En el Editor de gráficos, cada propiedad se representa mediante su propia curva. Se puede ver y utilizar una propiedad cada vez o varias propiedades al mismo tiempo. Cuando hay más de una propiedad visible en el Editor de gráficos, cada curva de propiedad tiene el mismo color que el valor de dicha propiedad en el contorno de la capa.
Cuando se arrastra un fotograma clave en el Editor de gráficos con el botón Ajustar
seleccionado, el fotograma clave se ajusta a los valores del fotograma clave, tiempos del fotograma clave, el tiempo actual, puntos de Entrada y Salida, marcadores, el comienzo y final del área de trabajo y el comienzo y final de la composición. Cuando el fotograma clave se ajusta a uno de estos elementos, aparece una línea naranja en el Editor de gráficos para indicar el objeto que está ajustando. Mantenga pulsado Ctrl (Windows) o Comando (Mac OS) después de haber comenzado a arrastrar para cambiar temporalmente el comportamiento de ajuste.
Los fotogramas clave en el modo Editor de gráficos pueden tener controles de dirección en uno o en ambos lados. Los controles de dirección se utilizan para controlar la interpolación de curva.

Puede utilizar el botón Separar dimensiones
en la parte inferior del Editor de gráficos para separar los componentes de una propiedad Posición en propiedades individuales (la Posición X, Posición Y y Posición Z (para las capas tridimensionales)) para poderlas modificar o animar independientemente. (Consulte Separación de las dimensiones de Posición para animar componentes individualmente.)
Recursos en línea sobre el Editor de gráficos
Lee Brimelow incluye un vídeo de descripción general sobre el editor de gráficos en el sitio web de Adobe (en inglés).
Antony Bolante proporciona información, sugerencias e ilustraciones sobre el uso del editor de gráficos en un artículo del sitio web Peachpit Press.
Especificación de las propiedades que se mostrarán en el Editor de gráficos
Haga clic en el botón Mostrar propiedades
de la parte inferior del Editor de gráficos y seleccione una de las siguientes opciones: - Mostrar las propiedades seleccionadas
- Muestra las propiedades seleccionadas en el Editor de gráficos.
- Mostrar propiedades con animación
- Muestra las propiedades animadas de las capas seleccionadas en el Editor de gráficos.
- Mostrar conjunto de editores gráficos
- Muestra las propiedades que tienen seleccionado el definidor Editor de gráficos
. El definidor está junto al cronómetro, a la izquierda del nombre de la propiedad, cuando el cronómetro esté activo, es decir, cuando la propiedad tenga fotogramas clave o expresiones.Nota: Aharon Rabinowitz ofrece consejos para utilizar este control y mostrar la forma de onda del audio para una capa no seleccionada en el sitio web Creative COW.
Opciones de gráfica en el Editor de gráficos
Haga clic en el botón Elegir tipo y opciones de gráfico
ubicado en la parte inferior del Editor de gráficos para seleccionar una de las siguientes opciones:
- Seleccionar tipo de gráfico automáticamente
- Selecciona automáticamente el tipo de gráfico apropiado para una propiedad: gráficos de velocidad para propiedades espaciales (como Posición), y gráficos de valores para otras propiedades.
- Editar gráfico de valores
- Muestra el gráfico de valores para todas las propiedades.
- Editar gráfico de velocidad
- Muestra el gráfico de velocidad para todas las propiedades.
- Mostrar gráfico de referencia
- Muestra el tipo de gráfico no seleccionado en el fondo solo para su visualización. (Los números grises a la derecha del Editor de gráficos indican los valores del gráfico de referencia.)
- Mostrar formas de onda de audio
- Muestra la forma de onda de audio de cualquier capa que tenga como mínimo una propiedad en el Editor de gráficos.
- Mostrar puntos de entrada/salida de capa
- Muestra los puntos de inicio y de fin que tiene una propiedad en el Editor de gráficos. Los puntos de entrada y salida se muestran como llaves.
- Mostrar marcadores de capa
- Muestra los marcadores de capa en el Editor de gráficos, si existen, para cualquier capa que tenga una propiedad como mínimo en el editor. Los marcadores de capa aparecen como pequeños triángulos.
- Mostrar información sobre herramientas gráficas
- Activa y desactiva la información sobre herramientas gráficas.
- Mostrar el Editor de expresiones
- Muestra u oculta el campo editor de expresiones.
- Permitir fotogramas clave entre fotogramas
- Permite colocar fotogramas clave entre los fotogramas para conseguir una animación precisa.
Aplicar zoom automático al alto y Ajustar
- Aplicar zoom automático al alto

- Cambia el modo Aplicar zoom automático al alto, que escala automáticamente la altura del gráfico para ajustarla a la altura del Editor de gráficos. Aun así, el zoom horizontal debe ajustarse manualmente.
- Ajustar selección

- Ajusta la escala del valor (vertical) y del tiempo (horizontal) del gráfico para ajustar los fotogramas clave seleccionados en el Editor de gráficos.
- Ajustar todo

- Ajusta la escala del valor (vertical) y de tiempo (horizontal) del gráfico para ajustar todos los gráficos en el Editor de gráficos.
Interpolación de fotogramas clave
Conceptos básicos sobre expresiones
Descripción general y recursos de los ajustes preestablecidos de animación
Fotogramas clave y el Editor de gráficos (métodos abreviados de teclado)
Visualización de propiedades y grupos en el panel Línea de tiempo (métodos abreviados de teclado)
.