Introdução
[Jess Libby]: Vou ajudar você a preparar sua arte do Illustrator, importá-la para o After Effects e mostrar como converter camadas em formas para ainda mais controle.
Sou Jess, designer de animação e diretora especializada no After Effects.
Vamos começar.
Organizar projetos do Illustrator
Primeiro abra a arte fornecida no Illustrator.
Verifique se o Modo de cor do documento está definido como RGB.
Veja na guia do arquivo que este documento está em CMYK.
As cores CMYK são usadas em processos de impressão.
Impressoras usam uma mistura de tinta ciano, magenta, amarela e preta para criar uma cor.
Telas usam uma mistura de luz vermelha, verde e azul, por isso usar um modo de cor CMYK não converte com precisão em um espaço de cor RGB.
As diferenças são sutis, mas você pode ver que nosso arquivo RGB à direita está um pouco mais saturado e vibrante que o CMYK à esquerda.
Como a saída final é para telas, devemos trabalhar em RGB.
Para corrigir isso no Illustrator vá para Arquivo, Modo de cor do documento, Cor RGB.
Tudo que queremos animar deve ser agrupado junto e em sua própria camada.
Como quero que todas as formas que compõem esta flor se movam juntas, vou selecionar e agrupar esta arte usando o atalho Ctrl + G.
Veja o painel Camadas no lado direito da tela.
Se não localizar o painel Camadas, vá para Janela na parte superior da tela e selecione Camadas.
Toda essa arte está em uma camada.
Precisamos separar nossa arte em camadas para conseguirmos mover partes individuais no After Effects.
Com a Camada 1 selecionada, clique no botão Menu no canto superior direito do painel Camadas e selecione Soltar em camadas (sequência).
Agora que soltamos as camadas, podemos selecioná-las com Shift.
Clique e arraste-as para fora da Camada 1, para deixar a arte dividida em camadas próprias.
A arte agrupada permanece junta em uma camada.
Devemos nomear as camadas para identificar rapidamente a arte e manter tudo organizado.
Clique duas vezes no nome da camada e digite um nome.
Vamos acelerar esse processo.
E agora está tudo pronto para salvar.
Navegue até Arquivo, Salvar como...
Renomeie o arquivo com um novo nome.
Altere para Dog-Layered.ai e clique em Salvar.
Deixe todas as configurações com os valores padrão e clique em OK.
Abra o After Effects e inicie um novo projeto.
Importar a arte vetorial
Para importar o trabalho no After Effects, clique duas vezes no painel Projeto à esquerda, vá para o arquivo e selecione o menu em Importar como.
Gravação significa que a arte será importada como uma camada plana.
Vamos desfazer e importar novamente.
Composição criará uma nova composição com arte em camadas.
A caixa delimitadora de cada camada terá o tamanho da prancheta.
Agora vou desfazer essa importação.
Clico duas vezes no painel Projeto para pegar esse arquivo novamente, depois seleciono Composição, Manter tamanhos de camada.
Neste exemplo, isso funcionará perfeitamente.
Ou seja, a caixa delimitadora de cada camada corresponde à arte nela.
Agora temos uma composição no painel Projeto e uma pasta com todas as camadas do Illustrator.
Clique duas vezes na composição importada para abri-la.
Converta camadas do Illustrator em formas para fazer edições, animar caminhos e ter ainda mais opções.
Clique com o botão direito na grama da camada Bunch 3, vá para Criar e Criar formas na Camada de vetor.
Esta camada foi convertida em formas.
A camada original do Illustrator ainda está por baixo.
Está oculta pelo botão de visibilidade, que é o ícone de Olho pequeno à esquerda da camada.
Há mais propriedades quando você expande a camada.
Também podemos fazer alterações na arte no Illustrator e atualizar dinamicamente no After Effects.
Clique com o botão direito em uma das camadas do Illustrator e vá para Abrir, Editar original...
A arte deve abrir no Illustrator.
Clique na grama da Bunch 1 à direita e mude a cor para algo diferente.
Salve no mesmo arquivo com o atalho Ctrl + S.
Volte ao After Effects e observe que a cor foi atualizada.
Uma vantagem de criar arte no Illustrator
Manter os vetores nítidos usando SVGs
é que você pode criar gráficos vetoriais, permitindo dimensionar sua arte sem perder fidelidade.
Quando dimensiono esta camada de borboleta no After Effects, observe que a arte fica suave.
Isso porque precisamos dizer ao After Effects que esta é uma camada vetorial.
Podemos fazer isso ativando a Rasterização contínua, que está nesta coluna com um ícone que parece um sol.
Talvez você tenha que clicar no botão Alternar botões/modos na parte inferior do painel da linha do tempo para revelar o botão.
Clique no botão para deixar a arte nítida novamente.
Você também pode salvar e importar arquivos SVG.
Abra o arquivo Dog-Layered.ai no Illustrator, navegue até Salvar como... e selecione SVG no menu suspenso Tipo de arquivo.
No After Effects, importe o SVG.
Clique duas vezes no painel Projeto, e selecione o SVG que você salvou.
Se você escolher Gravação, assim como o arquivo do Illustrator, o SVG é importado como um arquivo simples que você pode rasterizar sempre.
Clique com o botão direito para converter em camadas de forma, assim como fizemos com as camadas no Illustrator.
Se importarmos novamente como uma composição, ele importa imediatamente como formas editáveis.
Você pode expandir a camada para acessar as propriedades de forma que você já conhece.
Está tudo lá, editável e pronto para animar.
O SVG foi importado como uma única camada, sem manter o nome anterior.
Se você tem um arquivo complexo com muitas camadas, use o formato de arquivo do Illustrator para manter tudo organizado.
Arte vetorial sempre foi uma escolha natural para design de animação, e esse fluxo de trabalho vai acelerar o processo.
Lembre-se de nomear camadas e definir sua arte como RGB.
Muito obrigada por acompanhar.
