Conceptos básicos sobre animaciones

Aprende a usar animate en capas y efectos mediante fotogramas clave, el Graph editor y expresiones.

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, puede animar la propiedad Opacidad de una capa del 0% en el tiempo cero al 100% en el segundo 1 para hacer que la capa aparezca gradualmente. Cualquier propiedad con un botón de cronómetro   a la izquierda de su nombre en el panel Línea de tiempo o Controles de efectos se puede animar.

En el panel Línea de tiempo, las propiedades de transformación de una capa 3D están expandidas. Estas propiedades tienen cronómetros activos e inactivos que indican su estado de animación. Todas las propiedades están habilitadas excepto Opacidad y Punto de anclaje.
El icono de cronómetro activo o inactivo en el panel Línea de tiempo indica si una propiedad está animada.

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 de barra de capa es el predeterminado, que muestra las capas como barras de duración, con fotogramas clave y expresiones alineados verticalmente con sus propiedades en el panel Línea de tiempo. El modo Editor de gráficos no muestra barras de capa y muestra fotogramas clave y resultados de expresiones en gráficos de valores o gráficos de velocidad. 

Fotogramas clave

Los fotogramas clave se utilizan para establecer parámetros de movimiento, efectos, audio y muchas otras propiedades, generalmente cambiándolos a lo largo 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 emplear como mínimo dos: uno para el estado al comienzo del cambio y otro para el nuevo estado al final del cambio.

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

Cuando el modo de fotogramas clave automáticos está activado, el cronómetro se activa automáticamente para una propiedad cuando se modifica.

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.

Sugerencia

Cambie los iconos de fotogramas clave en el modo de barra de capa a números seleccionando Usar índices de fotogramas clave en el menú del panel Línea de tiempo.

El panel Línea de tiempo está abierto y hay varios fotogramas clave para diferentes propiedades de una capa. Todos los fotogramas clave tienen diferentes etiquetas de color y tienen aplicada una Aceleración de entrada y una Aceleración de salida.
Una serie de fotogramas clave de animación en el panel Línea de tiempo determina cómo se mueve y transforma una capa a lo largo del tiempo.

En el panel Línea de tiempo, se ven varios fotogramas clave para diferentes propiedades de una capa. Estos fotogramas clave marcan los puntos exactos en el tiempo donde ocurren los cambios de propiedad. Los fotogramas clave se muestran como índices para referencia en expresiones o scripts.
Los fotogramas clave de animación en el panel Línea de tiempo utilizan índices de fotogramas clave para especificar los puntos exactos en el tiempo donde ocurren los cambios de propiedad.

Nota

Cuando una propiedad de capa que contiene fotogramas clave está contraída, los puntos grises (indicadores de resumen de fotogramas clave) del grupo de propiedades muestran que hay fotogramas clave contenidos en su interior.

Algunas herramientas, como Boceto de movimiento y las herramientas Posición libre, establecen automáticamente fotogramas clave para que coincidan con el movimiento que dibuja.

Expresiones

Las expresiones utilizan un lenguaje de secuencias de comandos basado en JavaScript para especificar los valores de una propiedad y relacionar propiedades entre sí. Se pueden crear expresiones simples conectando propiedades con el icono espiral

El editor de gráficos

El Editor de gráficos representa los valores de las propiedades mediante un gráfico bidimensional, con el tiempo de composición representado 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, seleccione el botón Editor de gráficos   en el panel Línea de tiempo.

En el panel Línea de tiempo, las propiedades de transformación están expandidas y muestran una lista de propiedades activas e inactivas. Los valores de las propiedades se representan como gráficos bidimensionales, con el tiempo de composición mostrado horizontalmente.
Las propiedades animadas que se muestran en el Editor de gráficos se pueden ajustar para perfeccionar el movimiento y el tiempo de las animaciones.

Hay dos tipos de gráficos disponibles en el Editor de gráficos:

  • Gráfico de valores: Muestra los valores de las propiedades
  • Gráfico de velocidad: Muestra las tasas de cambio en los valores de las propiedades

Para las propiedades temporales, como Opacidad, el Editor de gráficos utiliza el gráfico de valores de forma predeterminada. Para las propiedades espaciales, como Posición, el Editor de gráficos utiliza el gráfico de velocidad de forma predeterminada. Para obtener información sobre cómo ver y editar los valores de fotogramas clave, consulte Ver o editar un valor de fotograma clave.

