Adobe Afte Afterr Effects
para �niciante niciantes s ADRIANO DOROW
ADOBE AFTER EFFECTS PARA INICIANTES
-2Sumário
INTRODUÇÃO................ ................................. ................................. ................................. ................................. ................................. ................................. ................................. .................................. ................................. .................. .3 CONHECENDO O EXPERT E O CONTEÚDO DO CURSO................ ................................. ................................. ................................. ................................. .........................4 .........4 INTEGRAÇÃO ADOBE AFTER EFFECTS E ILLUSTRA ILLUSTRATOR TOR................ ................................. ................................. ................................. ................................. ......................5 ......5 COMO SEPARAR AS CAMADAS C AMADAS DO ILLUSTRATOR ILLUSTRATOR PARA O AFTER EFFECTS?................ ................................ ................................. .................6 6 ........................... ............................ ........................... ........................... ............................ ............................ ........................... ........................... ............................ ........................... ........................... ..............12 12 IMPORTANTE!.............
TRANSFORME OS ARQUIVOS DE AI EM SHAPE LA LAYERS YERS............... ................................ ................................. ................................. ................................. .....................13 .....13 DICAS SOBRE FORMATOS E CODECS............... ................................ ................................. ................................. .................................. ..................... ....
..................................15
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-3Introdução A preparação dos arquivos antes de levá-los para o After Eects pode economizar bastante tempo do seu dia. É nesse momento que tomamos algumas decisões importantes com relação a como vamos animar os elementos de um projeto, ou seja, você deve usar sua imaginação para entender o que quer fazer com os layouts que tiver desenhado ou recebido de um designer/ilustrador. Neste guia, vamos entender o processo de preparação de um arquivo de Illustrator, a ideia aqui não é dominar todos os recursos do Illustrator, mas conhecer como funciona a integração das camadas do Illustrator com as camadas do After Eects. Com isso, além de facilitar o trabalho no After, você conseguirá melhorar suas animações.
BONS ESTUDOS!
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-4-
Conhecendo o expert e o conteúdo do curso Formado em Publicidade e Propaganda, trabalhou por 5 anos em produ-toras de vídeo na montagem e finalização de comerciais e vinhetas anima-das. Hoje é freelancer e está à frente do AEdicas, canal que oferece dicas e tutoriais sobre motion design e conta com mais de 50 mil inscritos. Nesse curso você irá aprender as técnicas e habilidades para a produção de animações básicas, pequenas vinhetas e apresentações tipográficas utilizando os recursos básicos do software.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-5Integração Adobe After Effects e Illustrator Antes de mais nada, é preciso saber que os arquivos de Illustrator podem ser importados para o After Eects. Nessa importação é possível deixar as camadas juntas ou separadas, como vimos durante as aulas do curso. Nes sa questão, não existe certo ou errado, existem algumas possibilidades que dependem de como você quer animar seu projeto. Para entender melhor, observe o layout a seguir, nele você vê um fundo colorido, um círculo e caixas de mensagem, certo? Então, você pode ani mar cada uma das caixas de mensagem separadas ou animar todas elas juntas com o círculo, por exemplo. Ou ainda, pode animar todos esses elementos como uma única tela.
Mas como funciona ?Para que o After entenda as camadas do Illustrator, precisamos separar os elementos em camadas e deixar essas camadas no primeiro nível da hierarquia. Veja no exemplo a seguir, que temos os Paths nesse arquivo dentro de uma camada. Se importarmos o arquivo assim, veremos apenas uma camada dentro do After Eects.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-6Compare a imagem com essa aqui, veja que agora, cada um dos elementos (paths do Ai) estão dispostos dentro de várias camadas e isso será entendido pelo After Eects como camadas diferentes.
Como separar as camadas do Illustrator para o After Effects? Para começar, vamos abrir o arquivo Messenger separar.ai no Illustrator. Depois de abrir esse arquivo, vamos abrir a janela de camadas do AI (La yers). Vá até Window>Layers
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-7Repare que, por enquanto, temos apenas uma camada. Clique na seta ao lado do nome da camada para ver os elementos que compõem ela.
Se você selecionar os elementos na tela do Illustrator, repare que eles cam marcados na janela de camadas.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-8Outro fato interessante, se clicarmos nesse botão, o elemento ca marca do na tela do Illustrator. Assim, temos duas formas de ver quais subcama das do AI correspondem aos elementos que vemos na tela.
Agora, para separar, vamos selecionar o círculo na tela camadas. Feito isso, clicamos nesse menu no canto da janela e selecionamos Collect in New Layer.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
-9Agora, vemos que aquele Path foi colocado dentro de uma camada do AI. Se dermos dois cliques, podemos renomear a camada para deixá-la mais organizada.
Apesar de ser uma “Camada”, ainda precisamos jogá-la para fora da hie rarquia, fazemos isso ao clicar e arrastar essa camada para fora da camada que já tínhamos no projeto.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 10 Pronto, elemento separado. Agora, poderíamos fazer a mesma coisa com o resto. Por exemplo, selecionando cada um dos elementos e repetindo o processo. Mas, vamos ver outro recurso interessante. Vamos selecionar a camada inicial com todas as subcamadas. Selecionada a camada, vamos novamente no menu do canto e agora sele cionamos Sequence Layers (Sequence).
Veja que cada um dos subitens da Camada 1 é agora uma nova camada, mas ainda dentro da hierarquia. Precisamos clicar e arrastar esses elemen tos para fora da hierarquia e teremos cada um dos elementos (Caixa de mensagens, mensagens, círculo e fundo) separados dentro do Illustrator.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 11 Agora é só importar no After Eects com a opção Composition Retain Layer Sizes e veremos as mesmas camadas lá. Lembrando que é sempre le gal quando você renomeia os arquivos dentro do Illustrator, pois ca mais fácil a identicação dos elementos.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 12 Importante! A integração entre AI e AE continua mesmo depois de você importar os arquivos no After Eects, assim poderá fazer alterações no Illustrator e vê -las acontecer no After Eects. É importante saber que se você renomear as camadas depois de ter importado elas no After, terá problemas dentro do AE, já que o After não conseguirá mais encontrar a camada. Nada impede de você importar o arquivo novamente, mas se já estiver animando os arquivos, poderá perder tempo. Mas é claro que algumas coisas, como cores e ajustes nos Paths no AI, não levarão a grandes problemas no AE. Se você modicar as cores dentro do Illustrator, verá que o After Eects vai atualizar elas sem problemas.
É bom ter isso em mente: o After Effects apenas importa os arquivos como um link, se você fizer grandes mudanças nos arquivos originais, poderá ter problemas.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 13 Transforme os arquivos de AI em Shape Layers Outra forma legal de trazer os arquivos do Illustrator é transformá-los em Shapes. Para isso, selecione a camada do Illustrator no After Eects, clique com o botão direito e selecione Create Shape from Vector. Pronto, essa camada agora será um shape layer do After Eects.
Ative a opção Collapse
Mais uma dica útil sobre essa integração, o After consegue ampliar os vetores do Illustrator acima de 100% de escala sem que você perda a qualidade da camada. Para isso, ative a opção Collapse na camada onde tiver os shapes.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 14 Scale em 1200% sem collapse
Scale em 1200% sem collapse
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 15 Dicas sobre Formatos e Cordecs Na hora de exportar ou renderizar seu projeto dentro do After Effects ou através do Encoder, você vai ver que existem diversos arquivos diferentes. São muitas opções e cada uma delas pode te levar a um monte de outras configurações. Por isso, vou deixar algumas dicas a partir dos formatos que mais tenho usado e da experiência que tive com algum deles. Antes de mais nada, vamos entender algumas coisas sobre os formatos de vídeo. A primeira delas é que .MOV .MP4 .MTS, ou seja lá qual for a extensão, é nada menos do que um container. Mas o que é um container? É como uma pasta ou gaveta onde você guarda os frames do seu vídeo, lembre-se que um vídeo nada mais é do que uma sequência de imagens sendo reproduzida a uma taxa de frames por segundo, normalmente, 23,976 ou 24 ou 29,97. Depois de escolher qual tipo de arquivo vai encapsular seus frames, você vai ter que escolher um codec e essa é a parte mais importante. Pois um codec, é um conjunto de instruções que permitem codificar e decodificar uma imagem. Quando você reproduz um vídeo, o seu player está decodificando o arquivo. O codec mais usado nos vídeos hoje é o H264 que normalmente é encapsulado com a extensão .mp4 ou .mov. A vantagem desse codec é sua boa relação entre qualidade e tamanho do arquivo, sendo muito versátil. O h264 é um codec com uma boa taxa de compressão, mantém uma qualidade bem legal e roda na maioria dos aparelhos modernos, e é um dos codecs listados pelo YouTube nas suas especificações de Upload. Apesar disso tudo, não é um bom formato para renderizar seus arquivos caso seja necessário importar o arquivo renderizado para o Premiere, por exemplo. Assim, o h264 é um formato legal para saída, mas não é tão adequado como arquivo intermediário. Nesses casos, é melhor usar o ProRes, Animation ou Go Pro Cineform. Eu costumo chamar de formato intermediário os arquivos que renderizo do After Effects, mas que ainda serão editados no Premiere, numa fase que chamo de montagem final. Por exemplo, quando crio uma vinheta, ela normalmente será usada em várias outras montagens, por isso, sempre faço uma versão dela em “alta” usando no PC, o formato QuickTime (MOV) com o codec Go Pro Cineform.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 16 Tela de saída do After Effects
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 17 Tela de saída do Adobe Media Encoder
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 18 Minhas saídas Quicktime MOV com GoPro Cineform: uso esse formato para meus arqui vos intermediários, esses arquivos serão reutilizados em edições futuras, portanto, preciso manter a qualidade total das cenas renderizadas. Vantagens: muita qualidade nas imagens, sem alterações nos canais de cor. Desvantagem: arquivos que ocupam muitos GB de espaço, algumas versões do Premiere e After podem não reconhecer esse arquivo sem a instalação do decoder dele. Vejam a tela que uso no Output Module do After Eects. Reparem na opção Quality, normalmente, deixo o Cinform em 4 ou 5. A diferenção é sutil, mas existe, com 5 você não verá artefatos nos canais RGB, com 4 um dos canais pode apresentar alguns artefatos.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 19 -
Quicktime MOV com PNG vantagens: muita qualidade nas imagens com poucas alterações nas cores. Desvantagem: arquivo pesado, torna o render do After mais demorado. H264 em MP4: os vídeos para o YouTube saem todos nesse formato. Pre ra antes fazer os formatos intermediários para manter uma cópia com a máxima qualidade da imagem, outra opção de renderizar seu projeto do After em mp4 através do Adobe Media Encoder e muita gente trabalha dessa forma. Vantagem: arquivo é reproduzido em quase todo tipo de aparelho ou player, tamanho reduzido, boa qualidade da imagem. Desvantagem: a com pressão por melhor que seja, não é perfeita e compromete a qualidade, caso precise utilizar o arquivo numa edição futura, e não é recomendado. Quando você escolher o H264 no Encoder, é possível escolher entre vários presets nativos. Normalmente, uso o YouTube 1080p, como na imagem a seguir.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 20 -
GIF:
formato que estava praticamente morto, mas voltou com força. É usado para vídeos curtos que cam em loop na web. Pode ser gerado no Adobe Media Encoder ou Photoshop.
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)
ADOBE AFTER EFFECTS PARA INICIANTES
- 21 Pra não errar! 1. Tente descobrir onde seu arquivo será reproduzido. Converse com os prossionais ou clientes que irão receber esse arquivo. 2. A grande maioria dos vídeos para internet são feitos em h264. 3. Sempre que puder faça um teste para ver se a conguração de saída que você pretende usar, funcionará no local onde o vídeo será reproduzido. 4. O After Eects não renderiza em H264, você deve usar o Adobe Media Encoder. 5. Controle a Taxa de bits do arquivo para ter uma ótima relação entre qualidade e tamanho de arquivo. Quanto maior o Mbps, melhor a qualidade, maior o arquivo. Encontre uma relação entre esses parâmetros que funcione com o seu projeto. Normal mente, deixo isso assim:
ESTE MATERIAL É PARTE INTEGRANTE DO CURSO ONLINE “ADOBE AFTER EFFECTS PARA INICIANTES” DA EDUK (WWW.EDUK.COM.BR) CONFORME A LEI Nº 9.610/98, É PROIBIDA A REPRODUÇÃO TOTAL E PARCIAL OU DIVULGAÇÃO COMERCIAL DESTE MATERIAL SEM AUTORIZAÇÃO PRÉVIA E EXPRESSA DO AUTOR (ARTIGO 29)