Adobe

Conceptos básicos de animaciones


 
By clicking Submit, you accept the Adobe Terms of Use.
 

  • Acerca de la animación, fotogramas clave y expresiones
  • El editor de gráficos
    Volver al principio

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

    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.

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

    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.

    Volver al principio

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

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

    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.

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

    • Para obtener una panorámica vertical u horizontal, arrastre con la herramienta Mano .
      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.

    Más temas de ayuda

    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)

    Acerca del gráfico de velocidad

    Avisos legales   |   Política de privacidad en línea