Uma dúvida muito comum ao trabalhar com Illustrator e After Effects é “como preparar os arquivos de vetor pra usar dentro do After Effects?” Antes de abrir o After, é preciso separar este arquivo em Layers/Camadas no Illustrator, normalmente, as ilustrações chegam todas juntas, o que dificulta alguns trabalhos de animação. Por isso, essa preparação é importante. Mas como é possível fazer isso? É o que vamos mostrar nestas 03 dicas de como separar um arquivo de Illustrator em layers. Vamos mostrar 02 formas nativas do Adobe Illustrator e uma outra usando um script super simples. Vamos conhecer essas técnicas?
Materiais para seguir este vídeo
- 01 arquivo de Illustrator da sua escolha
- O script ConvertPathtoInduvidualLayer
Como instalar o Convert Paths
Antes de ver como instalar, é preciso dizer que ele não precisa ser instalado, pode ser apenas executado no Illustrator. Mas, é muito mais fácil ter ele integrado aos menus do software. Pra instalar ele, basta copiá-lo para dentro da pasta Predefinições/en_US/Scripts dentro da pasta do Illustrator. Pode ser que o nome da pasta apareça em inglês Presets/en_US/Scripts.
03 Formas de Separar arquivos de Illustrator em Camadas
Neste vídeo, mostramos cada uma das formas de preparar os arquivos antes de importá-los para o After Effects. Esta é uma situação bastante comum no dia-a-dia de qualquer motion designer, seja criando suas próprias ilustrações, recebendo arquivos das agências ou, simplesmente, baixando materiais para animar. Se você conseguir lembrar estas 03 dicas, com certeza, conseguirá melhorar seu workflow. Pra que ninguém se perca “Camada=Layer“. Assista ao vídeo.
1. Collect in New Layer
Esta é uma das formas mais básicas de separar camadas no Illustrator. Basta selecionar no painel Layers (F7) as camadas a serem agrupadas e, no menu do canto do painel, selecionar a opção Collect in New Layer. Agrupe as camadas conforme planeja animá-las e arraste-as para fora da hierarquia onde estavam.
2. Release to Layers (Sequence)
Funciona de forma parecida com a anterior, mas consegue transformar todas as sub-camadas que estão um nível abaixo na hierarquia da camada selecionada em camadas separadas. Pra usar, basta selecionar uma camada, ir até o menu do canto do painel e selecionar a opção Release to Layers (Sequence). Feito isso, é preciso retirar as layers criadas da hierarquia.
3. Script Convert Paths to Individual Layers
A forma mais fácil é usando este script. Ele permite que você selecione os itens a serem separados diretamente na tela e com um clique, ele resolve todo o problema. A vantagem é que ele transforma as sub-camadas em Layers, joga-as pra fora da hierarquia e mantem o nome que estas sub-camadas possuíam.
Veja outras dicas sobre esta relação entre Illustrator e After Effects
Estas são algumas dicas mais antigas aqui do nosso canal sobre o assunto. Assista elas também pra aproveitar ainda mais esta relação entre o After e o Illustrator.
E é isso ai pessoal, espero que estas dicas sejam úteis a vocês, principalmente, o script que é uma mão na roda, com certeza. A integração do Illustrator com o After Effects é muito importante, ainda mais em tempos em que o Flat Design é uma grande tendência. Além dessas formas, é claro que existem outras de integrar os 2 softwares, inclusive, através do Photoshop. Se você conhece outras formas de integrar os 2 softwares e acha que facilitam a vida, deixe ai nos comentários.
Ótimas ideias a todos e bom trabalho!
Adriano Dorow Darosi
É isso ai !!!
😀
Obrigado pela dica. Muito útil! Recentemente fiz um trabalho de motion graphcis, pena não saber disso antes hahahaha
Ah, pena mesmo. Mas daqui pra frente já sabe né. Bom trabalho!
graphics*
Olá!
Estou com um pequeno problema. Quando faço a importação do arquivo em illustrator depois desses passos, no after effects a cor fica diferente do illustrator.
O arquivo ai está em RGB. A única solução foi transformar tudo em shape layer e mudar a cor no fill. Gostaria de saber o que posso estar fazendo errado do ai para o after ficar com cor diferente?
Talvez seja o Working Space ou Color Space em que você está trabalhando. Normalmente, eu tenho deixado em None dentro do After (as vezes, isso fica como sRGB, por exemplo). Pra acessar isso, você vai em File>Project Settings, ai você vai ver Working Space. Tenta dar uma olhada como está no Illustrator também, não sei exatamente onde fica lá, pode ser que tenha outro nome, algo relacionado a espaço de cor.
Veja se afeta de alguma forma. E depois avisa ai.
cara, serve pra mac ?
É pra funcionar sim.
Só Aqui no AE Dicas!
Eu utilizava este script no CS3, mas de uns tempos para cá utilizo o explode shapes to mask no AE.
Hoje sugiu a necessidade de separar caracteres convertidos, o que gera muitos shapes no aí, e separa demais. Por isso precisava deste Script, vasculhei o google sem sucesso, Só aqui no AE Dicas que tem! Parabéns pelo Trabalho Adriano.
Haha esse foi difícil de achar mesmo, recebi de um colega.
Amigo, poste por favor o link do script 3. Script Convert Paths to Individual Layers
nao tme link nenhum, ajude!
Tem no início do post. Dá uma olhada lá.
Cara – Parece tão simples, mas não havia conseguido achar essas “manobras” para separar as camadas. Fazia na mão. Era uma jornada sem fim em alguns arquivos. Mas vendo outra dica aqui no seu site, me deparei com essa e estou digitando com os pés, pq as mãos estão aplaudindo.
Valeu cara … Sempre acompanho vocês e desejo muito sucesso. Seu trabalho é muito importante pra nós, não se esqueça disso.
Agora separar camadas terá outro gostinho. Valeu pelo Script também.
Massa! Fico feliz com isso Tarciso! Agradeço pelo incentivo, grande abraço.
Olá ótimo tutorial me ajudou bastante obrigado amigo! outra coisa que não estou achando onde acho o tutorial que ensina a usar o script que você mencionou no vídeo “explode shape layers” no after effects?
Dá uma pesquisada no AEscripts, na própria página dele tem um tutorial. Eu ainda vou fazer um mostrando a versão nova dele.
Apaguei o painel de camadas da barra lateral. Como faço pra por outra vez?
Vai em Window>Layers ou Janela>Camadas (Em PT-BR) vai reativar ele
Olá, Adriano!
Gostaria de saber o seguinte: é preciso vetorizar uma imagem para depois separá-la em camadas no Illustrator?
Grato e parabéns pelas dicas!