Importación de archivos SVG

Buscar

Última actualización el 17 jun. 2026

Obtenga información sobre cómo importar archivos SVG, como capas de forma nativas y editables, listas para animar sin necesidad de conversión.

Haga doble clic dentro del panel Proyecto o utilice Archivo > Importar > Archivo para examinar e importar el archivo SVG.

Nota

La versión más reciente de After Effects le permite importar el archivo como material de archivo o como composición.
Arrastre y suelte el archivo SVG importado en el panel Cronología.
Seleccione la capa para usar la sección Contenido de capa en el panel Propiedades para ver la estructura del SVG.

Utilice el panel Propiedades para visualizar el contenido del archivo SVG y ajustar sus propiedades.

También puede seleccionar la flecha junto a la capa para desplegarla y luego expandir la sección Contenidos. Verá todos los elementos individuales y sus propiedades, como Ruta, Relleno y Transformación.

Expanda la sección Contenidos de la capa SVG para acceder y editar sus propiedades, incluyendo Ruta, Relleno y Transformación.
Puede usar estas propiedades para animar, como cualquier otra capa de forma. Por ejemplo:
- Anime la Ruta para crear efectos de transformación
- Cambia el color de relleno a lo largo del tiempo para transiciones dinámicas
- Usa las propiedades de Transform para escalar, rotar o mover elementos de forma independiente
Si las capas tienen rellenos y trazos con degradado, puede usar las propiedades Escala y Rotación para animar el degradado.

Utilice las propiedades Relleno de degradado para ajustar el degradado o animarlo.

Importación de archivos SVG como material de archivo o como composición

La importación de SVG en After Effects ofrece un control flexible y mejorado sobre cómo se importan los archivos SVG en su proyecto. Con la versión más reciente, cuando importa un archivo SVG, puede incluirlo como material de archivo o como composición.

Importar como material de archivo	Importar como una composición
Importe el SVG como una sola capa vectorial que se puede rasterizar de forma continua.	Importa el SVG como una composición formada por capas de forma editables.
Mantiene una conexión con el archivo SVG externo.	Cada elemento se convierte en su propia forma editable.
Ideal para gráficos vectoriales de una sola capa cuando no necesita dividir la ilustración en partes.	Ideal para editar rutas, formas y detalles a nivel de capa cuando necesita animar elementos individuales.

Puede controlar qué enfoque de importación se usa de forma predeterminada al importar archivos SVG configurando la opción Arrastrar varios elementos de archivo como en las preferencias de Importación.

macOS: After Effects > Configuración > Importación > Arrastrar varios elementos de archivo como
Windows: Edición > Preferencias > Importación > Arrastrar varios elementos de archivo como

Se abre el cuadro de diálogo Preferencias. En la pestaña Importación, el menú desplegable Arrastrar varios elementos de archivo como está abierto, ofreciendo opciones para seleccionar el método de importación. — Establezca la preferencia predeterminada para importar un archivo SVG, eligiendo si se importa como material de archivo o como composición.

Haga doble clic dentro del panel Proyecto o utilice Archivo > Importar > Archivo para examinar e importar el archivo SVG.
Use el menú desplegable Importar como en el cuadro de diálogo Importar archivo para seleccionar una de las siguientes opciones:
- Material de archivo
- Composición, conservar tamaños de capa
Elegir Material de archivo importa el archivo como una sola capa aplanada sin acceso a elementos individuales, lo que lo hace adecuado para uso estático o cuando no se requiere animación. Seleccionar Composición - Conservar tamaños de capa crea una nueva composición donde cada capa de origen se importa por separado, dimensionada según su contenido real, haciendo que los puntos de ancla sean más limpios y las transformaciones más fáciles para la animación.

macOS

Windows
Seleccione las siguientes opciones si corresponde:
- Crear composición: crea una nueva composición usando configuración predeterminada y coloca automáticamente el SVG importado, ya sea como material de archivo o como composición con capas de forma, en la cronología, evitando que tenga que crear manualmente una composición y arrastrar el archivo SVG a ella.
- Secuencia de gráficos vectoriales escalables: importa varios archivos SVG numerados y los trata como una secuencia de imágenes vectoriales fotograma a fotograma.
Si ha importado el archivo SVG como composición, usa la sección Contenido de capa en el panel Propiedades o la sección Contenido de la capa en la cronología para ver y trabajar con elementos individuales y sus propiedades.

Si se importa como material de archivo, se comporta como una capa normal y se puede ajustar usando las propiedades estándar de Transformación.

Sugerencia

Al igual que los archivos de Illustrator, si el archivo vectorial se importa como material de archivo, puede seleccionar la capa en la cronología, luego hacer clic derecho y seleccionar Crear > Crear formas a partir de capa vectorial para convertirla en capas de forma editables, lo que le permite animar rutas, trazos y rellenos individuales.
Cuando importa un SVG como material de archivo, After Effects mantiene un vínculo activo con el archivo original, por lo que cualquier cambio que hagas a ese SVG fuera de la aplicación se actualiza automáticamente dentro de su proyecto.

Copiar y pegar contenido de Illustrator y SVG

El contenido SVG del portapapeles ahora se puede pegar en After Effects usando Edición > Pegar. El contenido se importa como capas de forma nativas y editables que están listas para animar, sin necesidad de pasos de importación intermedios.

Copiar contenido de Illustrator

Abrir la ilustración en Adobe Illustrator.
Confirme que la preferencia Incluir código SVG esté seleccionada.
- macOS: Seleccionar Illustrator > Configuración > Gestión del portapapeles y seleccionar Incluir código SVG.
- Windows: Seleccione editar > Preferencias > Gestión del portapapeles y seleccione Incluir código svg.
Habilite Incluir código SVG para mantener su ilustración editable y de alta calidad en otras aplicaciones de Adobe.
Seleccionar la ilustración que se desea copiar.

Sugerencia

Convertir cualquier texto SVG en curvas antes de copiarlo, ya que el texto SVG no es compatible al pegarlo.
SeleccioneEditar > Copiar.
Cambie a After Effects y realice una de las siguientes acciones según el estado del proyecto:
- Si no hay ningún proyecto abierto, seleccione Editar > Pegar para crear un nuevo proyecto con una composición que contenga el contenido SVG como una capa de forma.
- Si hay un proyecto abierto pero no hay ninguna composición seleccionada, seleccionar Editar > Pegar para crear una nueva composición en el proyecto actual que contenga el contenido pegado.
Editar > Pegar incorpora contenido como capas de forma editables, listas para la animación.

Si se selecciona una composición en After Effects, seleccione Edición > Pegar para añadir el contenido SVG como una nueva capa de forma en esa composición.

Pegar SVG desde otras aplicaciones

El contenido SVG copiado desde cualquier aplicación que escriba SVG en el portapapeles del sistema se puede pegar usando el mismo flujo de trabajo Edición > Pegar. La compatibilidad depende de si la aplicación de origen coloca datos SVG válidos en el portapapeles.

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

¿Nuevo usuario?