En el Editor de gráficos, cada propiedad está representada por 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, la curva de cada propiedad tiene el mismo color que el valor de la 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 de fotograma clave, tiempos de fotograma clave, tiempo actual, puntos In y Out, marcadores, el principio y el final del área de trabajo, y el principio y el 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 al que se está ajustando. Mantenga pulsada la tecla Ctrl (Windows) o Command (macos) después de comenzar a arrastrar para alternar temporalmente el comportamiento de ajuste.

Los fotogramas clave en el modo Editor de gráficos pueden tener controles de dirección adjuntos a uno o 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 (Posición X, Posición Y y, para capas 3D, Posición Z) para poder modificarlas o animarlas de forma independiente. Obtenga más información sobre cómo separar las dimensiones de Posición para animar los componentes individualmente.

En el panel Línea de tiempo, las propiedades de transformación se expanden, mostrando una lista de propiedades activas e inactivas. Los valores de las propiedades se representan como gráficos bidimensionales, y los controles de dirección están disponibles para refinar las curvas de animación y lograr transiciones más suaves.
Los fotogramas clave en el Editor de gráficos con controles de dirección proporcionan un control refinado sobre las curvas de animación para lograr transiciones más suaves.

Especifique qué propiedades se muestran en el Editor de gráficos

  1. Seleccione el botón Mostrar propiedades en la parte inferior del Editor de gráficos y elija entre 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 conmutador Editor de gráficos . Este conmutador está junto al cronómetro, a la izquierda del nombre de la propiedad, cuando el cronómetro está activo, es decir, cuando la propiedad tiene fotogramas clave o expresiones.

Opciones de gráfico en el Editor de gráficos

Seleccione el botón Tipo y opciones de gráfico en la parte inferior del Editor de gráficos para elegir entre las siguientes opciones:

Seleccionar tipo de gráfico automáticamente

Selecciona automáticamente el tipo de gráfico adecuado para una propiedad: gráficos de velocidad para propiedades espaciales (como Posición) y gráficos de valor 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 al menos una propiedad en el Editor de gráficos.

Mostrar puntos de entrada/salida de capa

Muestra los puntos In y Out de todas las capas que tienen una propiedad en el Editor de gráficos. Los puntos In y Out aparecen como llaves.

Mostrar marcadores de capa

Muestra los marcadores de capa en el Editor de gráficos, si existen, para cualquier capa que tenga al menos una propiedad en el Editor de gráficos. 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 fotogramas para ajustar con precisión la animación.

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

  • Para desplazarse vertical u horizontalmente, arrastre con la herramienta Mano .
Sugerencia

Para activar la herramienta Mano momentáneamente mientras utiliza otra herramienta, mantenga pulsada la barra espaciadora o el botón central del ratón.

  • Para obtener una panorámica vertical, gire la rueda del ratón.
  • Para desplazarse horizontalmente, utilice la tecla Mayús mientras gira la rueda de desplazamiento del ratón.
  • Para acercar, seleccione la herramienta Zoom.
  • Para alejar, haga clic con la tecla Alt (Windows) o Opción (macos) con la herramienta Zoom.
  • Para hacer zoom con la rueda de desplazamiento del ratón, utilice Alt (Windows) o Opción (macos) mientras se desplaza para hacer zoom horizontalmente. Utilice Ctrl (Windows) o Comando (macos) para hacer zoom verticalmente.
  • Para hacer zoom horizontalmente, arrastre con la tecla Alt (Windows) o Opción (macos) hacia la izquierda con la herramienta Zoom para alejar o hacia la derecha para acercar.
  • Para hacer zoom verticalmente, arrastre con la tecla Alt (Windows) o Opción (macos) hacia arriba con la herramienta Zoom para acercar o hacia abajo para alejar.
Nota

No es posible desplazarse ni hacer zoom verticalmente cuando se selecciona Altura de zoom automático .

Aplicar zoom automático al alto y Ajustar

Aplicar zoom automático al alto 

Activa o desactiva el modo Altura de zoom automático, que ajusta automáticamente la altura del gráfico para que se adapte a la altura del Editor de gráficos. Aun así, el zoom horizontal debe ajustarse manualmente.

Ajustar selección 

Ajusta la escala de valor (vertical) y tiempo (horizontal) del gráfico para que se adapte a los fotogramas clave seleccionados en el Editor de gráficos.

Ajustar todo 

Ajusta la escala de valor (vertical) y tiempo (horizontal) del gráfico para que se adapte a todos los gráficos del Editor de gráficos.

Adobe, Inc.

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

¿Nuevo usuario?