Conceptos básicos sobre animaciones

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.

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 de tiempo 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.)

Cuando el cronómetro está activo para una propiedad específica, After Effects define o modifica automáticamente un fotograma clave para la propiedad en el tiempo actual cuando se cambia el valor de la propiedad. Si el cronómetro está inactivo para una propiedad, dicha propiedad no tiene fotogramas clave. Si se cambia el valor de una propiedad de capa mientras el cronómetro está inactivo, el valor será el mismo durante toda la capa.

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.

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

Consulte el tutorial en vídeo, "Animar las propiedades de transformación con fotogramas clave", de Jeff Sengstack e Infinite Skills.

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.

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 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, a los tiempos del fotograma clave, al tiempo actual, a los puntos de Entrada y Salida, a los marcadores, al comienzo y al final del área de trabajo y al comienzo y al 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

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

Opciones de gráfico 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:

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.

Muestra el gráfico de valores para todas las propiedades.

Muestra el gráfico de velocidad para todas las propiedades.

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.)

Muestra la forma de onda de audio de cualquier capa que tenga como mínimo una propiedad en el Editor de gráficos.

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.

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.

Activa y desactiva la información sobre herramientas gráficas.

Muestra u oculta el campo editor de expresiones.

Permite colocar fotogramas clave entre los fotogramas para conseguir una animación precisa.

Panorámica y zoom en el Editor de gráficos

• Para obtener una panorámica vertical u horizontal, arrastre con la herramienta Mano

• Para obtener una panorámica vertical, gire la rueda del ratón.
• Para obtener una panorámica horizontal, presione la tecla Mayús mientras gira la rueda del ratón.
• Para hacer zoom para acercar, haga clic con la herramienta Zoom.
• Para alejar con el zoom, presione la tecla Alt (Windows) u Opción (Mac OS) y haga clic con la herramienta Zoom.
• Para usar el zoom con la rueda del ratón, presione Alt (Windows) u Opción (Mac OS) mientras gira la rueda para hacer zoom horizontal; presione Ctrl (Windows) o Comando (Mac OS) para hacer zoom vertical.
• Para hacer zoom horizontalmente, presione la tecla Alt (Windows) u Opción (Mac OS) mientras arrastra la herramienta Zoom hacia la izquierda para alejarse o hacia la derecha para acercarse.
• Para hacer zoom verticalmente, presione la tecla Alt (Windows) u Opción (Mac OS) mientras arrastra la herramienta Zoom hacia arriba para acercarse o hacia abajo para alejarse.

Aplicar zoom automático al alto y Ajustar

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.

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.

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.