Guía del usuario

Adición de diseño interactivo a los gráficos

  1. Guía del usuario de After Effects
  2. Versiones beta
    1. Descripción general del programa beta
    2. Comunidad beta de After Effects
  3. Introducción
    1. Introducción a After Effects
    2. Novedades de After Effects 
    3. Notas de la versión | After Effects
    4. Requisitos del sistema para After Effects
    5. Métodos abreviados de teclado en After Effects
    6. Formatos de archivo admitidos | After Effects
    7. Recomendaciones de hardware
    8. After Effects para Apple Silicon
    9. Planificación y configuración
    10. Sugerencia del día
  4. Espacios de trabajo
    1. Elementos generales de la interfaz de usuario
    2. Familiarización con la interfaz de After Effects
    3. Flujos de trabajo
    4. Espacios de trabajo, paneles y visores
    5. Mejora de la compatibilidad con idiomas de la IU
  5. Proyectos y composiciones
    1. Proyectos
    2. Conceptos básicos sobre composiciones
    3. Precomposición, anidamiento y preprocesamiento
    4. Ver información de rendimiento detallada con el Perfilador de composición
    5. Procesador de composición de Cinema 4D
  6. Importación de material de archivo
    1. Preparación e importación de imágenes fijas
    2. Importación desde After Effects y Adobe Premiere Pro
    3. Importación e interpretación de vídeo y de audio
    4. Preparación e importación de archivos de imagen 3D
    5. Importación e interpretación de elementos de material de archivo
    6. Importación de archivos SVG
    7. Uso de elementos de material de archivo
    8. Detección de puntos de edición con Detección de edición de escena
    9. Metadatos XMP
  7. Texto y gráficos
    1. Texto
      1. Formato de caracteres y el panel Carácter
      2. Efectos de texto
      3. Creación y edición de capas de texto
      4. Aplicación de formato a párrafos y el panel Párrafo
      5. Extrusión de capas de texto y formas
      6. Animación del texto
      7. Ejemplos y recursos para animación de texto
      8. Plantillas de texto interactivo
    2. Gráficos animados
      1. Trabajar con plantillas de gráficos animados en After Effects
      2. Uso de expresiones para crear listas desplegables en plantillas de gráficos animados
      3. Trabajo con propiedades esenciales para crear plantillas de gráficos animados
      4. Reemplazo de imágenes y vídeos en plantillas de gráficos animados y propiedades esenciales
      5. Anime de forma más rápida y sencilla utilizando el panel Propiedades
    3. Ejes de fuente variable
      1. Compatibilidad con ejes de fuente variable
      2. Trabajar con ejes de fuente variable
      3. Compatibilidad con scripts para ejes de fuente variable
      4. Preguntas frecuentes sobre los ejes de fuente variable
  8. Dibujo, pintura y trazados
    1. Descripción general de las capas de forma, trazados y gráficos vectoriales
    2. Herramientas de pintura: Pincel, Tampón de clonar y Borrador
    3. Estrechar trazos de forma
    4. Atributos de forma, operaciones de pintura y operaciones de trazado para capas de forma
    5. Uso del efecto de forma Desplazar trazados para modificar formas
    6. Creación de formas
    7. Creación de máscaras
    8. Elimine objetos de sus vídeos desde el panel Relleno según el contenido
    9. Pincel tipo rotoscopia y Perfeccionar mate
    10. Mate de objeto con IA
    11. Creación de nulos para propiedades y trazados de posición
  9. Capas, marcadores y cámara
    1. Selección y organización de capas
    2. Modos de fusión y estilos de capas
    3. Capas 3D
    4. Propiedades de capa
    5. Creación de capas
    6. Administración de capas
    7. Marcadores de capa y marcadores de composición
    8. Cámaras, luces y puntos de interés
  10. Animación, fotogramas clave, seguimiento del movimiento y efecto de clave
    1. Animación
      1. Conceptos básicos sobre animaciones
      2. Animación con herramientas de marioneta
      3. Administración y animación de trazados de formas y máscaras
      4. Animación de formas de Sketch y Capture con After Effects
      5. Herramientas de animación varias
      6. Trabajo con animación basada en datos
      7. Desplazamiento proporcional en cronología
      8. Busque y aplique rápidamente efectos, ajustes preestablecidos o comandos de menú
    2. Fotograma clave
      1. Interpolación de fotogramas clave
      2. Ajuste, selección y eliminación de fotogramas clave
      3. Edición, desplazamiento y copia de fotogramas clave
    3. Seguimiento de movimiento
      1. Seguimiento y estabilización del movimiento
      2. Seguimiento de caras
      3. Seguimiento de máscara
      4. Referencia de máscara
      5. Velocidad
      6. Ampliación del tiempo y reasignación del tiempo
      7. Unidades de visualización de tiempo y código de tiempo
    4. Incrustación
      1. Incrustación
      2. Efectos de incrustación
  11. Transparencia y composición
    1. Descripción general y recursos sobre composición y transparencia
    2. Canales alfa y mates
    3. Mates de seguimiento y mates móviles
  12. Ajuste del color
    1. Conceptos básicos sobre colores
    2. Gestión de color
    3. Efectos de corrección de color
    4. Gestión de color de OpenColorIO y ACES
    5. Compatibilidad ampliada con HDR
    6. Importación y exportación de HDR 
  13. Ajustes preestablecidos de animación y efectos
    1. Información general de efectos y ajustes preestablecidos de animación
    2. Lista de efectos
    3. Administrador de efectos
    4. Efectos de simulación
    5. Efectos de estilización
    6. Efectos de audio
    7. Efectos de distorsión
    8. Efectos de perspectiva
    9. Efectos de canal
    10. Efectos de generación
    11. Efectos de tiempo
    12. Efectos de transición
    13. El efecto Reparación de obturación de desplazamiento
    14. Efectos de desenfoque y enfoque
    15. Efectos de canal 3D
    16. Efectos de utilidad
    17. Efectos mate
    18. Efectos Ruido y Granulado
    19. Efecto Mejora de conservación de detalles
    20. Efectos obsoletos
    21. Complementos Cycore
  14. Expresiones y automatización
    1. Expresiones
      1. Conceptos básicos sobre expresiones
      2. Comprensión del lenguaje de expresión
      3. Uso de los controles de expresión
      4. Diferencias de sintaxis entre los motores de expresiones de JavaScript y ExtendScript heredado
      5. Edición de expresiones
      6. Errores de expresiones
      7. Uso del editor de expresiones
      8. Uso de expresiones para editar y acceder a las propiedades de texto
      9. Referencia del lenguaje de expresión
      10. Ejemplos de expresiones
    2. Automatización
      1. Automatización
      2. Scripts
  15. Vídeo inmersivo, RV y 3D
    1. Construcción de entornos de VR en After Effects
    2. Aplicar efectos de vídeo envolvente
    3. Herramientas de composición para vídeos de VR/360
    4. Procesador 3D avanzado
    5. Importación y adición de modelos 3D a la composición
    6. Importación de modelos 3D desde las Bibliotecas Creative Cloud
    7. Crear mallas paramétricas
    8. Iluminación basada en imágenes
    9. Luces de entorno animadas
    10. Habilitar luces para proyectar sombras
    11. Extracción y animación de luces y cámaras a partir de modelos 3D
    12. Seguimiento del movimiento de la cámara 3D
    13. Ajustar la Configuración predeterminada de cámara para composiciones 3D
    14. Proyección y aceptación de sombras
    15. Animaciones de modelos 3D incrustadas
    16. Captura de sombras
    17. Extracción de datos de profundidad 3D
    18. Habilitar profundidad de campo dentro del motor en 3D avanzado
    19. Modificación de las propiedades de materiales de una capa 3D
    20. Aplicar materiales 3D de Substance
    21. Trabajo en espacios de diseño 3D
    22. Herramientas de transformación Gizmo 3D
    23. Un gizmo 3D único para múltiples capas 3D
    24. Haga más cosas con la animación 3D
    25. Previsualización de los cambios en diseños 3D en tiempo real con el motor Mercury 3D
    26. 3D estereoscópico en After Effects
    27. Adición de diseño interactivo a los gráficos 
  16. Vistas y previsualizaciones
    1. Previsualización
    2. Previsualización de vídeo con Mercury Transmit
    3. Modificación y utilización de vistas
    4. Reproducción comprimida sin pérdida
  17. Procesamiento y exportación
    1. Principios básicos de procesamiento y exportación
    2. Codificación H.264 en After Effects
    3. Exportación de un proyecto de After Effects como un proyecto de Adobe Premiere Pro
    4. Conversión de películas
    5. Procesamiento de varios fotogramas
    6. Procesamiento automático y en red
    7. Procesamiento y exportación de imágenes fijas y secuencias de imágenes fijas
    8. Uso del códec de GoPro CineForm en After Effects
  18. Uso de otras aplicaciones
    1. Dynamic Link y After Effects
    2. Uso de After Effects y otras aplicaciones
      1. Exportación de un proyecto de After Effects como un proyecto de Adobe Premiere Pro
    3. Bibliotecas Creative Cloud en After Effects
    4. Plugins
    5. CINEMA 4D y Cineware
  19. Colaboración: Frame.io y Team Projects
    1. Colaboración en Premiere Pro y After Effects
    2. Frame.io
      1. Instalar y activar Frame.io
      2. Utilizar Frame.io con Premiere Pro y After Effects
      3. Preguntas frecuentes
    3. Team Projects
      1. Introducción a Team Projects
      2. Creación de un proyecto de equipo
      3. Colaboración con Team Projects
  20. Memoria, almacenamiento y rendimiento
    1. Memoria y almacenamiento
    2. Cómo maneja After Effects los problemas de poca memoria durante la previsualización    
    3. Mejora del rendimiento
    4. Preferencias
    5. Requisitos de la GPU y del controlador de la GPU para After Effects
  21. Base de conocimiento
    1. Problemas conocidos
    2. Problemas solucionados
    3. Preguntas frecuentes
    4. After Effects y macOS Ventura
    5. Cómo maneja After Effects los problemas de poca memoria durante la previsualización

