Transcrições
1. Introdução: Se você é um ilustrador, eu acho que a animação é uma grande adição ao seu feed de mídia social porque ele permite que você expanda sua narração, defina um humor e até mesmo adicione humor ao seu trabalho. Oi, sou Manon Louart. Eu sou um designer gráfico francês, designer de
movimento e ilustrador baseado em Bordeaux. Nesta aula mostrarei como animar suas ilustrações usando o After Effects. Eu tenho uma licenciatura em design gráfico, não animação. Tropecei no After Effects sozinho até descobrir algumas coisas. Eu realmente quero mostrar a vocês que a animação pode ser para todos e que você não precisa passar horas durante um ciclo de caminhada quadro-a-quadro para criar algo divertido e animá-lo. Nesta aula você vai aprender como ir deste para este usando algumas das minhas técnicas favoritas, incluindo expressões, efeitos de
distorção, texturas animadas, e como dar a sua animação aquele olhar desenhado à mão. Vou repassar todo o meu processo com você, desde preparar seu arquivo no Photoshop até exportar de duas maneiras diferentes.
2. O projeto: Para este projeto, quero que você ilustre o personagem de sua escolha com
um plano de fundo firme e, em seguida, vamos animá-lo usando o CC Bend It Effect, Expressões, o Wave Warp Effect, e animar as texturas usando foscos alfa. Eu também preparei um projeto do After Effect que estará disponível nos recursos da classe. Ele contém quatro exercícios curtos que cobrem as diferentes aplicações das técnicas que usaremos, para que você possa acompanhar isso. Se você não quer se comprometer a fazer uma ilustração completa, Eu animei uma composição de referência para cada um deles, mas você não precisa segui-la ao pé da letra. Sinta-se livre para torná-los seus.
3. Como preparar o arquivo no Photoshop: Primeiro, eu vou abrir meu arquivo no Photoshop e certificar-me de que tudo está bem, e depois vou exportá-lo para animação. Aqui está como minha ilustração está parecendo no Photoshop. Eu tenho essas duas camadas que estão escondidas no momento porque eu vou usá-las como máscaras de recorte, mas apenas uma vez que eu estou em apos efeitos, então eu não preciso delas no momento. Então eu tenho todas as minhas camadas de cabelo, as plantas, as roupas. Agora, a primeira coisa que você quer fazer no Photoshop é realmente planejar com antecedência, que sua vida seja o ano dele quando você estiver no After Effects. Você deseja se certificar de que todas as camadas que deseja animadas estejam separadas. Por exemplo, todas as minhas plantas estão em camadas separadas e a mesma coisa para o meu cabelo. Eu tenho essas três peças principais e, em seguida, aqueles fios de cabelo menores em camadas separadas. A única coisa diferente para as formas abstratas é que elas estão todas na mesma camada, mas isso é porque eu vou realmente recriá-las diretamente no After Effects. Este é apenas um guia de referência para mim mais tarde. A segunda coisa que eu quero ter certeza é que para as camadas que eu quero animar, eu realmente tenho espaço de manobra suficiente para animá-los. Por exemplo, esta camada aqui realmente vai mais longe do que apenas esta linha de roupas, modo que quando ela se move, eu realmente tenho algo mostrando através. Acho que está tudo bem. Vou em frente e começar a fundir as camadas que não vão ser animadas. Por exemplo, eu tenho o rosto e o rosto. Eu posso mesclá-los pressionando o Comando E. Eu vou fazer o mesmo para todas as camadas que vão ficar quietas. Por exemplo, este grupo de roupas, eu posso simplesmente fundir e fundi-lo com o pescoço. Eu acho que é basicamente isso. Agora podemos realmente redimensioná-lo pressionando Opção de Comando I. Eu realmente quero que isso seja em pixels. Quero que isto seja 180 por 180, e a resolução seja fixada em 72. A razão para isso é que, é basicamente o padrão para o Instagram, e eu realmente não quero que meu arquivo seja muito pesado porque então ele vai ser apenas um empurrado para o detento. Vamos pressionar “Ok”. Agora eu posso apenas salvá-lo como um novo arquivo pressionando Shift + Command + S.Eu vou nomeá-lo animação. Salve, e é isso.
4. Primeiros passos no After Effects: Agora que minha ilustração é o tamanho certo, todas as minhas camadas são organizadas com a animação em mente. Posso abrir o After Effects e importar meu arquivo. Então, se esta é sua primeira vez usando o After Effects, aqui está o que parece, vou clicar em “Novo projeto” e eu realmente redefini meu espaço de trabalho para o padrão, então, ele deve parecer praticamente o mesmo para você. Então eu vou pegar minha ilustração e arrastá-la para minha guia do projeto. Eu realmente queria importar como uma composição com estilos de camada editáveis, porque caso contrário ela será importada como uma imagem plana e eu não serei capaz de animá-la, então, pressione “Ok”. Isso criou uma nova composição,
então, clique duas vezes sobre ela, e aqui está sua ilustração. Uma vez que eles são importados para o After Effects, todas as suas camadas recebem essas propriedades muito básicas. Então você tem a posição, a escala, a rotação, a opacidade e o ponto de ancoragem. Em seguida, no topo você vai encontrar algumas ferramentas como a mão, que permite que você pegue sua pré-visualização e movê-lo ao redor da zona assim. A ferramenta de rotação e a ferramenta de ponto de ancoragem, que permite que você agarre o ponto de ancoragem de uma camada e mova-a assim. Então, se você nunca animou nada no After Effects, mostrarei rapidamente como ele funciona com uma camada de forma. Vou desenhar um círculo aqui, e vamos dizer que eu quero animar sua posição, eu vou pressionar “P” em um quadro-chave, então eu vou para um segundo na minha linha do tempo e movê-lo desta forma, e ele adicionou um quadro-chave por conta própria, e o que ele fez foi criar o movimento entre esses dois quadros-chave. Esta é a maneira mais simples de como a animação funciona no After Effects, você cria quadros-chave e, em seguida, o software funciona
por conta própria para calcular o que vai acontecer entre esses dois quadros-chave. Se eu quisesse fazê-lo ir para baixo assim, eu poderia realmente fazer isso e ele irá adicionar um novo quadro-chave. Então vamos deletar isso e voltar para nossas camadas. Uma coisa que eu gosto de fazer é, na verdade, codificá-los por cores porque, eu acho que torna minha vida mais fácil quando eu estou procurando por algo, então, nós vamos fazer isso. Gosto de começar com as coisas que vão ficar quietas. Então, por exemplo, o fundo, o pano, o rosto e os grampos de cabelo. Eu posso clicar aqui e selecionar esta cor cinza, e então eu vou apenas fazer todo o cabelo da mesma cor também, digamos este azul, e finalmente, todas as minhas plantas vão ser verdes. Estes dois podem ser cor-de-rosa e este pode ser vermelho. Então o que você pode fazer é pressionar “Command K”, vá verificar suas configurações de composição. Tudo deve ser bom aqui, mas só estou mostrando como é. Então a taxa de quadros é de 24 quadros por segundo e a duração é de dez segundos, que é o que eu quero. Tão grande. Por último, você quer se certificar de que seu arquivo está realmente salvo em algum lugar. Então pressione “Command S”, vou nomeá-lo de animação e pressione “Salvar”. Está bem. Estou feliz com tudo. Então vamos começar a animar.
5. Como animar com o efeito CC Bend It: Primeiro eu vou animar as plantas e
o cabelo e eu costumo ir para a ferramenta de fantoche para fazer isso, especialmente com animações mais complexas mas aqui eu realmente quero manter as coisas curtas e doces. Vamos usar um efeito chamado CC Bend it. O CC Bend it Effect permite que você dobre uma camada entre dois pontos de ancoragem e aqui vamos usá-lo para animar as plantas e os cabelos. A primeira coisa que eu vou fazer é selecionar todas as
minhas camadas de plantas e então eu vou pegar a caixa solo para tornar as coisas um pouco mais fácil de ver. Então eu vou realmente começar admitindo esta camada bem aqui. Vou para Efeitos, Distorção, e CC Bend it. Agora, não entre em pânico aqui camada provavelmente desapareceu e isso é porque os dois pontos de ancoragem não estão devidamente colocados ainda. Vamos consertar isso. Este é o meu ponto final, eu sei que porque quando eu
movê-lo, ele muda os valores aqui e eu
quero colocá-lo em algum lugar perto do topo das minhas plantas, bem aqui e então eu vou fazer o mesmo para o ponto de partida e coloque-o na parte inferior. Agora você pode ir para a sua camada. Abra, vá para Effects CC Bend it e eu vou
para um segundo na minha linha do tempo e eu vou usar a Curva para animar. Coloque seu primeiro quadro-chave clicando no cronômetro e insira um número, digamos quatro agora como você pode ver, ele fez a planta se mover. Eu poderia ir todo o caminho assim ou assim, mas eu realmente quero manter o meu movimento bastante sela. Em seguida, vou para dois segundos na minha linha do tempo e entrada menos quatro. Então eu posso pegar meu primeiro quadro-chave, copiá-lo pressionando o comando C, ir para três segundos, e colá-lo. Agora você pode voltar e pressionar a barra de espaço e voilá, sua planta está se movendo. Deixe-me usar essa ressalva de trabalho para mostrar
como seria em um loop. Aqui está. É uma animação muito simples que vou usar em praticamente tudo. O meu tem dois segundos. Você pode fazer o seu tão longo ou tão curto quanto você quiser, mas seu comprimento em número de quadros tem que ser um divisor ou um múltiplo de 24 porque 24 quadros por segundo são nossas taxas de quadros e, caso contrário, ele não fará loop corretamente. Agora eu vou aplicar o mesmo processo ao resto
das minhas plantas e eu vou encontrá-lo de volta em um momento. [ MÚSICA]. Aqui está como minha animação está parecendo no momento. Eu fui em frente e copiei meu efeito da minha primeira camada, então eu o apliquei ao resto das camadas e então eu ajustei o início e os pontos finais de cada uma delas. Agora eu vou selecionar todas as minhas camadas de planta pressionando, Shift, e desmarcada a caixa solo. Aqui está o que parece com o resto das minhas camadas. Agora, eu vou animar o cabelo usando este mesmo método. Vou mostrar-te com uma camada, depois faço o resto, volto e mostro-te como é. Vou mostrar-te com esta camada de cabelo aqui. Eu vou para Efeitos e no CC Bend it, a única coisa que vai ser diferente das plantas é que nós estamos realmente indo para inverter o início e endpoints porque eu quero que esta parte inferior do cabelo para se mover e Não o topo. Vou pegar meu ponto final e colocá-lo em algum lugar por aqui, e então o ponto de partida e colocá-lo em cima do cabelo. Mesma coisa, eu vou colocar meus quadros-chave e desta vez realmente você quer começar com um número negativo porque invertemos o início e os pontos finais, mas eu ainda quero que meu cabelo se mova na mesma direção que as plantas. Eu vou inserir menos quatro, depois ir para entrada de dois segundos quatro,
em seguida, copiar meu primeiro quadro-chave, ir para três segundos e colá-lo e aqui você vai, agora esta parte do cabelo está se movendo com o plantas. [MÚSICA]. Aqui está o que a animação completa parece, como você pode ver, eu animei essas partes do cabelo, mas eu realmente deixei de fora essas duas camadas e isso é porque eu vou estar animando-os mais tarde usando outro efeito porque eu Não quero que eles se movam tanto. Agora todos os meus cabelos e plantas têm a sua animação básica. Podemos passar para o próximo passo. [MÚSICA].
6. Como fazer loop e refinar a animação: Criamos nossa animação base, mas ela dura apenas alguns segundos e ainda não parece muito realista, então vamos ver o que podemos fazer para elevá-la ao próximo nível. Uma expressão é um pedaço de código que você pode aplicar às propriedades de suas camadas para influenciá-las. Aqui, eu usei para dizer a camada à direita para saltar no final de sua animação. Agora vamos usar uma expressão de loop para dizer a esta animação para entrar e sair. Na verdade, existem tipos diferentes, mas este é o que vou usar hoje. Você pode ir para os recursos de classe para copiá-lo e colá-lo. Para mim, tenho aqui mesmo. Vamos voltar. Você deseja clicar no cronômetro enquanto mantém a opção pressionada, e cole sua expressão. Agora, se eu pressionar a barra de espaço e reproduzir a animação, você verá que esta planta ainda está se movendo sozinha. Se alcançarmos a marca de 10 segundos, ela entra perfeitamente. Agora, eu quero colar essa expressão no resto das minhas camadas, mas eu não quero gastar meu tempo rolando em minhas camadas, então você deseja selecionar todas as suas propriedades Curvar e pressionar U para ocultar o resto. Agora, volte para a primeira Curva selecionada somente, vá para Copiar Expressão Somente, selecione novamente o restante das propriedades Curvar e cole sua expressão pressionando command-v. Agora, se você visualizar a animação, você verá que todos os seus elementos estão se movendo em loop. Agora que tudo se encaixa perfeitamente, vamos torná-lo mais orgânico. Digamos que esta é a nossa animação, é agradável, mas ainda não está muito natural, há duas coisas que você pode fazer para melhorar isso. O primeiro é deslocar os quadros-chave de efeitos de cada camada em sua linha de tempo para criar um movimento mais progressivo, e o segundo é alterar ligeiramente o valor de alguns
dos quadros-chave para que seus elementos se movam de forma mais independente. Não há regras para isso. Você deve mexer um pouco com suas camadas até que pareça bom. Vou fazer isso só para o meu cabelo e as minhas plantas, e depois volto daqui a pouco e mostro-te como é. Aqui está como minha animação está parecendo no momento. Eu fui em frente e carrego uma visualização de resolução total pressionando a barra de deslocamento mais espaço. Como você pode ver, o movimento da planta começa com este e, em seguida, ele
vai progressivamente todo o caminho até aqui e este pedaço de cabelo agora se move ligeiramente antes deste. Se ampliarmos nossa linha do tempo, como você pode ver, as plantas agora se movem mais gradualmente. Deslocei todas as animações diferentes. mesma coisa para o cabelo, esta parte agora move um par de quadros antes desta parte, como você pode ver bem aqui no meio destes dois. Eu também mudei os valores. Por exemplo, esta planta aqui agora começa às 8 e também termina às 8, isso é importante. No meio é menos 6. Tudo isso faz uma diferença notável na animação, e é isso que queremos. Uma coisa a notar é que neste momento a animação parece rígida especialmente ao chegar aos quadros-chave final e início, mas não se preocupe, vamos corrigir isso em apenas um momento. Apenas para recapitular, você pode se mover em torno de seus grupos de quadros-chave selecionando-os, movendo o indicador para onde você deseja que o primeiro esteja em sua linha de tempo
e, em seguida, movê-los enquanto mantém a tecla Shift pressionada para que ele se encaixe no indicador. Em seguida, você pode alterar seus valores agarrando seu indicador, indo para um deles
e, em seguida, alterando o valor aqui mesmo. Por último, se você quiser ser realmente preciso com seu indicador, você pode realmente se mover em torno de sua linha do tempo pressionando o comando e as teclas de seta para que você possa mover para frente e para trás apenas por um quadro. Quando estiver satisfeito com o movimento geral de sua animação, você pode seguir em frente para facilitá-la. Ao diminuir a velocidade de um objeto no After Effects, você está alterando essencialmente a velocidade na qual ele se aproxima e deixa quadros-chave. Agora vamos usar facilidade fácil, o que fará com que ele diminua a velocidade ao se aproximar e gradualmente acelerar ao sair. Você vai arrastar sua massa em todos os seus quadros-chave e clicar com
o botão direito do mouse em um deles, ir para o assistente de quadros-chave e facilitar a facilidade. Aqui está a animação agora, eu acho que parece muito melhor. Você pode realmente ajustar a velocidade da atenuação selecionando seus quadros-chave e, em seguida, indo para o Editor de Gráficos aqui, e apenas puxando essas alças. Mas eu estou realmente muito feliz com as configurações padrão, então eu vou apenas passar para a próxima etapa. Se você não está animando sua própria ilustração ou apenas quer praticar antes da mão, você pode pausar aqui e ir aplicar o que você aprendeu
até agora nas plantas nos Exercícios 1 e 2. Incluí uma composição de referência para cada um deles para que você possa usá-lo como um guia. Mas tente descobrir as coisas por conta própria.
7. Como animar com expressões: Nesta seção, vamos gerar algumas animações automáticas usando uma expressão e uma camada de forma. Aqui vamos recriar cada uma de nossas formas
na camada de forma para que elas possam ser animadas usando uma expressão. Vamos ampliar um pouco pressionando Z. Então você pode pressionar H para mover sua visualização. Em seguida, vá para camada, nova, camada de forma. Dentro da camada de forma, você pode pressionar Q para alterar o tipo de forma que deseja criar. Vamos aqui, arrastar e recriar este. Se desejar, você também pode alterar o preenchimento ou o tipo e a cor do traçado. Agora, para recriar o triângulo, vou usar a ferramenta de caneta assim. Agora vou fazer o resto. Agora, para ajustar um pouco as coisas, eu posso clicar duas vezes sobre isso, girá-lo e movê-lo um pouco para este também. Agora há uma coisa importante. Como eu disse, queremos animar cada uma das formas forma independente e queremos fazê-las girar. Para as elipses, seu ponto de ancoragem já está centralizado. Mas se você criar uma forma com a ferramenta caneta como esta, o ponto de ancoragem pode estar em outro lugar. Você quer apenas ter certeza disso. Aqui eu selecionei este e como você pode ver, o ponto de ancoragem está bem aqui. Eu realmente faço este amarelo para que você possa ver lá. Bem aqui. Você quer pressionar Y, pegue e traga de volta para algum lugar no meio. Vou fazer isso para o outro triângulo. Vamos diminuir o zoom. Vou apagar minha referência lá e então podemos começar a animar. Nesta seção, vamos usar esta pequena expressão maravilhosa que aleatoriza uma propriedade escolhida em um loop e se parece com isso. Agora sei que parece assustador, mais assustador do que o que usamos antes. Mas não se preocupe, você não precisa entender. Na verdade, eu também não. Tudo o que sei é que foi ilustrado por Dan Ebberts. Tangente rápida. Mas você pode estar se perguntando quem é esse homem misterioso. Quando se trata de expressões, Dan é o homem. Se, como eu, você acaba indo ao Google com uma pergunta sobre expressões, há 99% de chance de Dan já ter incidentes em algum fórum em 2009. Não estou brincando, ele está em todo lugar. Obrigado Dan por seu conhecimento de expressão e permitir que eu pareça muito mais inteligente do que eu realmente sou. Deixarei o site dele na seção de recursos. Por favor, vá verificar, é uma ótima fonte de informação. De qualquer forma, voltando à nossa expressão, as únicas coisas com que nos vamos preocupar são a frequência. O número de movimentos por segundo, a amplitude do movimento em pixel e o tempo de loop, que será o comprimento do ciclo. Quando você tem uma camada de forma, ela tem essas propriedades como qualquer outra camada. Mas se você entrar em uma de suas formas, você descobrirá que cada uma das formas tem suas próprias propriedades para que elas possam ser animadas de forma independente. É o que vamos usar agora. Vamos animar a posição de cada um deles e sua rotação. Vou em frente e pegar minha expressão bem aqui, mesma coisa de antes. Está nos recursos da classe, vamos voltar. Clique em rotação e clique no cronômetro enquanto mantém a opção e cole nossa expressão. Vou carregar a visualização apenas para que você possa ver como as configurações padrão se parecem. Como você pode ver, está se movendo um pouco e eu queria me mover menos. Além disso, o ciclo não está fazendo loop corretamente, então vamos corrigir isso. Primeiro, quero que a frequência seja mais lenta, então vou mudá-la para 0,5. Então eu mudarei a amplitude para talvez, eu não sei 30 e o tempo de loop para 10 para que ele corresponda à nossa composição de 10 segundos. Vamos pré-visualizar agora. Muito melhor. Vou rapidamente agarrar essa expressão, copiar e colá-la na posição. Eu vou mudar a amplitude para talvez 20 porque eu não quero que ele se mova muito. Vamos pré-visualizar. Agora é muito simples. Basta selecionar sua posição e rotação, copiar apenas expressão. Selecione o resto de suas formas e cole. Aqui está como nossas formas se parecem. Agora, você poderia obviamente tentar brincar um pouco mais com cada um dos parâmetros. Você também pode aplicar a expressão à escala ou à opacidade. Tentei brincar, na verdade
usei essa expressão para fazer tantas coisas diferentes. Não se limite ao que fiz com ele aqui. Estou muito feliz com a animação como está. Vamos seguir em frente. Se você está trabalhando no projeto de exercícios agora, você pode ir em frente e aplicar isso às formas nos exercícios um e dois usando minhas composições de referência como um guia e você será feito com suas duas primeiras animações.
8. Como adicionar texturas animadas: Agora é hora de animar nossas duas texturas, e vamos começar com a mais fácil, que é a luz viajando através do eclipse. Para isso, vamos transformar essa camada em um fosco de faixa alfa. Um fosco de faixa é uma camada invisível que é usada para controlar a opacidade da camada diretamente abaixo dela. É bastante semelhante, em princípio, ao recortar foscos no Photoshop. Existem quatro tipos diferentes. Os alfas mostrarão uma camada usando a opacidade do fosco e os Lumas mostrarão uma camada usando a leveza do seu fosco. Vamos trazer de volta a nossa camada de luz. Eu vou pré-compor com um sólido que será da mesma cor que os grampos de cabelo. Portanto, uma pré-composição no After Effects atuará da mesma forma um Objeto Inteligente no Photoshop, na qual que
um Objeto Inteligente no Photoshop, na qualserá uma camada singular nesta composição. Mas se você clicar duas vezes sobre ele, você pode realmente abri-lo,
ir para ele, e editar coisas ao redor. Portanto, é muito útil se você quiser animar um grupo de camadas. Então eu vou criar um novo sólido pressionando o comando y, eu quero que ele seja da mesma cor que meus grampos de cabelo. Vamos pressionar “OK” e então eu posso trazê-lo debaixo da minha camada de luz. Em seguida, selecione as duas camadas, clique com o botão direito do mouse, vá para pré-compor e eu vou nomeá-lo, “Light princomp”. Então esta é agora uma composição clicável para que você possa entrar nela e mudar as coisas. Então vamos voltar para a nossa comp principal. Vou trazê-lo para baixo, os grampos de cabelo e depois ir para Track Matte, Alpha Matte. Agora a luz está aparecendo nos grampos de cabelo. Quero animar a sua posição. Então, vamos pressionar P para trazer a propriedade position adicionar um quadro-chave. Então eu quero pegar meu Precomp e arrastá-lo para
a esquerda para que a luz não esteja aparecendo mais. Então eu quero ir para um segundo, agarrá-lo e trazê-lo para a direita. Agora, vá para o próximo quadro pressionando comando e a tecla de seta para a direita aqui. Pegue este quadro-chave e copie-o e cole-o para que isso faça minha pré-composição instantaneamente voltar para sua primeira posição. Não quero que essa animação aconteça com muita frequência. Então eu vou para talvez quatro segundos, colar esse quadro-chave. Então, basicamente, nosso loop de animação é agora essa camada indo da esquerda para a direita, então nada por três segundos, e então ele vai começar de novo. Então vamos pegar nossa expressão de loop novamente, copiá-lo e colá-lo na posição. Última coisa, vamos facilitar a animação indo para Keyframe Assistant, Easy Easy Easy e você está pronto. Então aqui está o que a animação parece, é bem simples, mas eu acho que acrescenta um toque agradável. Você também pode tentar fazer algo com a rotação de uma textura em um grupo. Já fiz isso antes. Acho que também parece bom. Então agora podemos passar para as estrelas e o cabelo e vai ser um pouco mais complexo, mas eu realmente gosto dos efeitos que ele dá. Agora eu quero fazer a mesma coisa para as estrelas então eu vou trazê-lo de volta para fora, criando um novo sólido com a cor do cabelo. Em seguida, trazê-lo para baixo da camada de estrelas, selecioná-los e pré-compor e eu vou chamá-lo de “Stars Pricomp”. Clique duas vezes nele, e agora estamos dentro. Então eu quero animar a opacidade das estrelas, e eu vou usar uma faixa Matte para isso também. Mas desta vez vai ser um Luma. Então vou copiar e colar o meu sólido. Trazê-lo, depois ir para efeitos e eu vou para o Noise and Grain e adicionar ruído Fractal. Agora essas áreas em preto e branco serão usadas para definir o que as estrelas vão mostrar. Você pode brincar com os parâmetros, mas minha receita pessoal parece algo assim. Então Dynamic Twist para o tipo Fractal, para o tipo Noise, spline, eu vou aumentar o contraste para 350, o brilho para 20, e a escala para 40. Em seguida, reduza a complexidade para um e, em seguida você pode ir brincar nas opções de evolução. Assim, acho que vou me contentar com, sei lá, 200, 30. Então aqui está o que parece agora. Agora podemos começar a animar. Então abra sua camada, vá para efeitos e vamos usar a evolução para fazer isso. Então coloque um primeiro quadro-chave na sua linha do tempo, então você quer ir até o fim e eu acho que eu queria fazer quatro ciclos de evolução. Você deseja usar ciclos completos para que ele faça loops corretamente. Em seguida, certifique-se de ir para a opção de evolução e fazer desta uma evolução de ciclo. Agora, se eu
visualizá-lo, ele está se movendo e está fazendo isso em um ciclo. Então, está em loop no final dos 10 segundos. Para que eu possa parar a pré-visualização. Então feche minha camada e quero que as estrelas apareçam através das manchas pretas. Então eu vou escolher o Luma Invertido para isso e aqui está. Aqui está a pré-visualização. Então, agora a animação da opacidade é feita. Você poderia, obviamente, criar seus próprios parâmetros para isso. Talvez mudar o brilho, os contrastes, a escala. Você também pode alterar o número de ciclos para que a evolução seja mais rápida ou mais lenta. Estou bem com isso, então vamos voltar à nossa composição principal. Agora você quer trazer sua camada abaixo de uma
das camadas de cabelo e selecione “Alpha Matte”. Então você quer duplicar sua camada de estilos e fazer exatamente a mesma coisa com todas as suas camadas de cabelo. Então você quer se certificar de esconder todas as suas camadas de cabelo que apenas as estrelas estão mostrando assim. Então aqui está a sua segunda textura animada. Acho que parece ótimo. Se você está trabalhando nos projetos de exercícios, agora
você pode aplicar o que você aprendeu aqui sobre este tema saindo da xícara de café no Exercício 3. Então é exatamente a mesma coisa que essas estrelas. Então, no Exercício 4, você pode fazer a reflexão da luz no vidro, que é o mesmo princípio que os grampos de cabelo.
9. Como animar com o efeito distorção de onda: Então, esta seção é sobre o passo extra que você pode tomar para tornar sua missão mais fluida usando um efeito chamado Warp Ondulado. Assim, o efeito de dobra de onda produz a aparência de uma onda viajando através de sua imagem. Aqui eu vou aplicá-lo ao cabelo. Vou começar com esta parte de cabelo aqui. Então vá para “Efeitos”, “Distorcer” e “Wave Warp”. Está um pouco estranho no momento. A primeira coisa que quero consertar é a direção. Então eu queria que parecesse que o vento está vindo daqui. Vamos pegar a direção e movê-la para algum lugar por aqui. Pode ser 225, e então eu quero que a altura seja a mesma, mas eu quero que a largura seja maior. Então talvez 200, e 30, talvez. Então vamos mudar a velocidade para 0.5, e se você escolher algo diferente, apenas certifique-se de que ele funciona para o seu loop de dez segundos porque pode não ser. Então, se quiser, pode mudar o rosto. Eu costumo agarrá-lo e movê-lo até parecer bom. Aqui está uma prévia. Agora, o próximo passo é aplicar o efeito ao resto de suas camadas enquanto altera ligeiramente os parâmetros a cada vez. Então eu vou mostrar a vocês como fazer isso com esta camada e então eu vou em frente e fazer o resto. Certo, então pegue seu efeito e copie e cole na outra camada. Depois, há duas coisas que podemos mudar, a direção e o rosto. Primeiro vamos mudar a direção talvez por dez graus porque eu acho que está em cima da cabeça, então talvez o vento não estaria batendo exatamente da mesma maneira. Então, para o rosto, talvez ele esteja começando a se mover um pouco antes, então mude para menos 60. Sim, algures por aqui. Estou muito feliz com isso, então vou seguir em frente e fazer o resto. Ok, então aqui está. Terminei e estou muito feliz com os resultados. Obviamente, se você estiver trabalhando em sua própria animação, os parâmetros serão muito diferentes. Mas se quiseres, posso mostrar-te como são as minhas camadas aqui, e podes fazer uma pausa e dar uma vista de olhos. Como último passo, quero aplicar o mesmo efeito à minha camada de navio e também ao interior das minhas estrelas pré-comp, para que tudo pareça mais coeso. Vamos pegar o efeito de uma das camadas, em
seguida, ir para a camada de forma, colá-lo, em seguida, entrar nas estrelas, pré-comp e fazer o mesmo na camada de estrelas. Agora vamos voltar para a composição principal e pré-visualização. Aqui está, terminamos. Na verdade, terminamos com as partes da animação, então parabéns. Agora que você aprendeu a usar o efeito de dobra de onda, você pode ir para o exercício três e aplicá-lo ao vapor e no exercício quatro, ou você pode usá-lo para animar a água, bem como a parte inferior da palha e você será feito com todos os seus exercícios. A única coisa que resta será aplicar os efeitos desenhados à mão, se você quiser.
10. Toques finais: Estamos cerca de 90 por cento terminados com a nossa animação. Vamos nos felicitar, e nos toques finais. Vamos adicionar uma camada de ajuste pressionando a opção de comando Y, e o que você adicionar nessa camada afetará todas as camadas colocadas abaixo dela. Primeiro, vamos adicionar um efeito turbulento de deslocamento. O efeito de deslocamento turbulento usa ruído fractal, como usamos para as estrelas, mas para criar distorções em uma imagem, e é isso que vamos usar para criar o visual desenhado à mão. Vamos para Efeito, Distorção e Deslocamento Turbulento. Está parecendo muito divertido. mesma coisa que para o ruído fractal, todos têm sua própria receita, meu parece algo assim, para a quantidade 20, dois para o tamanho, muito melhor já, e para a complexidade, 10. Nós vamos realmente usar uma expressão uma última vez nas opções de evolução, e a semente aleatória. Clique na opção Cronômetro enquanto mantém pressionado, e digite o tempo 12. Basicamente, ele vai dizer o efeito para
alterar aleatoriamente a distorção 12 vezes por segundo. Vamos pré-visualizar. Aqui está. Como você pode ver, ele está adicionando uma textura fina a todas as minhas bordas, e já está fazendo com que pareça mais desenhada à mão. O que eu gosto de fazer é realmente duplicar o efeito, e mudar a quantidade para algo menor, mas o tamanho para algo maior, que também tenhamos alguma distorção maior. Vamos duplicar o efeito. Eu quero mudar a quantidade para cinco e o tamanho para 12, e o último passo, e isso é opcional, é adicionar um efeito de tempo de posterização. Vá para Efeito, Tempo, Tempo de
Posterização e você deseja alterar sua taxa de quadros para 12. Torna a animação mais agitada ou cambaleada, eu acho, mas fica mais perto daquele olhar desenhado à mão que estamos procurando. Vou carregar uma pré-visualização [inaudível], e então podemos fazer isso antes e depois. Se você gosta do efeito e quer aplicá-lo às suas animações de exercícios, você pode ir em frente e fazer isso. Nas composições de referência, reduzi a taxa de quadros para seis, no efeito de tempo de posterização, para mostrar a diferença. Usei parâmetros ligeiramente diferentes nos efeitos turbulentos do deslocamento. Sinta-se livre para experimentar isso.
11. Como exportar: Finalmente terminamos nossa animação. Espero que esteja feliz com o seu e tudo o que resta a fazer é exportá-lo. Esta seção vai ser extra curta, eu prometo, porque há muitas possibilidades diferentes para exportar vídeos mas eu decidi que eu ia pular
a parte onde eu finjo entender todos eles. Vamos usar o Adobe Media Encoder para exportar como MP4 e, em seguida,
mostrarei este plug-in de agulha que permite
exportar como um GIF diretamente para o After Effects. Vamos adicionar nossa composição à fila de renderização do Adobe Media Encoder, que você também deve ter se você baixou o After Effects. Você pode ir aqui para fazer isso, mas se você quiser o atalho, é Option + Command +N então você pode alterar o formato aqui mesmo. Se o seu já não estiver definido em H.264, você pode encontrá-lo nesta lista. Você realmente não precisa mudar mais nada aqui. Então vamos fechar este painel. Então você quer escolher sua saída. Eu quero isso aqui, Save, e então tudo que você precisa fazer é pressionar a seta verde. Estamos usando H.264 aqui porque é um padrão de compressão de vídeo que lhe dará um MP4 que geralmente é um arquivo pequeno e é T-1 mais comumente usado para exportações web. Isso será perfeito para as redes sociais. Vamos encontrar o nosso ficheiro. Deve estar bem aqui. Como você pode ver, o tamanho está na extremidade menor do espectro, então isso é ótimo. Vamos abrir e aqui está. Sua bela animação está pronta para ser compartilhada. Vamos fechar isto e voltar ao After Effects. Se você quisesse exportar como um GIF, você poderia trazer seu MP4 para o Photoshop e reexportá-lo, mas eu acho que o processo é um pouco tedioso. É por isso que eu uso um plugin chamado GifGun. Acho que é cerca de 30 dólares. Então, se você decidir usar o After Effects em uma base mais regular, isso pode ser um bom investimento. Vou ao Window abrir GifGun. Então eu posso verificar os parâmetros aqui. Primeiro, quero ter certeza de que minha saída está onde deveria estar, o que é bom. Então eu costumo redimensionar para 800. Normalmente mantenho a taxa de quadros como a minha composição. Você pode definir suas cores máximas para 256. Se o GIF acabar sendo muito pesado, você pode voltar para 128, especialmente se você estiver trabalhando com cores bem planas como eu aqui, 128 funciona. Em seguida, você quer ter certeza de que é um loop e, em seguida, você pode exportar. Aqui está o meu GIF. Se você completou os exercícios,
por favor, exporte-os também e poste-os para a seção do projeto do aluno, porque eu realmente quero ver o que você veio acima com.
12. Conclusão: Espero que tenham gostado desta aula e espero que tenham se divertido. Se você fez, por favor me avise porque esta é a minha primeira aula, então eu só posso melhorar a partir daqui. Se este foi o seu primeiro mergulho em After Effects, espero que lhe tenha dado alguma confiança e mostrar-lhe que, com apenas alguns efeitos simples, você pode realmente trazer algo mais para a sua criação. Antes de ir, só quero lembrá-los que o que eu cobri
nesta aula é apenas uma fração do que você pode fazer com esses efeitos,
então, por favor, não se limite. Tente explorar e inventar algo diferente porque tenho certeza que você pode imaginar algo que eu não teria pensado. Mal posso esperar para ver o que você cria. Se tiver alguma pergunta ao longo do caminho deixe-os nas discussões aqui e eu vou certificar-me de respondê-las. Ok. Muito obrigado por seguirem minha aula. Tchau.
