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

Última actualización el 27-03-2026

Crea composiciones flexibles en Adobe After Effects usando herramientas de diseño interactivo para adaptar diseños a diferentes relaciones de aspecto y formatos sin reconstruir animaciones.

La función Diseño interactivo - Tiempo te permite crear gráficos animados adaptativos.La función permite el estiramiento de tiempo adaptativo cuando una composición se anida o se exporta como plantilla de gráficos animados.El estiramiento de tiempo adaptativo significa que las regiones protegidas se animan en la misma cantidad de tiempo, incluso si estiras en el tiempo las regiones no protegidas.

Puedes proteger las introducciones, cierres y cualquier región arbitraria de una composición, guardar las plantillas de diseño interactivo y reutilizarlas en diferentes proyectos para evitar duplicar y reajustar tiempos.

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, creas un tercio inferior y animas el desvanecimiento de entrada/salida, y añades tiempo de diseño interactivo.El diseño interactivo conserva el tiempo de animación independientemente de si la duración del clip se extiende o se recorta.

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 fuente y el tiempo de inicio y fin del desvanecimiento de entrada/salida, debe coincidir con la secuencia.Una forma es duplicar la animación para que coincida con la longitud de la secuencia.Sin embargo, este enfoque puede llevar mucho tiempo ya que necesitas mover los fotogramas clave de animación para alinear el desvanecimiento de entrada/salida con la secuencia.

Aquí es donde puedes usar Diseño interactivo – Tiempo.Puedes proteger las regiones de desvanecimiento de entrada/salida (que comprenden fotogramas clave) y extender la animación.Esto adjunta las regiones a la secuencia, y el tiempo que tardan en animarse permanece sin afectar incluso cuando estiras la animación en el tiempo 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:

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.

Opción 2:

Arrastra la barra del área de trabajo para seleccionar la región que quieres establecer como región protegida.Haz clic derecho en la barra del área de trabajo, luego selecciona Crear región protegida desde área de trabajo.

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.

En el panel Línea de tiempo, haga doble clic en el marcador para abrir el cuadro de diálogo de configuración de Marcador de composición y establezca una duración y habilite 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.

En la línea de tiempo, arrastra y coloca Comp A sobre Comp B.

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

Cuando previsualizas la composición, las regiones protegidas en la animación conservan la misma duración, y solo las regiones no protegidas se estiran.

Trabaje con la composición anidada con varias regiones protegidas

  • Cuando arrastras los puntos de Entrada y Salida de una composición que tiene una o más regiones protegidas, y se anida en otra composición, estira la composición en el tiempo en lugar de recortarla.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.