Obtenga más información sobre cómo crear y usar un diseño interactivo: tiempo en After Effects.

Diseño interactivo: La función Tiempo permite editar gráficos animados adaptables. Esta función permite la ampliación de tiempo adaptable cuando se anida una composición o cuando se exporta como una plantilla de gráficos animados. La ampliación de tiempo adaptable significa que las regiones protegidas se animan con la misma duración, aunque se amplíen las regiones no protegidas.

Puede proteger las introducciones, cierres y cualquier región arbitraria de una composición y guardar las plantillas de diseño interactivo para reutilizarlas en diferentes proyectos y así evitar que se produzcan duplicaciones y reprogramaciones.

Con esta función, la animación se fija en el gráfico o la secuencia y se adapta a las ediciones que se realicen en ellas. Esto le permite crear animaciones complejas y plantillas de gráficos animados que pueden reprogramarse de forma adaptable para alinearse con la secuencia de un proyecto.

Por ejemplo, puede crear un tercio inferior y animar una aparición/desaparición gradual y agregar tiempo de diseño interactivo El diseño interactivo conserva el tiempo de animación sin importar cuándo se amplía o se recorta la duración del clip.

Comprensión del diseño interactivo: Tiempo

Para ilustrar el problema, vea el siguiente ejemplo:

