Um espaço com dicas e tutoriais sobre Motion Graphics

destaque_after_illustrator
19

03 dicas para separar um Illustrator em camadas

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?

_img_afterlayers

Materiais para seguir este vídeo
    • 01 arquivo de Illustrator da sua escolha
    • O script ConvertPathtoInduvidualLayer


Baixe o script

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.

instalar_scripts_illustrator


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.

collect_new_layer

hierarquia_jogar_pra_fora


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.

release_to_sequence


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.

script


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
adriano_portfolio

Adobe After EffectsAdobe IllustratorAgilizarCamadasConvert PathDicasIndividual LayersLayersWorkflow

Adriano Dorow Darosi • 21 de julho de 2015


Previous Post

Next Post

Comments

  1. Gildo 22 de julho de 2015 - 23:33 Reply

    É isso ai !!!

    • Adriano Dorow Darosi 23 de julho de 2015 - 11:10 Reply

      😀

  2. Tiago 28 de julho de 2015 - 11:20 Reply

    Obrigado pela dica. Muito útil! Recentemente fiz um trabalho de motion graphcis, pena não saber disso antes hahahaha

    • Adriano Dorow Darosi 29 de julho de 2015 - 0:17 Reply

      Ah, pena mesmo. Mas daqui pra frente já sabe né. Bom trabalho!

  3. Tiago 28 de julho de 2015 - 11:24 Reply

    graphics*

  4. Filippe 4 de janeiro de 2016 - 20:27 Reply

    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?

    • Adriano Dorow Darosi 5 de janeiro de 2016 - 13:43 Reply

      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.

  5. will 13 de janeiro de 2016 - 11:54 Reply

    cara, serve pra mac ?

    • Adriano Dorow Darosi 17 de fevereiro de 2016 - 14:28 Reply

      É pra funcionar sim.

  6. Christiano 5 de fevereiro de 2016 - 7:21 Reply

    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.

    • Adriano Dorow Darosi 17 de fevereiro de 2016 - 14:23 Reply

      Haha esse foi difícil de achar mesmo, recebi de um colega.

  7. Canaan 14 de março de 2016 - 0:14 Reply

    Amigo, poste por favor o link do script 3. Script Convert Paths to Individual Layers

    nao tme link nenhum, ajude!

    • Adriano Dorow Darosi 17 de março de 2016 - 1:14 Reply

      Tem no início do post. Dá uma olhada lá.

  8. Tarciso Fialho 11 de abril de 2016 - 0:41 Reply

    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.

    • Adriano Dorow Darosi 21 de abril de 2016 - 11:50 Reply

      Massa! Fico feliz com isso Tarciso! Agradeço pelo incentivo, grande abraço.

  9. Samuel 19 de fevereiro de 2017 - 17:49 Reply

    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?

    • Adriano Dorow Darosi 26 de fevereiro de 2017 - 21:39 Reply

      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.

  10. Rebeca 30 de março de 2017 - 7:59 Reply

    Apaguei o painel de camadas da barra lateral. Como faço pra por outra vez?

    • Adriano Dorow Darosi 30 de março de 2017 - 10:29 Reply

      Vai em Window>Layers ou Janela>Camadas (Em PT-BR) vai reativar ele

Deixe uma resposta para Gildo Cancelar resposta

Your email address will not be published / Required fields are marked *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>