Olhar quadro a quadro no Adobe After Effects: de 3 ilustrações a uma animação suave

1. Introdução: Quadro a quadro não tem limites além do orçamento e de uma linha do seu cliente. É por isso que quero mostrar como eu crio uma boa animação que parece quadro a quadro, mas usa apenas alguns desenhos. Olá, meu nome é Giiorge. Sou do Brasil, mas moro no Reino Unido e tenho mais de sete anos de experiência como designer de movimento e animador Adoro como as Cartas são capazes de contar histórias, fazer as pessoas sorrirem. É por isso que eu sempre tento ser engraçado e brincalhão com os personagens que eu crio Nesta aula, vamos fazer essa animação que eu simulo a câmera girando em torno do Para isso, fiz apenas três ilustrações. , deixei que o After Effects fizesse o trabalho árduo de criar os quadros intermediários. Primeiro, vamos usar um ilustrador para criar três poses de nossos personagens Para isso, você verá o que deve ter em mente ao ilustrar em movimento Em seguida, enviaremos as três ilustrações para o After Effects e animaremos camadas da forma para que possamos fazer uma pose se transforme perfeitamente em um nó . O resultado será uma animação suave de nossas cartas girando e mudando de perspectiva Ao longo desse processo, você aprenderá a usar a velocidade para enganar os olhos e criar a ilusão de movimento Como animar várias camadas de formas em uma meta. E como falsificar três D mesmo trabalhando em um ambiente totalmente de dois D. Esta aula é para qualquer pessoa que queira animar cartas sem reinar com leituras ou plugues complexos Mas, especialmente para designers de movimento lidam com prazos apertados, ou seja, a maioria de nós é desejável ter alguma experiência com After Effects Mas se você é um iniciante ambicioso, anexe na seção de recursos todos os meus arquivos de projeto para que você possa abri-los, brincar e se divertir A abordagem que vou ensinar aqui é como eu animo minhas coisas todos os dias Para provar isso, adicionei uma aula bônus na qual mostro projetos reais de clientes. E você pode ver que essa técnica pode ser aplicada em muitos casos diferentes. Junte-se a mim e aposto que isso mudará a maneira como você vê e trabalha com o After Effects. 2. Orientações do curso: Bem-vindos a esta aula, pessoal. Obrigado por aceitar. Para esta aula, vamos criar uma desanimação de 360 graus, qual veremos as cartas segurando um smartphone, que é uma peça muito comum em gráficos em movimento E vamos começar por esboçá-la. Vamos esboçar nossos personagens, vamos vetorizá-los usando Para isso, vou mostrar meu processo de vetorização. Então, você verá algumas dicas sobre o que ter em mente ao ilustrar para movimento antes de importá-lo para o After Vou mostrar a lógica por trás da animação que vamos fazer para isso Vou falar um pouco sobre um gráfico de velocidade que será nosso melhor amigo nesse processo. Em seguida, vamos transmitir os três pulsos no After Effect E vamos animar as camadas da forma, um pulso passando para o outro até que o Carter faça a rotação completa no final Eu gostaria de ter certeza de que aplicamos alguns princípios de animação. Vamos adicionar um pouco de expectativa e acomodação no final do movimento Por favor, não se esqueça de publicar seu projeto para que eu possa comentar e dar feedback. Obrigado por fazer este curso. Espero que você goste e até a próxima aula. 3. Esboçando seus quadros-chave: Ok pessoal, o primeiro passo desse processo é planejar a animação e esboçar as três poses do personagem Vamos lá, é hora de planejar a animação. Primeiro, devo dizer que este projeto não exige que você ande com uma caneta para desenhar como eu fiz aqui. Tudo o que estamos fazendo aqui é desenhar. Tudo bem desenhar em um pedaço de papel real e simplesmente fotografar com seu telefone e enviá-lo para o computador. Primeiro, vamos imaginar o que teremos aqui nesta animação. Vamos desenhar três poses do Carter. Esta é a moldura, três dessas. Agora nosso Carter será sempre estático. Essa é a vista superior do Carter, e ele está aqui segurando um telefone, certo? Então, teremos o mesmo Carter em todos os quadros, porque os Carter não estão se O que está se movendo aqui será a câmera. Então, vou desenhar uma câmera aqui, para que possamos imaginar onde a câmera está posicionada nessa primeira cena E eu primeiro faço a última, qual você provavelmente estará aqui, e obviamente aqui, a câmera está longe da Carter Então, o movimento da câmera fazendo isso virá daqui. No ponto médio, a câmera provavelmente será algo assim. Tudo bem Agora que sabemos que essa é a trajetória da câmera e as posições que elas terão, vou imaginar quais fotos estamos tirando em cada uma das situações Como a câmera está muito próxima da Carter, talvez tenhamos algo parecido com isso Vamos ver o telefone, a segunda foto, a câmera está aqui. Provavelmente temos a mão aqui dentro do telefone. Não estou mostrando o corpo inteiro aqui porque quero revisar o corpo inteiro somente na última cena. Na última cena, teremos os Carters assim. Eu gostaria de ter um cachorro aqui, e é isso que as fotos vão ser. Esse é meu planejamento inicial, embora ela não goste de mostrar o corpo inteiro em todas as fotos. Talvez eu precise começar desenhando isso porque me dá uma imagem completa do Carter Isso é o que eu inventei. Eu passei por um processo de elaboração desta carta. Cada um de vocês pode ter uma abordagem diferente para isso. Eu coloquei alguns guias aqui, como você pode ver, para que eu possa manter as proporções. E embora eu goste de criar o corpo inteiro, por precaução. Mas provavelmente vou comer algo assim por causa da foto aqui, vou mostrar o corpo inteiro. Isso é o que eu tenho. Sinta-se à vontade para projetar o Carter da maneira que quiser É importante manter a proporção e garantir que a rotação faça sentido. Estamos prontos para vetorizar isso, Carter agora. 4. Vectorização no Illustrator: Agora é hora de abrir o Adobe Illustrator. E eu vou te mostrar como vetorizar essas Vamos. Ok pessoal, bem-vindos ao Illustrator. Bem, a primeira coisa que vamos fazer aqui é importar esse esboço que acabamos É que eu não posso simplesmente arrastar e soltar. A primeira coisa que vamos dar uma olhada é a camada. A aba da camada é muito importante porque podemos separar os elementos aqui. Quando o levarmos para o After Effects, as camadas serão separadas como se estivessem aqui. Quero ter certeza de que essa referência está na camada para que eu possa nomear essa referência de camada. Quero diminuir a opacidade, selecionando a imagem de referência Vou entrar na propriedade e diminuir a opacidade. Também quero clicar na opacidade aqui e alterá-la para multiplicar multiplicação nos permitirá desenhar sob essa imagem sem alterar a cor Caso contrário, você terá um tom de branco porque a opacidade é de 17%. Se multiplicarmos, a cor Em seguida, vamos voltar para a guia de camadas. Deixe-me criar outra letra, clique aqui, eu vou. Essa camada abaixo da referência aqui será o vetor. Quero ter certeza de que vou bloquear essa camada de referência para não clicar e movê-la. Vou clicar aqui. De agora em diante, poderei desenhar nesse vetor de camada. Obviamente, se eu tenho essa camada selecionada e tento desenhar alguma coisa, ela não me permite. Eu tenho que estar nessa camada para desenhar qualquer coisa. Em 99% dos casos eu uso essa caneta 2 para desenhar. Você tem outras variações da caneta para gostar desta. Você poderia clicar e criar alguns arcos como esses, mas eu nunca uso isso. Para ser honesto. Você tem outras opções como esse pincel, você tem um lápis aqui. Se eu clicar e segurar, você verá outras opções. Mas o que eu realmente uso sempre é o lápis, que funciona simplesmente clicando em “ Hold It”, para que eu possa criar aquelas alças que indicam a direção em que vou desenhar a próxima parte da minha curva. Eu o solto, vou para outro ponto, clico e arrasto, crio a curva. Existem alguns atalhos importantes. Por exemplo, se eu segurar a tecla Shift, bloquearei as alças em 45 graus, nove graus. Se eu aguentar nossa opção no Mac, vou parar. Isso me permite fazer uma ponta afiada. Isso não é muito possível quando estou trabalhando assim. Além disso, se eu estiver segurando, criando minha alça e segurando a barra de espaço, posso mudar a posição do ponto enquanto ainda estou segurando a parte inferior do mouse. É mais ou menos isso. Aqui eu vejo o traçado e o filme, então eu posso vir aqui clicando duas vezes, então eu mudo a cor do filme, ou a cor do traçado. E, obviamente, aqui no meu tipo de propriedade, posso alterar a espessura do traçado. E eu tenho algumas outras opções para o traçado, que são a tampa, que é a ponta do traço que pode ser arredondada ou pode se projetar ao redor da junta Quando eu quero que seja arredondado nas bordas assim. Essas são configurações muito importantes. vetorização é uma abordagem interessante porque quando você tem um vetor, é diferente de ter um mapa de bits Imagem. As imagens do mapa são feitas por pixels. Se você expandi-lo como esta imagem aqui, você pode ver como ele foi feito no Photoshop como um mapa de bits, você pode ver os pixels O vetor nunca perde a resolução. É muito importante, especialmente para nós que estamos trabalhando com animação e efeitos posteriores. Porque os efeitos posteriores nos permitem modificar essas formas vetoriais dessa forma e nos permitem animá-las Esse é o princípio fundamental do que fazemos. É muito importante essa técnica funcione com vetores. Agora, deixe-me deletar o que eu criei aqui. Basta pressionar delete e quero mostrar como eu realmente vetorizo meus personagens É bom estar muito perto dos personagens. E vou começar aqui pelo queixo. Eu só clico. Em seguida, clicarei aqui novamente e segurarei até encontrar a curva desejada. Também posso me segurar , então faço com que um lado da alça seja diferente do outro , o que afetará a curva. Já posso ver que o traço é muito grosso. Eu quero que esse derrame seja um e a sensação de não ter nenhum. Normalmente, começo a usar apenas um derrame. Eu clico, aguento para quebrar a alça. Então eu posso desenhar o nariz, clicar e arrastar. Então eu vou até lá. Aqui. Não vou desenhar essa orelha, porque quero desenhá-la mais tarde com uma esfera. Ok, eu fiz essa parte, então eu faria o mesmo pelo resto da peça. Sempre tentando ter o mínimo de pontos possível. Não é bom desenhar assim, falaremos sobre isso mais tarde, mas isso é muito ruim. Vamos reduzir seus pontos ao mínimo, pois isso facilitará nossa vida. Ao animar, eu sempre faço as linhas primeiro e depois venho mudando de cor e pagando as taxas Eu também tenho essas formas. Basta clicar aqui e segurar para me mostrar as opções. É muito bom quando tenho algo que é um círculo, posso simplesmente desenhar um círculo. Isso é o que eu tenho depois de vetorizar tudo, neste momento , é quando eu realmente mudo as cores e Vamos supor que eu queira que a cor da pele seja, vou virar aqui para ter apenas algumas Vamos ver isso. Eu quero algo assim. Para a pele, eu quero alguns cabelos castanhos assim. Você acabou de perceber que esse cabelo deveria estar atrás dos meus carrinhos. Para isso, temos a foto Curt, que é um suporte de comando ou controle ou uma coisa que você pode fazer é vir aqui, clicar com o botão direito do mouse, organizar e trazer para frente, avançar para trás e enviar para trás Nesse caso, eu queria devolvê-lo. Obviamente, você sempre pode ver aqui a ordem de suas formas. Você seleciona a forma, provavelmente a verá aqui. Esse é o último. Agora você pode ver que ele está selecionado pelo símbolo aqui no pequeno quadrado. Posso pressionar o olho para selecionar esses dois aqui. Se eu quiser os mesmos poucos traços, basta clicar. Mas eu também posso, por exemplo aqui eu tenho algumas marrons aqui. Se eu quiser que esse combustível marrom esteja nesse golpe, quero ter certeza de que o traço está na frente. Eu pressiono a parte inferior do olho ou clico aqui para usar este conta-gotas Se você segurar a tecla Shift, poderá selecionar a cor do local que está à frente. Aqui, eu pedi uma paleta de cores. A Internet. Este é o Carter com cores. Tudo está dentro da mesma camada, e o fundo que eu coloquei aqui está em outra camada. E, obviamente, eu poderia bloquear isso. Não vou clicar e movê-lo na próxima. Quero falar sobre algumas coisas que você deve ter em mente ao ilustrar em movimento Algumas limitações que você pode ter ao levar nossa ilustração para o After Effect. Nos vemos na próxima. 5. Vetor para movimento: dos e don'ts: Agora eu quero falar sobre o que fazer e o que não fazer. Ao ilustrar para movimento, é muito importante porque estamos animando a forma Elayers no After Effects Isso significa que a forma que vamos desenhar é muito importante e precisa ser limpa e eficaz para que o processo de animação seja mais fácil. É um tópico muito importante. Essa aula, pessoal, é sobre coisas que o After Effect não reconhece, então vocês não deveriam fazer em sua ilustração. Ou coisas que, se você adicionar, terá que reconstruir no After Effect Primeiro de tudo, neste exemplo aqui, você pode ver o gradiente. O gradiente é bom para depois, mas você provavelmente precisaria reconstruí-lo lá Ela não será transferida do Illustrator para depois do efeito. Eu uso um plugue chamado Overlord, que não é gratuito, mas é muito aconselhável ter com um mas é muito aconselhável ter com Eu poderia importar isso e manteria o gradiente usando Overlord Mas eu quero te ensinar como fazer tudo sem necessariamente usar um plugue Vou mostrar como você pode recriar o gradiente no After Effects muito rapidamente Só para dar uma ideia de como criar um gradiente aqui. No After Effects, você precisa selecionar sua forma, que é o cabelo. Nesse caso, aqui, você viria e mudaria de El para gradiente. Como aqui. Você pode ter um gradiente linear ou radial Eu escolheria linear aqui. Então eu clico em OK. E então você pode ver que imediatamente você tem dois pontos aqui. Como você pode ver, eu tenho duas cores clicando aqui. Agora eu poderia mudar essas cores para qualquer cor que eu quiser usar. Mas é claro, imagine ter que fazer isso toda vez que você tiver um ingrediente. A segunda coisa aqui são os traços grampeados. traçado aqui é feito usando essa ferramenta aqui que cria variações de largura em todo o traçado. É uma ferramenta muito poderosa. Gosto muito de usá-lo, mas o After Effect não o reconhece. Se você realmente quiser usar o efeito de toque cônico, também precisará reconstruir esse único A maneira de fazer isso aqui é selecionar as linhas. Vamos abrir aqui o conteúdo das camadas da sua forma. E você verá que cada uma dessas partes está em grupos diferentes. Eu iria até um traçado, abriria as propriedades do traçado, e aqui podemos afunilar e brincar com essas propriedades, você poderia ter um efeito semelhante Enquanto você tem um ilustrador, este desenho aqui usa o efeito no Esse efeito é na verdade um pincel. Você poderia clicar aqui e ver o pincel aqui. Esse pincel não é reconhecível pelo After Effect, então você teria que vir aqui e mudar para o básico Básico é a linha normal. Se você não vê esse traço aqui, pode vir aqui pelas janelas e ver os pincéis Você veria o básico nos pincéis. Se você quiser ter essas arestas no After Effects, você pode fazer isso usando alguns efeitos lá. Eu não recomendo que você tenha esse efeito em seu arquivo do Illustrator Agora, se eu realmente quiser ter bordas ásperas na minha ilustração, gostaria de adicionar um efeito, criando uma nova camada de ajuste para não aplicar o efeito em minhas formas individuais. E aqui eu poderia criar efeitos, predefinir e digitar telas turbulentas. Então eu clico e arrasto aqui para minha camada de ajuste, e é isso que acontece. Isso porque meus parâmetros são muito grandes aqui, então eu tenho que reduzir a quantidade. Eu costumo colocar algo como 15 do tamanho. Eu quero algo muito, muito pequeno, como cinco. Eu já tenho um pouco de aspereza aqui. Eu posso clicar e arrastar, então vejo os efeitos acontecendo. É assim que eu criaria o efeito de bordas ásperas. Na próxima, você pode ver que eu tenho algum efeito de desfoque aqui e alguma sombra interna nesta Esses são os efeitos que a ilustração tem. A maioria deles você poderia potencialmente recriar lá no After Effects, mas você não pode incluí-los em seus desenhos para ver se o objeto tem algum efeito, basta clicar nele Vá para Windows e vá para Aparência. aparência interna, você podia ver seu traço, seus poucos, e aqui está o desfoque gaussiano que eu não quero ter Então, eu posso simplesmente clicar aqui e clicar na Lit. E o mesmo que eu faria se eu selecionasse este. Vejo que tenho uma cola interna aqui, então posso selecionar as duas ao mesmo tempo. Selecione aqui, remova a cola interna. O último 1.1 dos mais importantes está aqui, o número de pontos. Você não quer que sua ilustração tenha muitos pontos, pois estamos modificando essa forma, menor o número de pontos você tiver, melhor Eu vou te mostrar o efeito de ter muitos pontos aqui. Eu gostaria de usar apenas o corpo aqui, só para mostrar como ter tantos pontos pode tornar nossa vida muito mais difícil. Aqui eu adicionei um quadro-chave ao caminho que vou te ensinar como fazer mais tarde. Avançando um pouco, gostaria de mudar essa forma como se o corpo estivesse girando Selecione os dois aqui. Farei mais ou menos o que acho que aconteceria caso fosse um Carter girando Eu tenho algo assim que nos dá uma ilusão de tridimensionalidade E você viu como eu fiz isso mudando ponto por ponto aqui. Imagine ter que fazer isso com este. Olha com quantos pontos mais eu tenho que trabalhar. Eu passaria muito mais tempo mudando essa forma. Sempre tente manter o número mínimo de pontos possível em seus desenhos. Também quero dar algumas dicas sobre como reduzir o número de pontos, porque às vezes você está trabalhando com outra pessoa. Ilustração, existem duas maneiras muito boas de reduzir o número de pontos. Um deles é automático. Você seleciona a forma, vai para o caminho do objeto e depois simplifica. Quando você simplifica, já vê que ela é muito reduzida automaticamente. O número de pontos que eu poderia reduzir ainda mais. E aqui eu tenho um equilíbrio entre manter a forma que tenho e reduzir o número de pontos. Então, eu quero ter o número mínimo de pontos, mas mantendo a forma o máximo que puder. Esse botão aqui faz com que seja automático. Isso equilibra isso para mim. Agora eu tenho muito menos pontos do que eu costumava ter. A segunda forma é manual porque às vezes você deseja remover um ponto específico, removê-lo, mas manter a forma como está. A maneira de fazer isso é vir aqui e selecionar a âncora lite 0.2, que é a mesma da caneta dois, mas com um sinal de menos Se você não vê os dois aqui, provavelmente está escondido. Então você pode clicar nesses três pontos aqui na parte inferior, e você verá todas as ferramentas que você escondeu aqui. Você só precisa pegar uma ferramenta que não encontra aqui e puxá-la para as duas barras. Mas eu estou usando esse. Digamos que eu queira remover esses pontos aqui. Você mantém o círculo com quatro pontos somente se eu clicar aqui e remover esse ponto. Veja o que acontece com a forma. A forma muda muito, então eu perco um pouco da minha curva aqui. É por isso que eu recomendo que você clique aqui, Holding shift. Se você segurar a tecla Shift, veja o que acontece. Eu removo o ponto, mas ele permanece o mesmo. Ao segurar a tecla shift, eu crio as outras alças aqui para que eu possa manter a mesma curva, mesmo que eu não tenha mais o ponto aqui. Então, farei o mesmo com os outros pontos. Acho que quatro pontos são bons para o círculo, então eu removo esses pontos sem mudar muito da minha forma. 6. Gráfico de velocidade e a arte do morphing: Ok pessoal, antes de ir para o After Effects, quero mostrar a vocês o processo e o que realmente faremos ao animar camadas modeladas. E para isso, precisaremos falar um pouco sobre o gráfico de velocidade, que será nosso melhor amigo nesse processo. E vocês entenderão o porquê, pessoal, essa é a aula em que ensino todos os segredos dessa técnica. A partir de agora, você entenderá como funciona. Aqui temos uma estrela que se transforma em uma bola. Nessa animação, essa transformação não parece boa. É simplesmente mudar de uma estrela para uma bola. E isso não é nada convincente. Esse é um movimento simples. Eu tenho uma estrela em um círculo, um novo objeto que controla os dois. E no meio da trajetória do ponto A ao ponto B, eu simplesmente corto a estrela e tenho o círculo Há uma coisa simples aqui que posso fazer para tornar essa transformação muito mais convincente: por que selecionarei os dois quadros-chave e virei aqui para ver minha curva de animação Quero que você tenha certeza de que está no gráfico de velocidade, que é o caso aqui. Para verificar isso, basta vir aqui e usar gráfico de velocidade em vez do gráfico de valores. Você vê que temos um movimento linear, que significa que a velocidade não muda. Agora eu quero que voltemos e coloquemos meu cursor aqui no momento que eu mudo de uma forma para outra. Você o seleciona novamente e volta à curva selecionando os dois pontos, que são os dois quadros-chave, como você pressiona nove. Então eles vão para zero e agora eu tenho uma curva como essa. Isso significa que agora temos, por exemplo, o que eu preciso ter certeza aqui é que o pico da velocidade, que é o pico dessa curva, está exatamente no momento em que o início muda e se torna um círculo. Mas eu preciso de um movimento mais drástico aqui para torná-lo ainda melhor Você puxa essa alça aqui e coloca essa alça aqui. Você chega muito perto do centro, mas quero ter certeza de que essa ponta aqui, o pico da curva, está exatamente onde minha agulha está agora. Se você se lembra da animação anterior, pode assisti-la agora. E veja que agora eu tenho uma transformação muito convincente, embora ainda seja apenas a estrela se tornando o círculo Isso acontece porque os quadros-chave neste momento aqui estão distantes um do outro, que dá a impressão de que, nesse período de tempo, a estrela realmente se transformou em Você também pode ver que, se o pico da velocidade estiver em outro lugar, a transformação não parece tão boa Para mostrar isso, você seleciona os dois. Novamente, voltarei ao nosso gráfico de velocidade. Eu me certifico de que o pico da curva está agora por aqui. Puxe essas alças. Se você reproduzir a animação, verá que isso é ruim. Porque você vê que eles começam a se tornar a esfera com muita clareza. Acredito que o convenci de que a transformação funciona muito melhor quando acontece no exato momento em que temos o pico da velocidade no movimento da posição É assim que vamos transformar qualquer forma em qualquer outra forma Mas é muito importante que não estejamos apenas mudando formas muito diferentes como estamos fazendo com a estrela, estamos fazendo um pouco mais. Isso é o que eu fiz neste exemplo aqui. Olha como essa metamorfose parece boa. Este é um metamorfose muito suave. Deixe-me mostrar como eu fiz isso. Claro, eu tenho que ter certeza de que o pico da minha velocidade está neste ponto aqui. Se eu for ao meu gráfico, vejo que esse é exatamente o pico da velocidade, e é aí que minha forma muda. Mas neste caso, aqui eu fiz mais. Eu animei as camadas da forma neste momento aqui. Aqui eu tenho uma estrela, e isso é o que eu tenho aqui. Eu apenas mudo um pouco a forma da estrela movendo esses pontos aqui e animando o caminho Nesse momento, a estrela muda para o círculo. Mas, novamente, eu não tenho o círculo imediatamente. Primeiro, tenho uma forma que lembra a estrela, mas ela rapidamente se torna o círculo Nessa curva aqui, eu fiz isso, eu também quero que o pico dessa curva esteja aqui. No início, a curva começa com uma velocidade muito alta e termina muito suavemente com a estrela O caminho dessa estrela, eu tenho o oposto. É assim que eu tenho uma transição muito suave. Mas você pode ver que, de um ponto a outro, eu mudo a forma. Mas ninguém percebeu porque eu faço essa forma mais perto do círculo. E a partir desse círculo aqui, se for, então a forma seria do início. Na animação, explicarei detalhes de como animar o caminho dessa forma e você verá, passo a passo, meu processo Por enquanto, eu só quero que você entenda a técnica e entenda como podemos enganar os olhos fingindo ter uma transição completa, mesmo que na verdade não a tenhamos Espero que você goste e nos vemos na próxima lição. 7. Importando para AE: camadas! Camadas! Camadas! : Então pessoal, antes de trazer as ilustrações do Illustrator para o After Effect, vou mostrar como preparar seu arquivo para ir para a animação Agora vamos organizar esse arquivo para que ele esteja pronto para ser usado no After Effect e ser animado. Eu já tenho essas três poses e tudo o que vou fazer aqui é agrupar a parte do corpo que eu quero que fique junto. Quando vou para o After Effects, não existe realmente uma regra para separar a peça da maneira que fizer mais sentido para você. Obviamente, isso afetará o número de camadas que teremos no After Effects. Vamos ver como eu faço isso. Selecionarei as peças que quero juntas e pressionarei a tecla Shift para selecionar outras peças. E eu quero que todos os recursos da fase estejam juntos. Então, pressionarei Control ou Common G para agrupá-los. Agora está agrupado e, se eu chegar aqui na minha guia Camada, posso encontrar a selecionada e posso ver que todas as características do meu rosto estão juntas nesse grupo Então, eu vou fazer isso para todo o Carter. Eu quero que o rosto fique junto. O cabelo é uma coisa. Eu quero que todo esse corpo fique junto. Às vezes eu me agrupo e, como você pode ver, o corpo se aproximava, então eu teria que ajustá-lo mais tarde. Então, para fazer isso, vou selecionar o braço. Vou agrupar o braço inteiro e eu poderia clicar com o botão direito, organizar, trazer para a frente. Aqui estamos. Essas pernas também estão separadas. Eu quero que essas linhas aqui estejam com a perna na frente, que é essa. E eu também adiciono esses sapatos e entro em G para evitar que eu clique no fundo. É importante bloquear o plano de fundo aqui. E é importante que o plano de fundo esteja em outra camada aqui. Eu também tenho que colocar a perna para trás agora. Então, pressionarei os colchetes de comando até obter a posição Deveria ser. Acho que vou ter tudo isso aqui junto no braço e no telefone. Ok, vamos fazer isso para as outras poses. Agora, tudo está agrupado da maneira que eu quero, mas agora eu gostaria que cada uma das poses estivesse em um arquivo separado Além disso, quero posicioná-lo da maneira que eu quero na animação final. Vamos revisitar o esboço. Como fizemos na aula inicial, você se lembra dessas fotos diferentes, como seleciona essas duas aqui, que são a prancheta 2 Duplique esta prancheta. Isso vai me dizer que o plano de fundo está bloqueado, então é por isso que não está sendo copiado Na terceira cena aqui, vamos desbloquear o plano de fundo para que eu possa copiá-la assim Vamos planejar as fotos de acordo com o que temos aqui. Aqui, há uma coisa muito importante quando você quer escalar seu Carter, porque você tem duas maneiras de escalá-lo Em uma opção, você manteria a largura do traçado e na outra aumentaria proporcionalmente Para abrir as opções para fazer isso, você pressiona o comando K, e aqui você pode ativar o traçado. Com efeito ou não, vou ativar isso e pressionar. OK. Posso escalar essa última, mas gostaria que essas três poses estivessem cada uma em um arquivo diferente do Illustrator Isso facilitará nossa vida no After Effect. Para fazer isso, abrirei dois novos arquivos do Illustrator. Certifique-se de que seja 1920 por 1080. Agora vamos trazer essas outras ilustrações, dois outros arquivos do ilustrador Eu seleciono esta aqui, Common C, aqui no quadro dois, pressionarei Common shift V. Vou colar esta ilustração aqui exatamente na mesma posição em que estava no outro arquivo. Você fará o mesmo com o terceiro. E, claro, neste eu posso excluir tudo o que não preciso e também excluirei os outros dos quadros de arte. Agora vou começar com o quadro três, pois temos o corpo inteiro aqui indo para a camada, você pode verificar se as partes do corpo estão agrupadas corretamente E acabei de perceber que não agrupei o cachorro, então vou selecionar o cachorro e vamos lá G. Então eu tenho o cachorro como uma única camada É muito útil porque posso ver aqui pequenas partes do que está agrupado Eu posso ver um único caminho aqui, e esse é o meio do look dos sapatos. Portanto, é importante estar dentro do grupo dessa perna aqui. Para fazer isso, você foi selecionado aqui? Então eu posso clicar e arrastar esse quadrado azul aqui e colocá-lo dentro do grupo que eu quero. Agora essa linha está no grupo correto. Ok, temos tudo agrupado, mas eles ainda não estão em camadas diferentes Para que os efeitos do After sejam lidos como partes separadas, eles precisam estar em camadas diferentes, não apenas em grupos diferentes. Felizmente, há uma maneira muito fácil de fazer isso. Eu só tenho que selecionar a camada onde tudo está dentro. E venha aqui neste menu e clique em Release to Layer sequence. Agora você pode ver cores diferentes em cada camada, o que significa que todas são camadas diferentes, embora ainda estejam todas dentro da camada 1. Eu quero remover tudo da camada um. Selecione todos eles e eu o arrastarei para fora da camada um. A camada 1 agora está vazia. Eu excluo isso e tenho todas as partes do meu corpo agrupadas em diferentes camadas Agora, a última parte eu quero nomear as camadas aqui. Basta nomeá-lo para indicar para mim mesmo o que cada um é. Agora eu tenho que fazer o mesmo em cada um dos meus pulsos. É importante observar que os nomes não precisam corresponder aos nomes nas outras poses. Ok pessoal, agora está tudo pronto para os efeitos posteriores. Nos vemos na próxima aula. 8. Definindo o tempo: Ok. Agora, no After Effects, vamos definir o tempo da animação. A primeira coisa que estamos fazendo aqui é importar a ilustração Clique com o botão direito do mouse, importe o arquivo. Então, vou começar com o terceiro , que é mais complexo, então é um exemplo melhor para dar. Em vez de importar como gravação, quero importar como composição, manter o tamanho da camada e pressionar Ok, agora ele já cria uma composição para mim. Eu clicaria duas vezes nele e gostaria que tivesse 6 segundos de duração. Para alterar a duração, vou para Configurações de composição e defino aqui como 6 segundos e a taxa de quadros. Eu aconselho você a usar 24 por enquanto. Aqui eu posso alterar a resolução da minha prévia, então vou até a versão completa para que eu possa ver o personagem corretamente. Agora você pode notar que todas essas camadas estão separadas da mesma forma que eu fiz no Illustrator Mas todas elas são camadas de ilustrador como essa. Eu quero que elas tenham camadas de forma, para que eu possa editar a curva e modificá-la para fazer isso. E vou começar com a cabeça. Eu clico com o botão direito aqui, Criar forma a partir do vetor. Dessa forma, ele esconde minha cabeça e cria uma forma de camadas chamadas contornos da cabeça Agora eu posso editar a forma do meu. É isso que queremos fazer com todas as camadas que temos. Eu posso fazer tudo ao mesmo tempo. Eu posso criar um vetor frontal de forma. Agora eu quero excluir todas as camadas do ilustrador. Não preciso mais deles, pois todas as camadas têm a mesma etiqueta de cor. Basta clicar com o botão direito do mouse nesse rótulo de cor e clicar em Selecionar um grupo de camadas. Ele selecionará todas as camadas com essa cor aqui. E eu pressiono backspace para excluir. Agora eu tenho todo o meu corpo com camadas de forma. Uma coisa que eu gosto de fazer nesse processo é colocar minha guia de linha do tempo ao lado. Clique aqui, segure, arraste aqui. Agora eu tenho minha animação aqui à esquerda. E aqui à direita. Eu teria mais espaço para ver e abrir meu conteúdo aqui. Eu poderia reduzir esse elemento aqui porque a maioria deles eu não precisaria. Então eu posso esconder esse, por exemplo. Por enquanto, só preciso as camadas em forma de links principais tenham conteúdo. Assim, você pode abrir aqui e dentro do conteúdo, você verá grupos. Cada grupo conterá um dos elementos dos meus desenhos. Se você abrir o grupo, verá o caminho. E aqui você pode ver que esse é o caminho do meu braço. Ao clicar aqui, ele já está selecionado. Assim, posso ver os pequenos quadrados que são os pontos da minha ilustração Antes de animar isso, quero ter certeza de que todos os meus pontos de ancoragem estão no lugar certo Os pontos de ancoragem são os pontos de onde meus elementos giram Como este é o braço, gostaria que os pontos de ancoragem estivessem no meu ombro Eu só uso esses dois aqui. Qual coalhada é Y e arraste aqui. Cada elemento aqui teria um ponto de rotação. A cabeça, por exemplo, definitivamente seria. E o pescoço, o cabelo pode potencialmente ser algo ao redor do cabelo. Para o rosto, isso realmente não importa. Mas, de resto, posso colocar o ponto de ancoragem onde acho que faz mais sentido Depois de posicionar meu ponto de ancoragem, gostaria de ser pai Então, quando eu controlo uma parte, a outra segue. Na maioria dos casos, eu gostaria que o corpo, o torso principal, fossem os elementos centrais a partir dos quais eu pudesse controlar todo o Carter É por isso que provavelmente vou ligar minhas pernas ao corpo. Para fazer isso, eu virei aqui neste choro. Posso simplesmente clicar, arrastar e colocar no meu corpo, farei o mesmo com os braços a cabeça. O rosto deve estar conectado à cabeça e o cabelo também está conectado à cabeça. Então eu posso ver agora que se eu mover meu corpo, todo o carter se move com ele Embora agora eu possa mover os Carters inteiros movendo o corpo, gostaria de ter um novo objeto aqui para controlar todo o corpo E não modifique necessariamente os parâmetros do meu corpo ao animar Clicando com o botão direito do mouse, novo objeto. Agora posicione o novo objeto no meu corpo e, em seguida, tenho que vincular o corpo ao novo. Agora você chama esse novo pulso de três. Vou usar esse verde escuro e vou bloqueá-lo para não mover o fundo de jeito nenhum. Todo o resto, eu quero ter uma cor específica, laranja. Você pode escolher qualquer cor, e isso é importante para que sejamos organizados. Agora, todo esse processo tem que ser feito para cada pulso, pois temos apenas três. Não é uma pena que eu tenha feito tudo isso com todos os pulsos. Vou policiá-los e garantir que estejam no mesmo lugar. Eu só copio e colo. Agora eu posso ver claramente qual composição é qual pelas diferentes cores. Posso fechar as outras duas composições e nomeá-las. Ok, agora eu posso ver que as três poses estão ao mesmo tempo na minha moldura. Vamos definir o tempo determinando a duração de cada uma das poses. Certifique-se de que a pose três esteja no topo. Nunca devemos começar a animação no quadro zero. Temos que reservar algum tempo no início para que a visão entenda o que está acontecendo. Eles podem começar a se mover ao redor da metade, acho que posso dizer aproximadamente que em 2 segundos e meio, recortarei a pose um e posso clicar e arrastar o final da composição assim Nesse momento, os dois Po começariam. A pose dois é apenas uma pose de transição. É meu menos por apenas 1 segundo. O resto será a pose três. Definitivamente, você deve pressionar play e assistir à animação dessa forma para ver se o momento faz sentido para você. Vou me certificar de que eles não se sobreponham dessa forma, então basta arrastar uma moldura para trás e aperfeiçoar Agora que temos o horário definido, é hora de começar a animar 9. Camadas de forma de animação: girando a cabeça: Tudo pronto, pessoal. Vamos começar animando chefe da época de Carter para falar sobre animação no After falar sobre animação no After Gente, agora que definimos o tempo para termos a duração de cada uma das poses antes de qualquer coisa, quero mostrar a vocês como funciona animar camadas bem definidas. Vamos começar tentando fazer esse olho piscar. Primeiro, preciso descobrir onde estão meus olhos , pois cada camada modelada que você pode abrir aqui, e você verá o conteúdo dela Temos dois grupos. Um é o olho, o outro é a sobrancelha. Eu quero animar os dois. Faça-a piscar. Eu vou abrir o caminho. E toda vez que tenho esse pequeno relógio aqui, isso significa que posso adicionar um quadro-chave e animar esse parâmetro Vamos clicar no caminho em ambos. Onde estão suas agulhas aqui é onde elas criarão os quadros-chave E para eu ver minhas formas, ter esse botão aqui ativado. Se eu desligá-lo, não veremos seu caminho. Eu posso andar alguns quadros para frente. Para fazer isso, pressiono erro de comando ou controle ao lado, 1234 quadros à frente E agora eu posso modificar minhas formas. Vou mudar essa forma para fazê-la piscar. Eu tenho essa animação. Depois de tê-lo, gostaria de avançar dois quadros e marcar outro quadro-chave de caminho. Eu tenho o gelo restante fechado por mais dois quadros. E então vou contar 1234 quadros à frente. Vou selecionar esses primeiros quadros-chave, V comum, e pegar essa barra aqui Essa é a barra de pré-visualização. Isso significa que a animação que estou visualizando está entre aqui e aqui E vou clicar na barra de espaço para jogar. Ela já está piscando. Ao fazer esse piscar de olhos, eu sempre gosto de adicionar facilidade à primeira e à última tecla emoldurada pressionando F nove, melhor, na Agora vamos ter que fazer essa transição de pose para a próxima. É por isso que vou estender este aqui para que eu possa ter isso como um guia, pois quero que este seja um guia. Gostaria de selecionar todos eles e bloqueá-los para não clicar e editar acidentalmente. Agora, a primeira coisa que eu gosto de animar é o novo objeto. Assim, posso animar a escala e a posição antes de animar as camadas da forma Pressionarei P para selecionar a posição mais ou menos onde quero que a animação comece por volta de 1 segundo e meio, marcarei um quadro-chave e pressionarei para aumentar a escala. Marque a escala também. E então eu vou pressionar, o que vai me mostrar apenas os quadros-chave ativos neste caso, a escala de posição aqui. Então eu vou para o último quadro da pose aqui. E eu primeiro animo a escala. O tamanho do meu Carter estará mais próximo do tamanho na próxima pose Isso parece bom para mim. Agora vou mover a posição. Eu também quero mudar essas alças aqui. Ele também faz uma curva quando se move, os arcos também são um princípio de animação É importante que seus movimentos nunca sejam muito lineares. Eu quero reduzir a escala um pouco mais. Tudo bem, vamos selecionar meus quadros-chave. Clique aqui para abrir meu editor gráfico. Quero ter certeza de que estou no gráfico de velocidade, que está aqui. Agora vou selecionar os primeiros quadros-chave nos quais posso clicar e arrastar para selecionar os dois. E eu vou pressionar nove. Então, vou deixar meu depósito aqui. Como mostrei a vocês antes, quero ter certeza de que o pico da velocidade está no final da minha animação. É por isso que quero selecionar meus quadros-chave aqui e puxar a pequena alça que tenho aqui. Então eu vou fazer essa curva. Eu também posso puxar este na direção oposta. Então essa é a minha curva. Isso quer dizer? Meu movimento começará muito suavemente e o pico de sua velocidade estará aqui. Você pode estar se perguntando por que eles estão invertidos dessa forma, mas a curva da escala está nessa direção, porque estamos diminuindo a escala Se eu estivesse aumentando, seria invertido Agora, vou animar o caminho para fazer uma rotação falsa. Oh meu Deus. Então, terei que entrar em cada camada e abrir o conteúdo. E abra o grupo e selecione o caminho para cada um. A resposta é não, você não precisa fazer isso, porque vou te ensinar um truque. Então, vamos fechar isso e selecionarei cada camada do meu Carter. E vamos para o 1 segundo e meio em que minha animação começa. Se você vê aqui, você tem essa pequena barra de pesquisa aqui. Posso pesquisar qualquer efeito ou parâmetro aqui. E mostrará apenas aquelas das camadas que selecionei, se eu digitar path em todo o meu caminho. Mostrar. Vou selecionar todos eles. Posso simplesmente clicar e arrastar para baixo mas o caminho do gelo não foi selecionado porque já tínhamos alguns quadros-chave nele. Vou clicar aqui. Agora eu posso selecionar tudo novamente. Posso até clicar aqui e selecionar um grupo de etiquetas. E agora eu posso pressioná-lo. Isso só mostra o caminho que eu quero animar. Se eu for para o último, posso clicar e modificar o caminho. E eu criarei automaticamente os quadros-chave. Como eu quero começar apenas animando a cabeça. Quero esconder todo o resto para não nos confundirmos. Agora vamos ver como eu animo essa cabeça. Ao fazer isso, como se a cabeça girasse nessa direção aqui, acho que não precisarei da outra referência de pose, então vou escondê-la. Se eu clicar duas vezes, posso ver meus pontos. E vamos ver o que aconteceria se meu personagem girasse. Eu posso selecionar mais de um ponto e arrastar. Então, se eu precisar, se eu quiser animar o gelo, provavelmente clicarei nesses caminhos de gelo aqui E eu posso clicar e arrastar para selecionar todos eles. Nos olhos, vamos ficar um pouco esticados. Se eu selecionar todos eles e clicar duas vezes em um dos pontos que tenho, este quadrado aqui me ajudará a editá-lo. Então, eu poderia girar, por exemplo, que não é o caso deste Eu poderia esmagá-lo um pouco. Deixe-me selecionar os quadros-chave da cabeça e continuar brincando com a forma. Eu também gosto de riacho e arrastar aqui, para que eu possa ver o movimento. É muito bom, então eu posso ver se está realmente funcionando. Se não for, vejo que devo mudar um pouco mais. As orelhas, eu gostaria de algo um pouco diferente aqui. Eu gostaria que o cabelo balançasse um pouco. Para fazer isso, eu crio uma caixa para selecionar os quadros-chave. Aqui, clicarei duas vezes para poder modificar somente os quatro quadros-chave que selecionei. Eu posso usar o Zunkorpoint aqui. Posso clicar e arrastar para mudar a posição e posso girar o cabelo Eu pressiono Enter para confirmar o que fiz. Você sempre precisa ir e voltar para ver o que está fazendo e, para fazer algumas alterações, posso pressionar a barra de espaço, que me dará uma ideia da rotação da minha cabeça. Agora preciso ter certeza de que essa curva de animação é igual à escala na posição. O que posso fazer aqui é selecionar todos os quadros-chave que acabei de criar. Vá para o meu gráfico, pressione nove, para que todos tenham a definição, a atenuação E puxe essa alça aqui, eu posso ver que as molduras principais do cabelo não mudaram, então eu apenas as seleciono como King Dragon, assim. Pressione F nove neste e puxe as alças como fiz com as outras. Vamos assistir. Perfeito. Isso é exatamente o que queremos. Eu tenho um pequeno script que eu sempre uso que é essencial para mim quando preciso ter a mesma curva e muitos parâmetros diferentes. Como você pode ver, é muito complicado selecionar vários quadros-chave e editar a curva de uma só vez. É por isso que eu recomendo que você baixe qualquer estilo, um script chamado Easy Copy do site de scripts da AE, e você possa definir seu próprio preço Obviamente, eu recomendo que você doe para eles, embora você possa obtê-lo gratuitamente Se você quiser, posso entrar aqui no Windows e encontrar uma cópia fácil aqui. Eu arrasto minha cópia fácil aqui. Isso me permite copiar e colar a curva da animação. Se eu selecionar dois dos meus quadros-chave e pressionar copiar, seleciono todos os outros e pressiono Colar Vou garantir que todos tenham a mesma curva, e é isso que queremos neste caso aqui. Agora vou desbloquear e ativar a visualização da postagem dois Então, vou esconder tudo o que não é o rosto. Então, agora eu posso voltar ao início para onde deveria estar. Mas quero deixar um quadro sobreposto porque talvez eu ainda precise de uma referência aqui novamente, que anime a posição em que eles escalam Eu gostaria que eles estivessem nessa posição de escala na metade dessa pose Então, vou arrastar meu cursor até o meio e marcar os quadros-chave. Agora eu vou fazer o oposto. Essa cabeça aqui terá que corresponder mais ou menos à posição dessa cabeça. Nesse caso, você aumentará um pouco e, em seguida, mudaremos a posição. E não se esqueça de guardar a arte, é aqui que chegamos. Vamos selecionar tudo, até mesmo os que estão ocultos. Agora escolha aqui para encontrar o caminho e marcar todos os parâmetros. Você sempre tem que marcá-los todos novamente. Eu seleciono Led Group e pressiono Quero que as formas fiquem assim no meio do movimento. Como eu disse antes, vamos pegá-lo aqui para alinhar com este. Agora, vamos mudar a forma Pode se aproximar desse aqui. Tudo bem? Acho que estou feliz com esse movimento agora. Vamos mudar a curva em um desses. Pressione F nove em ambos, agora você faz a curva assim, neste caso, é. Comece no pico e depois fique mais suave. Use my friend easy copy, basta selecionar pressionar copiar, selecionar todos os outros e colar. Se você copiar a curva de dois quadros-chave, só poderá colar se também tiver pares aqui e perceber que todos eles têm a curva que eu queria. Eu posso pré-visualizar e ver o que aconteceu. Isso é o que temos. Um é um pequeno detalhe porque eu tenho uma moldura sobreposta aqui Vou me certificar de que não tenho isso. Eu tenho que usar minha escala aqui, ter certeza de que não tenho molduras sobrepostas assim Posso até arrastar esses quadros-chave, um quadro que eu tinha, e puxar todos eles, um quadro à frente. Agora vai ficar ainda melhor. Agora vamos fazer isso para o corpo e o resto da animação. Espero que você goste. Nos vemos na próxima aula. 10. Continuando a rotação: Tudo bem, agora você entendeu todo o processo da animação. Vamos continuar. Ok, vamos animar o resto Música Música E agora eu também tenho todo o corpo animado, como você pode ver. Mas ao jogar, percebi que o movimento do cabelo na segunda pose deveria ser um pouco diferente. Então, eu vou consertá-lo. Agora isso mostra como é importante assistir à animação muitas e muitas vezes. Assim, você pode ver os detalhes necessários e as coisas que você pode melhorar. Cama de música. Cama de música. Isso é o que eu tenho até agora. E para essa pose aqui, vejo um pequeno problema. Essa pose para quando chega aqui. Quando pressionamos nove no início, ele define a velocidade nesse ponto para zero. E isso não é realmente o que queremos corrigir, é muito simples. Eu apenas vou para a posição, seleciono esse quadro-chave aqui, abro meu gráfico Agora eu quero arrastar esse quadro-chave para cima. Não está mais no zero. Isso torna a animação rápida no início, é mais baixa no meio. Embora nunca chegue a zero, nunca para. E mais rápido novamente em um pico de velocidade, o que é muito importante para nós aqui, todos esses quadros-chave devem ter uma curva semelhante a essa. É por isso que eu uso o meu amigo easy copy. Vou selecionar três deles. Copie e cole em todos os outros. Agora, quando eu pressiono play, você pode ver que ele fica mais lento, mas nunca para de verdade Como sempre, vejo alguns ajustes a serem feitos. Vamos fazer o resto. Music Music Bed. Cama de música. Aqui estamos, pessoal. Isso é o que temos. Agora, percebi depois da animação que eu tinha que mudar um pouco a posição. Então, coloquei meu cursor aqui, selecionei o quadro-chave de posição e pude alterá-lo da maneira que quisesse E você só precisa assistir muitas muitas vezes e verá o que pode melhorar. Mas, por enquanto, estou feliz. Na próxima aula, falaremos sobre mais alguns detalhes que podemos adicionar. E vamos adicionar expectativa e acomodação, o que tornará a animação muito melhor Te vejo no próximo trabalho, tchau. 11. Antecipação e acompanhamento: está nos detalhes!: Ok pessoal, a animação principal está pronta. Mas, como sempre, temos que pensar em alguns princípios da animação. Então, vou mostrar agora como adicionar um pouco de expectativa, que é como os carrinhos voltando antes de avançarem, e a acomodação do cabelo no final do movimento É muito, muito importante. Vamos fazer isso, pessoal. Depois da última aula, fiz alguns ajustes na animação. Eu quero te mostrar algumas Você pode ver que agora eu animei o cachorro. Eu quero te mostrar rapidamente como eu fiz isso. As camadas de cães estão aqui. Todas as formas estão em uma camada, o que não é a melhor prática, mas quero mostrar que é possível fazer isso. Uma coisa que quero mostrar a vocês é o fato que, nas versões mais recentes do After Effect, posso colorir meus quadros-chave da mesma forma que quero fazer o cachorro piscar Eu pintei os quadros-chave dos olhos selecionando-os com o botão direito do mouse no rótulo e posso selecionar a cor que eu quero, azul, por exemplo. Dessa forma, posso marcar quadros-chave específicos aos quais desejo dar atenção especial. Além disso, vinculei o cachorro ao novo que está controlando o Carter Vou apenas retirá-lo dos pais apenas para mostrar o movimento do cachorro por si só. Pressione esta parte inferior aqui para soltar o cachorro. Você pode ver que tudo o que fiz foi animar as formas para que ele pudesse fazer a rotação A cauda tem uma mistura de animações em formato de rotação. Eu tenho a animação do caminho, mas também tenho alguma posição e uma rotação, e esses são os quadros-chave. Eu até tenho um pequeno ponto de ancoragem aqui, como você pode ver, que eu poderia mudar usando esses dois aqui Mas esse ponto de ancoragem é específico para detalhes desse grupo Se eu selecionar a camada inteira, vejo o grande ponto de ancoragem que está aqui, que é o ponto de ancoragem do objeto principal Isso é muito, muito interessante porque adiciona outra camada de complexidade ao que podemos fazer. Como você não pode apenas animar o caminho, que lhe dará muita flexibilidade, você também pode animar todos esses parâmetros, inclusive o que é algo que você não tem para sua camada normal, mas que cria uma distorção muito interessante A outra coisa que decidi fazer colocar um braço atrás dela que não estava aqui antes. Foi importante porque percebi que provavelmente seríamos capazes de ver esse braço nesse ponto de sua rotação. E você pode ver aqui o braço, que surge neste momento vindo de trás dela. E eu também adicionei a segunda vinda aqui. Achei que isso também era necessário. Eu também adicionei uma pequena sombra aqui , que é um pequeno detalhe. Mas agora eu gostaria que, sim, criasse alguma expectativa e acomodação que ajudem a animação a se destacar Vamos começar com a expectativa, que é quando o Carter se move na direção oposta Antes de prosseguir, virei aqui na minha nova impressora para revisar todos os quadros-chave. Vou marcar um quadro-chave aqui na posição. Na próxima delas, eu quero mover os carros um pouco para a esquerda assim. Ao fazer isso, tenho que prestar atenção nas minhas alças aqui. Eu vou dizer esses dois aqui. Certifique-se de que essa alça esteja no lugar certo, assim. Eu posso ver o que acabei de fazer. Eu ajusto as curvas porque elas precisam ser mais suaves, só um pouco Também estou ajustando o tempo movendo um pouco os quadros-chave Agora está funcionando melhor. Agora, eu gostaria que o cabelo balançasse um pouco, então vamos marcar um quadro-chave aqui para o cabelo Neste aqui, eu também edito nas curvas. Tudo bem, agora estou feliz. Agora temos um pouco de expectativa. E então, no final, precisamos ter certeza de que o cabelo vai avançar um pouco depois que o movimento parar e balançar um pouco Vamos ver como eu faço isso. Você sempre precisa assistir à animação várias vezes e brincar com a forma do objeto, a duração e a distância entre os quadros-chave. A animação principal já está pronta, pessoal. Agora vamos adicionar um plano de fundo e eu também quero adicionar alguns efeitos e detalhes finais sobre os quais quero falar com você antes de renderizarmos a animação. Estamos quase lá e nos vemos na próxima lição. 12. Adicionando um fundo e renderização: Ok, ok, o elemento final que precisamos adicionar para tornar a rotação de três D mais convincente é um plano de fundo, então isso vai ajudar a criar esses três efeitos D. E então renderizaremos a animação. Confira. A animação agora está praticamente pronta, pessoal, mas todos nós queremos que essa animação pareça ter sido feita quadro a quadro. Quando animamos quadro a quadro, geralmente animamos em 24 quadros por segundo Mas animamos ao escolher, que significa que cada desenho é menor para dois quadros É o mesmo que animar em 12 quadros por segundo. É por isso que quero adicionar um efeito para tornar a animação em 12 quadros por segundo. Portanto, ficará muito mais parecido quadro a quadro. Para fazer isso, eu gostaria de criar uma nova camada de ajuste. Essa camada de ajuste precisa estar acima de tudo e eu vou encontrar aqui, na verdade, em cada conjunto, um efeito chamado posterizar o tempo, que pode cair na minha camada de ajuste Aqui eu posso adicionar a taxa de quadros da minha animação em quatro. Eu tenho 24, mas quero mudar para 12 quando você joga. Isso parece mais quadro a quadro e você também se livra de algumas imperfeições que acaba tendo ao animar Agora, gostaria de mostrar que criei um plano de fundo aqui que é mais longo. Na verdade, é a mesma altura , mas três vezes a largura. Essa é uma camada do Illustrator dentro de uma pré-composição. Vou colocar isso por trás de tudo. Quero ver minhas novas poses porque a rotação deve seguir o mesmo tempo da posição da minha nova. Vamos para a primeira posição, minha experiência aqui. Vamos pressionar P para revisar a posição. E eu tenho que manter esses quadros-chave alinhados aos meus novos, porque eles são minha referência Eu vou para o próximo. Como minhas cartas estão indo para a esquerda, quero que o plano de fundo vá para a direita Só um pouco assim. Eu posso ter efeitos tridimensionais. Agora eu quero pular para o quadro-chave, onde meus personagens ficam mais lentos e eu só vou combinar a posição do plano de E então, quando meus Charters chegam à posição final, meu plano de fundo também fica perfeito Agora eu também preciso combinar os tempos dessas curvas. Eu sei quando eu troco os desenhos, como se neste momento estivesse no auge da minha velocidade. É por isso que vou selecionar todos esses quadros-chave e garantir que, entre esses dois, o pico da velocidade esteja exatamente neste ponto, corresponda à animação do Carter OK. O mesmo aqui quando passamos do posto dois para o posto três. É aqui que deveria estar o pico da velocidade. Claro, eu não quero que isso pare neste momento aqui. Vou falar um pouco sobre isso. Dois deles, os quadros-chave de antecipação inicial, também devem coincidir Vamos ver onde está o pico da velocidade neste momento aqui, que é mais ou menos por aqui. É aqui que o pico do movimento aqui também deveria estar. Ótimo, vamos reproduzir a animação. Agora, eu só preciso animar a escala. Para animar a escala, eu gostaria de ter um novo objeto, porque quero que ele seja dimensionado sempre a partir do centro da prancheta Vamos colocar um novo objeto em camadas. Você o derruba, certifique-se de que ambos tenham a mesma cor. Eu vou criar o plano de fundo do novo e vou controlar a escala por meio desse novo. Quero que a escala comece aqui a partir da última, porque é onde minha escala estará 100%. Agora vou aumentá-la um pouco mais aqui, pois quero que as curvas da minha escala sejam iguais à minha posição Vou apenas selecionar três deles e usar o meu amigo Easy Copiar, Copiar aqui, Selecionar Aqui e Colar. Para evitar que meu plano de fundo perca a resolução por causa da escala, certifique-se de que esse primeiro botão aqui esteja ativado. E então eu clicarei neste pequeno sol aqui, então terei uma rasterização contínua Preciso entrar na minha pré-composição em segundo plano e garantir que ela também esteja ativada nessa camada aqui Vamos clicar aqui, verifique se ele está ativado. Então você pode ver que não importa o quanto eu o escale aqui, agora ele nunca perde a resolução. Vamos jogar para ver como está. A animação está pronta, pessoal. Está parecendo bom. Existem alguns efeitos que são muito populares e muito divertidos de usar e vou mostrar como adicionar. O primeiro que mostrei antes é o deslocamento turbulento em que posso usar parâmetros muito pequenos aqui Isso vai nos dar um pouco de aspereza, talvez até mais Também um pouco de barulho. Vou usar esse barulho aqui. Gosto de usar grãos e posso aumentar um pouco esses valores. Isso tornará a animação um pouco menos plana. Ok, estamos prontos para renderizar. Antes de renderizar, precisamos ter certeza de que essa barra aqui está cobrindo toda a animação. Você pode clicar duas vezes nele se quiser cultivá-lo para toda a composição. Eu vou para o arquivo, adiciono ao hander. Aqui, alteraremos o formato para 8264, que você nos fornece um arquivo MP quatro. Está bem? E aqui, selecione onde eu quero salvar meu vídeo. É isso mesmo. Basta clicar em Renderizar. 13. O que vem a seguir? Continue girando! (BÔNUS): Então, pessoal, chegamos ao fim. Mas agora eu quero ter essa aula bônus, que é como se eu mostrasse alguns projetos que fiz antes. E eu uso a mesma técnica em diferentes casos de uso. Vai ser muito bom ver o quão poderosa essa técnica realmente é. Vamos aqui. Estou pronto para mostrar como uso essa técnica em meu projeto diário. Esse é muito parecido com o que temos no curso, que é um personagem girando e olhando para trás Eu tenho três poses aqui. Uma é essa pose em que a cabeça está nessa posição. O segundo é assim. Há uma rotação muito rápida, como você pode ver de um quadro para outro. Depois, há uma maior, que é essa rotação, qual eu mudo a cabeça dessa moldura para essa moldura. Quando você joga rapidamente, você não percebe que na verdade não gira tudo Isso só é possível porque eu fiz as mudanças de quadros no pico da velocidade. O segundo projeto que quero mostrar a vocês é interessante. Neste projeto, tive que animar algumas mãos. As mãos mudavam de forma o tempo todo. Eu desenhei muitas posições dessa mão. Eu tinha um novo controle do movimento no pico de cada posição. Movimento, eu poderia mudar de uma pose para outra e isso nos daria uma transição perfeita neste caso aqui Eu até adicionei uma moldura intermediária entre isso e isso. Na verdade, eu tinha três desenhos aqui, mas essa mudança acontece no pico da velocidade. Isso mostra que, com poucos desenhos, é possível fazer um movimento muito convincente Mais tarde, no mesmo projeto, eu tenho isso. É uma mão astral. Ele gira e balança da esquerda para a direita no pico da velocidade Mais uma vez, eu mudo o desenho. Nesse caso, eu também adicionei uma pose entre as quais está essa. Dura apenas um quadro e depois você faz a outra pose. Eu também adicionei uma mancha, que está fazendo o bastão mudar de formato assim, o que também acontece no momento mais rápido do movimento Por último, mas não menos importante, esta animação aqui. Este é um pouco mais complexo só porque usei mais desenhos do que o normal. Essas são as poses que fiz para esta. Eu fiz uma pequena animação antes de vetorizar todas aquelas poses Essa é a animação que me deu a base para eu vetorizar as poses Então, no After Effect, você pode ver que isso se parece muito com o projeto que acabamos de criar neste curso. Você pode ver que cada uma dessas seções é uma pose diferente. Este, especialmente para apenas dois quadros. Mas eles sempre fazem a transição um para o outro no pico da velocidade. Se eu mostrar qualquer um dos meus quadros-chave, você verá que é assim que o gráfico se parece. Todos eles começam no pico e terminam no pico. Para que eu tenha uma transição perfeita, espero que vocês gostem disso. É basicamente assim que eu faço a maioria dos meus projetos. Mal posso esperar para ver o que vocês podem criar com isso vendo o próximo. 14. Conclusão: São seus caras. Parabéns e muito obrigado por participar desta aula. Começamos esboçando as ideias e as três poses de nossos Carters para que você pudesse ver como eu os vetorizo no Adobe Illustrator E importamos as ilustrações para o Adobe After Effects para torná-las camadas bem definidas. E então animamos as camadas em forma. E, no final, adicionamos princípios de animação. Também adicionamos um plano de fundo para tornar a rotação mais convincente. E chegamos ao fim. Por favor, não se esqueça de publicar seu projeto para que eu possa comentar e dar feedback. Por favor, se você puder revisar a aula e fazer quaisquer comentários ou críticas que possa ter, tome cuidado e até a próxima