Ha creado una animación de texto con una aparición/desaparición gradual, y necesita que la animación sea tan larga como la secuencia. La animación consta de dos conjuntos de texto que aparecen sobre un fondo negro.

Añada la misma animación a otra secuencia. Cada elemento de la animación, como el tamaño de la fuente y el tiempo de inicio y fin de la aparición/desaparición debería coincidir con la secuencia. Una manera consiste en duplicar la animación para alinearla con la longitud de la secuencia. Sin embargo, este enfoque puede llevar mucho tiempo, ya que es necesario mover los fotogramas clave de animación para alinear la aparición/desaparición con la secuencia.

Aquí es donde puede utilizar el diseño interactivo: Tiempo. Puede proteger las regiones de aparición/desaparición (compuesta por fotogramas clave) y ampliar la animación. De este modo, las regiones se adjuntan a la secuencia y la cantidad de tiempo que se tarda en animar las partes que no han sido afectadas incluso cuando extiende el tiempo de la animación para que coincida con la longitud de la secuencia. Una vez que se ha adjuntado, la animación se adapta a la longitud de la secuencia de forma dinámica.

Aplicación del diseño interactivo: Tiempo

Puede aplicar el diseño interactivo con la función de Tiempo de estas tres maneras:

  1. Opción 1:

    En el menú Composición, seleccione una de las opciones del submenú Diseño interactivo > Tiempo:

    • Crear Intro: Crea una región protegida del 15% de la duración de la composición desde el primer fotograma.
    • Crear Cierre: Crea una región protegida del 15% de la duración de la composición hasta el último fotograma.
    • Crear región protegida del área de trabajo: Crea una región protegida con puntos de inicio y fin que coincidan con la barra del área de trabajo. Las regiones protegidas aparecen sombreadas en azul.

  2. Opción 2:

    Arrastre la barra del área de trabajo para seleccionar la región que desee establecer como intro, outro o protegida. Haga clic con el botón derecho en la barra del área de trabajo y, a continuación, seleccione Crear zona protegida del área de trabajo.

  3. Opción 3:

    Haga clic en el icono del marcador en el lado derecho de la línea de tiempo y cree un marcador de composición.

  4. En el panel Línea de tiempo, haga doble clic en el marcador para abrir el cuadro de diálogo de configuración del Marcador de composición, establezca una duración y active la opción Región protegida.

