Guía del usuario Cancelar

Conceptos básicos sobre animaciones

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.

Iconos del cronómetro: Cronómetro activo y cronómetro inactivo
Iconos del cronómetro

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

Nota:

Si el modo de fotograma clave automático está activado, el cronómetro se activa automáticamente para una propiedad cuando se modifica (consulte Modo de fotograma clave automático).

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.

Nota:

Cambie los iconos de fotograma clave a números seleccionando Utilizar índices de fotograma clave, en el menú del panel Línea de tiempo.

Fotogramas clave como iconos comparados con fotogramas clave como números
Fotogramas clave como iconos comparados con fotogramas clave como números

Nota:

Cuando una propiedad de capa que contiene fotogramas clave se contrae, los puntos grises (indicadores de fotograma clave de resumen) de la propiedad muestran que existen fotogramas clave incluidos en ella.

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.

Nota:

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.

La ilustración muestra dos propiedades animadas (posición y escala) en el Editor de gráficos
La ilustración muestra dos propiedades animadas (posición y escala) en el Editor de gráficos

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

Fotogramas clave del Editor de gráficos con controles de dirección
Fotogramas clave del Editor de gráficos con controles de dirección

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

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

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:

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.

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

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

Para activar la herramienta Mano momentáneamente cuando está usando otra herramienta, mantenga presionada la barra espaciadora o el botón central del ratón.

  • 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.
Nota:

No se puede obtener una panorámica ni aplicar zoom vertical cuando está seleccionado Aplicar zoom automático al alto .

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.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?