Clique duas vezes dentro do painel Projeto ou use Arquivo > Importar > Arquivo para navegar e importar o arquivo SVG.
Última atualização em
17 de jun de 2026
Saiba como importar arquivos SVG como camadas de forma nativas e editáveis, prontas para serem animadas sem necessidade de conversão.
Nota
A versão mais recente do After Effects permite importar o arquivo como gravação ou composição.
Arraste e solte o arquivo SVG importado no painel Linha do tempo.
Selecione a camada para usar a seção Conteúdo da camada no painel Propriedades, a fim de visualizar a estrutura do SVG.
Você também pode selecionar a seta ao lado da camada para desenrolá-la e expandir a seção Conteúdo. Você verá todos os elementos individuais e suas propriedades, como Caminho, Preenchimento e Transformação.
Você pode usar essas propriedades para animar como qualquer outra camada de forma. Por exemplo:
- Anime o Caminho para criar efeitos de transformação
- Altere a cor do preenchimento ao longo do tempo para transições dinâmicas
- Use as propriedades de Transformação para dimensionar, girar ou mover elementos independentemente
Se as camadas tiverem preenchimentos e traçados gradientes, você pode usar as propriedades de Escala e Rotação para animar o gradiente.
As importações de SVG no After Effects oferecem controle flexível e melhor sobre como os arquivos SVG são importados em seu projeto. Na versão mais recente, ao importar um arquivo SVG, você pode optar por importá-lo como uma gravação ou composição.
|
Importar como gravação |
Importar como composição |
|---|---|
|
Importa o SVG como uma única camada vetorial continuamente rasterizável. |
Importa o SVG como uma composição feita de camadas de forma editáveis. |
|
Mantém conexão com o arquivo SVG externo. |
Cada elemento é convertido em sua própria forma editável. |
|
Ideal para gráficos vetoriais de camada única quando você não precisa dividir a arte em partes. |
Ideal para editar caminhos, formas e detalhes no nível da camada quando você precisa animar elementos individuais. |
Você pode controlar qual abordagem de Importação é usada por padrão ao importar arquivos SVG definindo a opção Arrastar Vários Itens de Arquivo Como nas preferências de Importação.
- macOS: After Effects > Configurações > Importar > Arrastar vários itens de arquivo como
- Windows: Editar > Preferências > Importação > Arrastar vários itens de arquivo como
Clique duas vezes dentro do painel Projeto ou use Arquivo > Importar > Arquivo para navegar e importar o arquivo SVG.
Use o menu suspenso Importar Como na caixa de diálogo Importar arquivo para selecionar uma das seguintes:
- Gravação
- Composição - Manter tamanhos de camada
Escolher Gravação importa o arquivo como uma única camada nivelada sem acesso a elementos individuais, tornando-o adequado para uso estático ou quando nenhuma animação é necessária. Selecionar Composição – Manter tamanhos da camada cria uma nova composição onde cada camada de origem é importada separadamente, dimensionada para seu conteúdo real, tornando os pontos de ancoragem mais limpos e as transformações mais fáceis para animação.
macOS
Windows
Selecione as seguintes opções, se aplicável:
- Criar composição: cria uma nova composição usando configurações padrão e coloca automaticamente o SVG importado, seja como gravação ou como composição com camadas de forma, na linha do tempo, evitando que você crie manualmente uma composição e arraste o arquivo SVG para ela.
- Sequência de gráficos vetoriais escaláveis: importa vários arquivos SVG numerados e os trata como uma sequência de imagem vetorial quadro a quadro.
Se você importou o arquivo SVG como composição, use a seção Conteúdo da camada no painel Propriedades ou a seção Conteúdo da camada na linha do tempo para visualizar e trabalhar com elementos individuais e suas propriedades.
Se importado como gravação, ele se comporta como uma camada normal e pode ser ajustado usando as propriedades padrão de Transformação.
Dica
Semelhante aos arquivos do Illustrator, se o arquivo vetorial for importado como gravação, você pode selecionar a camada na linha do tempo, clicar com o botão direito e selecionar Criar > Criar formas da camada vetorial para convertê-lo em camadas de forma editáveis, permitindo animar caminhos, traçados e preenchimentos individuais.
Quando você importa um SVG como gravação, o After Effects mantém um link ativo com o arquivo original, então qualquer alteração feita no SVG fora do aplicativo é atualizada automaticamente dentro do projeto.
O conteúdo SVG na área de transferência agora pode ser colado no After Effects usando Editar > Colar. O conteúdo é importado como camadas de forma nativas e editáveis prontas para animar, sem necessidade de etapa intermediária de importação.
Copiar conteúdo do Illustrator
Abra sua arte no Adobe Illustrator.
Confirme se a preferência Incluir código SVG está selecionada.
- macOS: Selecione Illustrator > Configurações > Manuseio da área de transferência e selecione Incluir código SVG.
- Windows: Selecione Editar > Preferências > Manuseio da área de transferência e selecione Incluir código SVG.
Selecione a ilustração que deseja aplicar.
Dica
Converta qualquer texto SVG em curvas antes de copiar, pois o texto SVG não é compatível ao colar.
Selecione Editar > Copiar.
Alterne para o After Effects e faça uma das seguintes ações, dependendo do estado do projeto:
- Se nenhum projeto estiver aberto, selecione Editar > Colar para criar um novo projeto com uma composição contendo o conteúdo SVG como uma camada de forma.
- Se um projeto estiver aberto, mas nenhuma composição estiver selecionada, selecione Editar > Colar para criar uma nova composição no projeto atual contendo o conteúdo colado.
Se uma composição estiver selecionada no After Effects, selecione Editar > Colar para adicionar o conteúdo SVG como uma nova camada de forma nessa composição.
Colar svg de outros aplicativos
O conteúdo SVG copiado de qualquer aplicativo que grava SVG na área de transferência do sistema pode ser colado usando o mesmo fluxo de trabalho Editar > Colar. O suporte depende de o aplicativo de origem colocar dados SVG válidos na área de transferência.
Crie animações 3D impressionantes no After Effects
Anime personagens e ilustrações, adicione movimento ao texto e muito mais.