Añadir la animación a otra composición

Una vez que haya establecido las regiones protegidas, los cierres y las introducciones de la animación, puede añadirlas a diferentes composiciones o secuencias.

Consulte el siguiente ejemplo para ilustrar el proceso:

    • Asigne un nombre a la animación con regiones protegidas, por ejemplo Comp A.
    • Asigne un nombre a la composición a la que desea añadir la animación, por ejemplo, Comp B.

    Abra Comp B en el Panel Cronología.

  1. En la cronología, arrastre y coloque la Comp A sobre la Comp B.

  2. La cronología muestra las regiones protegidas en azul. Seleccione el punto final de la Comp A y arrástrelo para que coincida con el punto final de la Comp B.

    Al obtener una vista previa de la composición, se tarda el mismo tiempo en animar las regiones protegidas de la animación y solo se amplían las regiones no protegidas.

Trabaje con la composición anidada con varias regiones protegidas

  • Al arrastrar los puntos de entrada y salida de una composición que tiene una o más regiones protegidas y anidadas en otra composición, se amplía el tiempo de la composición en lugar de recortarse. La función mantiene la duración de las regiones protegidas. Por ejemplo, cuando se amplía el tiempo de un clip de 5 segundos que tiene regiones protegidas de 2 segundos para que sean 10 segundos, la duración de las regiones protegidas sigue siendo de 2 segundos de duración.
  • Para recortar el punto de entrada o de salida de la capa en lugar ampliar el tiempo, mantenga pulsada la tecla Opción (macOS) o Alt (Windows) y arrastre los puntos de entrada y salida.
  • Las regiones protegidas son marcadores de composición con la opción Región protegida habilitada, con diferentes iconos de identificador para facilitar su identificación. Los marcadores de las regiones protegidas se comportan de la misma manera que otros marcadores de composición, excepto que cuando se anida una composición con regiones protegidas, esos marcadores no se pueden modificar. En cambio, la barra de capa para la composición anidada está sombreada para indicar las regiones protegidas.
  • Si modifica una región protegida después de anidar una composición, el marcador de región protegida de la capa de composición anidada no se actualizará de forma automática. Para actualizar los marcadores en una capa de composición anidada, seleccione la capa y elija Capa> Marcadores > Actualizar marcadores desde Origen.
  • También puede acceder a la opción Región protegida a través de scripts o expresiones que utilicen el atributo de marcadores de composición protectedRegion.

Exportar una composición con regiones protegidas como plantilla de gráficos animados

Cuando exportas una composición con áreas geográficas protegidas como una Plantilla de gráficos animados y la añades a una Secuencia en premiere, puedes ajustar la duración directamente sin hacer reasignación temporal.

Puede arrastrar los puntos de entrada y salida del clip para ampliar el tiempo de la composición en lugar de recortar el punto de entrada o salida. La duración de las regiones protegidas se conservará.

  • Cuando exportas una composición que contiene audio como una Plantilla de gráficos animados, no se estira adaptativamente en el tiempo en premiere.
  • Las composiciones que utilizan el procesador CINEMA 4D y que contengan capas 3D, o que contengan una capa de CINEMA 4D que utilice el efecto CINEWARE, podrían tener problemas con la animación fluida de regiones no protegidas cuando se amplía el tiempo de la composición.

Consiga mucho más con After Effects

Cree gráficos animados increíbles, animaciones de texto y efectos visuales con Adobe After Effects. Diseño para película, TV, vídeo y web.

Adobe, Inc.

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

¿Nuevo usuario?