Guia de animação de GIFS para iniciantes

1. Apresentação do curso: Olá a todos. Meu nome é Elizabeth e sou um artista digital especializado em Adobe Photoshop, adobe Illustrator e Adobe After Effects. Nesta classe, estaremos criando um GIF em loop que dança. Primeiro, começaremos criando um personagem no Adobe After Effects. Em seguida, aprenderemos como criar camadas e animar essas camadas para criar uma sequência de dança. Por fim, muitas vezes vamos no Adobe Photoshop para criar um GIF em loop. Esta aula é para qualquer nível experiente, pois vou guiá-lo passo a passo e explicar tudo o que fazemos. Então, vamos pular no After Effects e começar. 2. Projeto do curso: O projeto deste curso é criar seu próprio personagem e animá-lo usando as habilidades que você aprendeu nesta classe, você pode acompanhar passo a passo e usar os ativos fornecidos a você nesta classe. Ou você pode criar algo original e único. Certifique-se de compartilhar sua seção de projeto e projeto desta classe. E mal posso esperar para ver o que você inventou. 3. Interface de Adobe After Effects: Então, para começar, vamos fazer um rápido passo a passo da interface do After Effects. After Effects é dividido em diferentes seções chamadas painéis. E quando um painel estiver ativo, você verá esse traçado azul ao redor da caixa. Certifique-se de que, ao fazer atalhos de teclado, o painel correto esteja ativo. Então, quando você copia e cola algo, ele vai na seção direita. À esquerda, temos o painel do projeto. É aqui que seus ativos que são criados ou importados estarão. Também onde você controla seus efeitos. À direita disso, você tem seu painel de composição. É aqui que você visualizará sua composição ou seu vídeo. Abaixo disso, este é o painel de camadas e linha de tempo. Suas camadas serão empilhadas aqui. E à direita disso, você terá sua linha do tempo. É aqui que você vai vasculhar seu vídeo. Também onde iríamos ser camadas de keyframing e parentalidade à direita do painel de composição. Este será o seu painel de efeitos. É aqui que você visualizará informações sobre sua composição. Você pode adicionar efeitos às suas camadas. Também é aqui que você pode alterar o texto. Na parte superior, a interface é onde suas ferramentas estarão. Vamos passar por isso à medida que os usamos na classe. Então, para começar, precisamos fazer uma nova composição. Então, vamos clicar em Nova composição. E não vamos nomear nossa composição. Vou nomear a minha dança. Então, vamos fazer com que isso seja diferente. Instagram e a melhor proporção para o Instagram é de 1080 por 1080. Então, desclique na proporção de bloqueio. E então vamos mudar a largura para 1080 e sua altura para 10, oito também. Vamos alterar a taxa de quadros para 30 por segundo. E então vamos mudar nossa duração para começar com cerca de três segundos. E sempre podemos mudar isso mais tarde. Você pode manter a cor preta por enquanto, porque vamos adicionar nossa própria camada de cor sólida mais tarde. Clique em OK. E temos nossa composição iniciada. Ok, se você for para o painel Projeto e clicar no projeto, verá que você tem sua nova composição aqui, ok, na parte superior, você verá que você também selecionou isso. E é nisso que vamos trabalhar. Na seção projeto e recurso do curso, forneci alguns ativos que podemos usar neste JIF. É só um rosto e alguns sapatos. E nós estaremos criando o resto nesta classe. Então, vou ir em frente e importá-los agora. Então, vamos clicar em nosso painel de projetos. Pressione o comando I para importar. E o que você vai fazer é localizar esses ativos e seu computador. E quando você estiver importando isso para o After Effects, certifique-se de alterar a importação como composição, mantenha os tamanhos das camadas. Certo, e depois clique em Open. E você verá que temos coisas novas em nosso painel Projetos. Portanto, se você clicar na seta para baixo, todos esses ativos serão criados no Adobe Illustrator e eles estarão entrando em camadas diferentes. Para que possamos manipulá-los individualmente. E vamos criar o corpo, as pernas, os braços e as mãos. E a próxima seção. 4. Como criar uma personagem 1: Tudo bem, Nesta seção do curso, vamos criar nosso personagem. Eu forneci uma cabeça de rosto e alguns sapatos assim como velocidades, algumas coisas ao longo. Vamos criar um personagem muito simples. E vamos criar o corpo das pernas e dos braços juntos no After Effects. Se você quiser criar seu próprio rosto, cabeça e sapatos, sinta-se à vontade para fazer isso. Só estou lhe fornecendo alguns ativos. Portanto, esta seção pode se mover um pouco mais rápido. Assim que importarmos nossos ativos para o After Effects pressionando Command I, encontrando-os no seu computador e certificando-se de que você os importe como composição retém tamanhos de camada. Você verá esses novos arquivos no painel do projeto aqui. Então, vamos pegar todos esses arquivos do Illustrator e vamos selecioná-los todos clicando no topo, mantendo pressionada a tecla Shift e clicando na parte inferior. E vamos arrastá-los para o nosso painel de composição. E você verá que ele cria camadas no painel de camadas para você também. Quando você importa arquivos do Adobe Illustrator para efeitos posteriores, eles entram como vetores. E queremos que estas sejam camadas Shape para que possamos manipulá-las. Então você quer mudar esses vetores em camadas de forma. Então, para fazer isso, certifique-se de ter todos selecionados. E eles não são apenas clicar no topo. Mantenha pressionado, desloque, clique na parte inferior. Clique com o botão direito, vá para Criar. E direi Criar formas a partir de camadas vetoriais. Clique nisso. E você verá que os efeitos posteriores transformaram automaticamente seus vetores em formas, aqueles com a estrela por ela serão sua camada de forma. E não precisamos mais dos outros para que possamos passar pelo nosso painel de camadas e excluí-los. Então, clique em todos que estiverem no ícone do Adobe Illustrator e exclua-o. Clique e exclua todos os do Adobe Illustrator, não as camadas de forma. Então você deve ficar com 123456 camadas. E todos eles têm estrelas por eles. Então, precisamos organizá-los para que elas sejam as proporções certas. Vamos redimensioná-los igualmente no Adobe Illustrator, suas proporções são definidas. Portanto, se os redimensionarmos igualmente no Adobe After Effects, ele deve se encaixar perfeitamente quando você definir a posição no lugar certo. Então, vamos passar por cada camada. Vamos clicar na parte superior, clicar na parte inferior, mantendo pressionada a tecla Shift e pressione S no teclado. Isso aumentará sua escala para todas essas camadas. Clique na escala, clique em um desses números, 25 e, em seguida, pressione Enter. E como todos eles são selecionados, todos eles vão para 25%. E porque eles estão todos ligados, como você vê aqui, isso é comprimento, que eles serão proporcionados uniformemente. Então, todos eles foram reduzidos para 25% agora, quando só temos que fazer o posicionamento para cada um deles. Então, pressione S no teclado novamente, e isso limpará a parte da escala. Então, precisamos trazer nossa camada de cabeça até o fundo porque nossas características faciais precisam ser mostradas acima da cabeça. Então, vamos clicar em nossa camada principal e arrastá-la até o fundo. Certo? Como você pode ver, não podemos realmente ver composição do coração porque ela está tão longe. Uma maneira de aumentar o zoom é que você pode rolar para cima e para baixo no mouse. Se você tiver uma rolagem no mouse, se não fizer isso, vá aqui em direção a 50 por cento e escolha um deles para aumentar ou diminuir o zoom. Ou, no seu teclado, você pode pressionar o controle ou comando pressionado e apertar o botão de adição para entrar. Comando controlador, pressione o botão menos para sair. Então, a próxima coisa que vamos fazer é colocar nossos personagens no lugar. Então, vamos pegar nossa camada de cabeça e movê-la para um pouco do topo e do centro da nossa composição. Tudo bem? E agora você pode ver quando eu percorro que o topo da composição desapareceu. E não podemos ver a menos que voltemos para fora. Se você quiser ser ampliado e ver a cabeça, mantenha pressionada a barra de espaço e clique e arraste no painel de composição e você pode movê-lo para que possa vê-lo. Vamos diminuir um pouco e vamos colocar as sobrancelhas em seguida. Então vá para o painel de camadas, clique na camada Procurar. E você pode movê-los no painel de composição ou ir para o painel de camadas, pressionar P no teclado. Isso vai trazer à tona sua posição. E você pode rolar, clicar e rolar para movê-los para cima e para baixo ou para a esquerda e para a direita. Então, vou apenas aumentar o zoom e vou colocá-los onde acho que as sobrancelhas pertencem. Um pouco centrado no nariz que já faz parte do rosto. Tudo bem, isso é bom. Agora vamos em frente e bloquear essa camada para que ela permaneça no lugar. E vamos encontrar a camada de olhos rapidamente que diz que os olhos atingem o P no teclado para subir a posição. E vamos colocá-lo no lugar. Vamos movê-lo para cá. Um pouco centrado novamente, sob as sobrancelhas. Woo para a direita um pouquinho. Isso parece bom. Agora vamos bloquear sua camada de olhos também para que ela não se mova. Role de volta para fora. E vamos encontrar a camada da boca. Encontre a camada da boca. Clique em P no teclado para abrir a posição. Clique e arraste os números apenas para trazê-lo para cima. E então vamos arrastá-lo para o lugar também. E temos o rosto. Isso não é adorável? Agora vamos bloquear nossa camada de boca também para que ela não se mova. E a última coisa que precisamos fazer é colocar as orelhas em posição. Então clique nas orelhas e pressione P no teclado e role-as para cima. E você verá que estes, quando eles são colocados no lugar, eles cobrem o cabelo, que não é como queremos que ele pareça. Então, vamos pegar essa camada e vamos arrastá-la para baixo da camada principal para que ela fique melhor. Tudo bem, e você também pode ver que a cor nas orelhas internas não combina. Este é amarelo e este é laranjado. Então, queremos mudar este para corresponder a este. Então, para fazer isso, vamos entrar na camada de nossos ouvidos. E vamos clicar na seta para mostrar seu conteúdo e, em seguida, clicar no conteúdo. Agora você vê todos esses grupos. Todos esses traços e preenchimentos diferentes são os grupos. Certo? Então, vamos clicar neste, e esse é um grupo número 4. Então, se clicarmos na seta para baixo e clicarmos no preenchimento, você verá a cor aqui que você pode alterar. Clique neste conta-gotas, vá até o ouvido que queremos que a cor seja e clique nele. E agora eles combinam. E agora podemos bloquear a camada de orelhas também. Tudo bem, nossa cabeça está no lugar. Queremos que todos esses recursos acompanhem a cabeça quando a cabeça se mover. Então, o que podemos fazer é criar esses recursos na cabeça. Então o que vamos fazer é desbloquear todas as nossas camadas. Então clique nos bloqueios ou você pode simplesmente clicar e arrastar para baixo ou para cima e ele desbloqueará todos eles. Então, queremos os pais e as sobrancelhas, os olhos e a boca na cabeça, e as orelhas na cabeça. Então, vamos selecionar as sobrancelhas e manter pressionado o comando ou o controle. Selecione os olhos, as sobrancelhas, a boca e as orelhas. E você verá essa pequena espiral aqui. Isso é chamado de chicote. E o que isso faz, permite que você crie essas camadas para outra camada. E se você não quer pais é basicamente conectar uma camada a outra. Então, ao criar os olhos e as sobrancelhas na cabeça, esses se tornam filhos do pai, que é a cabeça real. Então eu sou pai das características faciais na cabeça, essas características faciais se tornarão filhos dos pais e as crianças seguirão a camada dos pais onde quer que ela vá. Então, quando movemos a cabeça, todos os outros nós filhos seguirão essa cabeça. Então, vamos apenas selecioná-los, selecionar um desses equipamentos e arrastar essa linha para a camada principal. E você verá aqui se você tiver isso, que todos estão conectados à camada principal. E se formos para a camada da cabeça e a movemos, todos eles, venham com ela, o que é perfeito. Não se esqueça de salvar seu trabalho enquanto você está indo. Basta pressionar o comando S e salvá-lo para você. Agora os sapatos, vamos mover os sapatos para baixo para o lugar aqui. E voltaremos para eles mais tarde. 5. Como criar personagens 2: Então, a próxima coisa que precisamos fazer é criar um corpo. Vamos criar um personagem que tenha muito pouco detalhe e seu corpo e braços, apenas para que seja mais fácil de animar e tenhamos uma ideia razoavelmente de como os quadros-chave funcionam. Então, para fazer um corpo, vamos usar a ferramenta caneta em vez de usar uma forma porque eu quero ter, eu queria que o corpo se curva quando ele está dançando. Então, precisamos fazer uma camiseta para o nosso personagem. E para fazer isso, vamos utilizar nossa ferramenta de caneta. Então, vá até a barra de menus ou a barra de ferramentas e pegue sua ferramenta de caneta ou pressione G no teclado. Agora precisamos alterar o preenchimento para nenhum preenchimento. Então aperte a palavra de preenchimento e, em seguida, aperte o retângulo branco com uma linha vermelha através dela. Isso não será preenchimento e, em seguida, clique em Ok. E então o traço será da cor que você quer que sua camiseta seja. Quero que meu professor seja, seja, olá Meu professor para ser um escuro, um azul brilhante. Tudo bem? E então a largura do traçado que ajustaremos assim que o tivermos no painel de composição. Então clique em onde o pescoço estaria. Mantenha pressionada, desloque para clicar em uma linha reta e, em seguida, clique novamente. E agora temos um caminho. Então eu acho que essa largura está bem por agora. Mas vamos até o nosso painel Camadas. Clique na camada de forma que acabamos de criar, pressione Enter e digite a camisa. Clique em desligar. Agora esta camisa precisa estar abaixo da cabeça. Então, vamos clicar e arrastá-lo abaixo da cabeça. Tudo bem, e agora temos uma camisa. Então, a próxima coisa que queremos fazer é criar alguns braços. E vamos fazer da mesma forma fizemos com a camiseta. Então, vamos nos certificar de que não temos uma camada selecionada e nosso pagamento é clicar fora dela. E vamos selecionar uma cor de pele da mesma cor que o rosto dele. Então clique em seu traço. Vá para o conta-gotas, clique no conta-gotas e, em seguida, basta clicar no rosto dele, e isso selecionará a cor do rosto dele para você. Certo, clique em OK. Agora vá para o painel de composição e clique como fizemos com a camisa. Em seguida, mantenha pressionada a tecla shift e clique novamente. E agora temos um braço. Pois esse braço é muito grande. Então, vamos trazer esse número para baixo, Digamos que 50 por agora. E vamos consertar isso mais tarde, se precisarmos. Obter, Vamos ao nosso painel de camadas e clicar nessa nova camada de forma. Pressione Enter. E vamos chamar isso de braço direito porque é o braço direito dele. E será do nosso lado esquerdo. Então isso pode ser um pouco confuso. Então, no renomeado, no entanto, é melhor para você. E você pode ver que isso tem um final muito plano. Queremos que isso seja arredondado para fora do pagamento. Então, como fazemos isso é ir para a camada do braço direito, clicar na seta para mostrar todas as opções. Vai para a forma um. E vamos renomear essa forma 1. Pressione Enter e vamos renomear este braço, porque vamos adicionar uma manga a isso em um segundo. Mas clique no braço e vá para a seção de traçado. Clique nisso para baixo. E onde diz Line Cap, vamos mudar isso para arredondado. E você verá que isso nos dá bordas arredondadas em ambos os lados. Tudo bem, vou mover isso um pouquinho. Opa. Basta apertar P aqui e vou movê-lo um pouco para lá. 6. Criação de personagens três: Tudo bem, então agora precisamos criar a manga para o braço e podemos fazer isso facilmente. Mas antes de fazer isso, quero mudar o ponto de ancoragem para o braço porque quero que o braço balance daqui, não daqui. Então você notará que se formos para a rotação e balançamos, não está balançando de onde o ombro estaria. Então, vamos pegar esse ponto de ancoragem. Vamos subir aqui para esta pequena caixa pontilhada, que é mover seu ponto de ancoragem. Assim, passa por cima seu ponto de ancoragem e move-o para onde o ombro estaria. Agora, se você voltar para a camada do braço direito e girá-la, verá que ela está girando na área certa. Na verdade, é um pouco obstáculo. Então, vamos movê-lo. O ombro seria e isso parece melhor. Certo, agora vamos criar a manga. Então, para fazer isso, vamos entrar no conteúdo do nosso braço direito. E onde diz braço nos grupos, este é um grupo. Então, sob o conteúdo, está onde seus grupos estão. E renomeamos nosso braço. Vamos duplicar isso e vamos criar nossa manga fora dela. Então clique no seu grupo de braços, não na camada do braço, no grupo armado e pressione Comando ou Controle D para duplicá-lo. Então, vamos clicar nisso e apertar Enter, e vamos renomear esse sono. Tudo bem. Agora vamos entrar em nosso conteúdo de sono e precisamos mudar a cor disso porque queremos que a cor da nossa manga seja a mesma que nossa camiseta. Então vá para Stroke, bata este conta-gotas novamente e clique na camiseta. E agora nós mudamos isso. Mas você pode ver que a manga está cobrindo todo o braço, o que não é o que queremos. E também não queremos dormir para ter esse boné arredondado. Queríamos ter aquela tampa plana que tínhamos antes. Então, vamos voltar ao nosso painel Camadas. Nós trazemos isso à tona para que seja mais fácil para você ver. Volte para o nosso painel de camadas e sob o grupo de suspensão, vá para a tampa da linha e troque-a de volta para buck cap. Agora temos essas pontas retas, mas queremos que nossas mangas sejam mais curtas. Então, para fazer isso, podemos adicionar um caminho de corte a esse grupo. Então vá para este pequeno Adicionar e clique no botão ao lado dele. E aqui embaixo, onde diz Trim Paths, clique em caminhos de corte. E isso vai adicionar isso ao seu grupo de sono. Vamos abrir isso. E aqui é onde você pode torná-lo mais curto ou mais longo. Então este é o fim e este é o começo. Então, queremos fazer o fim chegar aqui para onde estaria uma camisa de manga curta. Então, vamos trazer isso para dizer sobre lá. Certo? E outra coisa que queremos fazer é criar o caminho, o caminho da manga para o caminho do nosso braço. Porque não queremos fazer quadros-chave para o braço e a manga quando eles deveriam ser apenas um grupo. Certo? E podemos fazer isso com muita facilidade. Vamos criar isso semelhante ao que fizemos com o rosto, é um pouco diferente. Então, vamos abrir as seções de caminhos para nosso braço e nossa manga. E o chicote de palhetas está aqui, mas precisamos fazer algo um pouco diferente. Vá para o cronômetro e pressione Alt ou Option e clique nele. E você verá uma expressão surgir. Não precisamos escrever uma expressão para isso porque vamos escolher chicotear esse caminho para o caminho no braço. E então vou escrever a expressão para nós. Então agora, quando giramos o braço, vamos bater R. Você verá que a manga vem junto com ele. Certo, precisamos consertar mais uma coisa. Você pode ver que este ombro está saindo e a manga não chegou até o fim. Podemos consertar isso duplicando a manga. Então, vamos para o braço e vamos abrir o grupo de sono. Sinto muito. Vamos apenas duplicar o grupo de mangas. Clique em dormir, pressione Command ou Control D, C sleeve para, vamos apertar enter e vamos digitar manga superior para que não os confundimos. Agora tudo o que temos que fazer é mudar a tampa do traçado para arredondá-la. E você verá que isso faz isso. Mas você também vê que ela arredonda a parte inferior que não queremos que ela seja arredondada, queremos que seja plana. Então, vamos apenas aparar o caminho para cima como fizemos com o outro para que vejamos o inferior que é um quadrado e não o arredondado. Então você vê que fazemos isso mais longo, vai todo o caminho para baixo. Mas se o trouxermos para que ele esteja aqui em cima e não está mostrando passar a manga inicial. Então arraste sua extremidade. Então, até que isso se torne reto. E como duplicamos essa camada foliar, todas as características também se aplicarão à manga superior. Portanto, não precisamos levar isso ao braço porque ele já é pai . Então, se formos para esta camada do braço direito e batermos R para aumentar nossa rotação. Você verá que tudo gira lindamente. Vamos desfazer isso e não se esqueça de salvar seu trabalho novamente. Então, porque temos um braço, temos dois braços porque podemos simplesmente duplicar isso e movê-lo para o outro lado. Vamos clicar no nosso braço direito, apertar Command ou Control D para duplicá-lo. Clique na camada, pressione Enter, e vamos chamar isso de braço esquerdo. Agora. Aperte isso e, em seguida, pressione P no teclado. E vamos deslizá-lo para este lado. E então vamos pressionar R no nosso teclado durante a rotação. E então vamos girá-lo 180 graus e depois trazer P novamente. E nós vamos derrubá-lo para que seja mesmo com o outro. E agora você pode ver que o ponto de ancoragem é movido um pouco porque está neste braço. Então, queremos fazer essa âncora apontar para onde o ombro estaria aqui em cima. Então, selecione seu ponto de ancoragem aqui ou você pode simplesmente apertar um no teclado. Mas essa é a maneira mais fácil apenas arrastando. Aqui. Você pode ver que este braço está cobrindo parte do rosto dele. Então, vamos pegar ambas as camadas do braço e vamos arrastá-las para baixo da cabeça, mas não abaixo da camisa. Certo. Então agora temos dois braços e cabeça são mãos um pouco fora do centro. Vamos movê-lo um pouquinho. Isso parece melhor. Certo, não se esqueça de salvar seu trabalho. E vamos criar calças praticamente da mesma maneira. Vamos criar um caminho usando a ferramenta caneta. Mas deixe-me desligar meu fundo assim só para que eu possa ver um pouco melhor. Livre-se dos meus sapatos. Perdi meus sapatos. Tudo bem. Corrigido isso em um pouco. Então, vamos apenas fazer algumas calças. Então, vamos para a nossa ferramenta Caneta. Certifique-se de que nenhuma camada seja selecionada. Vá para a ferramenta Caneta. E vou deixar minhas calças pretas, talvez. Como um cinza. Nenhum desses. Tudo bem. Vamos clicar como fizemos antes. Então clique aqui, mantenha pressionada, desloque, clique aqui. E temos alguns comprimentos. Eles estão no lugar errado. Mas vamos consertar isso. Então clique na sua camada de forma que você acabou de fazer. Pressione Enter. E vamos nomear, perna direita. Tudo bem. Vamos apertar P no nosso teclado com o selecionado e vamos movê-lo um pouco. Isso é bom. E você sabe o que eu não fiz, esqueci de criar alguns quadris. Assim, podemos fazer isso exatamente como fizemos com uma camiseta criando um caminho de acabamento com arredondado, mas nele. Então, vamos voltar à nossa camada de camisetas. Vamos trazer o conteúdo disso. E essa camada de forma será a camisa. Então, vamos clicar nisso e digitar camisa para que não fiquemos confusos. Agora vamos duplicar esse grupo, não a camada simplesmente poderia duplicar o grupo. Ele Command ou Control D. Clique nisso novamente e vamos nomear esses quadris. Gire que se abre. E no traço, vamos mudar a cor para a cor dessa perna. Vamos mudar a tampa da linha para arredondá-la. E então vamos adicionar um caminho de acabamento como fizemos com as camisas. Então clique em Adicionar Caminhos de Acabamento. E vamos derrubá-lo um pouco abrindo isso. E, opa, sinto muito. Vamos trazer o começo, começa aqui. Vamos trazê-lo para baixo para aqui. Tudo bem, agora que temos quadris criados, você pode ver que há esse círculo aqui em cima que realmente não queremos. Queremos que a parte inferior da camiseta mostre uma solução fácil. Tudo o que você precisa fazer é pegar a camisa e arrastá-la acima dos quadris e ir. Agora, vamos trazer nossa perna trás e podemos começar a mover isso para fazer algumas pernas pegarem Vamos mudar a posição dela. Então, está certo aqui. Novamente, estamos fazendo um personagem muito, muito simples. Tudo bem, vamos duplicar esta perna e vamos chamá-la de perna esquerda. Vamos apertar P no teclado e deslizá-lo para o outro lado. E a perna direita. Alinhando-o um pouco melhor. Isso parece bom por enquanto, talvez eu queira torná-los um pouco mais longos, já que os braços são mais longos que suas pernas. Então, basta clicar e arrastar. Este também. Clique e arraste. Não segure o turno porque eles vão ser trocados uniformemente e nós não queremos isso. Tudo bem? Mais uma vez, estamos apenas fazendo um personagem muito básico. Certo. Deixe-me selecionar essa cabeça e reduzir isso porque cabeça dele é grande demais para este corpo. Isso é um pouco melhor. Braços trazem isso um pouco. Só tanto tempo. Certo. Então eu perdi meus sapatos antes, então preciso trazê-los de volta e arrastar isso. Vamos converter isso em uma camada de forma, como fizemos todo o resto, e excluímos a camada inicial do sapato. E vamos reduzir isso para uma escala de 25%. Certo, e então vamos mover nossos sapatos no lugar. Espero que isso funcione. Na verdade, quero separar os sapatos. Então o que vou fazer é entrar na minha camada de sapato. E eu vou, Há dois grupos diferentes perseguem. Então, vamos destacar o grupo um e o grupo dois. São todos os grupos para este sapato. Vamos clicar com o botão direito nos grupos e vamos agrupá-los em um grupo. Certo? Agora vamos pegar esses outros grupos e vamos excluí-los porque vamos fazer camadas diferentes de diferentes para nossos sapatos para que possamos manipulá-los de forma independente. Então vamos renomear este sapato de camada dois, sapato certo. E então vamos duplicar essa camada. Então clique no sapato um comando ou controle D. Estamos passando por esse caminho e você pode ver que ele está voltado para o caminho errado. Agora, uma maneira fácil de virar isso é segurar-nos, mantenha pressionado o botão do meio à esquerda e apenas arraste e ele virará. Certifique-se de que eles tenham aproximadamente o mesmo tamanho. Tudo bem. Vamos renomear essa camada para o sapato esquerdo. Então, não ficamos confusos. Vamos conferir a balança neles. Mesmo. Tudo bem, temos um personagem, um personagem muito, muito básico. Vamos pegar todas as nossas camadas e colapsá-las. E vamos criar um plano de fundo simples para essa camada. Então, vamos adicionar uma camada sólida. Vá para Novo, vá para camada, vá para Camada, vá para Novo, clique em sólido e escolha uma cor que você deseja em seu plano de fundo. Só vou escolher branco por agora. E então vamos arrastá-lo para baixo. Tudo bem. 7. Como animar quadris e pernas: Então, a próxima coisa que vamos fazer é animar nosso personagem. Vou animar meu personagem fazendo uma dança. Ele estará usando fio dental, acredito que é quando é chamado. Uma ótima maneira de cronometrar suas animações é fazer a ação sozinho ou encontrar um vídeo de alguém fazendo a ação que você deseja animar. Encontrei alguns vídeos online que as pessoas dançam e você pode fazer o mesmo. Você pode ir ao YouTube e morder vídeos de referência href, ou encontrar algumas imagens online. Nossa animação será bem simples. Basicamente, vamos animar as pernas, os quadris e os braços. E então vamos fazer um pouco ajustes no meio. Então, vamos fazer a animação pose por pose em vez de quadro a quadro. Vamos definir cada pose primeiro. E depois que tivermos esses quadros-chave, vamos voltar e fazer poses intermediárias para ajustá-lo e torná-lo mais suave. Essa animação será bem simples porque não há muitas partes móveis. As pernas estão estacionárias nesta dança. E assim como a cabeça, praticamente o corpo e os quadris Woodside para o lado com uma pequena curva para eles e o braço balança de lado para o outro na frente e atrás do corpo, que será o mais difícil parte dessa animação. Mas não é tão difícil. Vamos definir nossas poses principais e, em seguida, animar as poses intermediárias para suavizar a animação. Isso permite que você planeje toda a animação e saiba onde ela vai começar e terminar. Então, para começar, vamos quadro-chave as poses inicial e final porque esse é um loop que será o mesmo. Então, vamos entrar no After Effects e começar. A primeira coisa que vamos para o quadro principal é a camada da camisa. Então, vou esconder algumas das minhas camadas. Então, é mais fácil para mim quadro-chave e vou bloquear alguns deles também. Tenho os sapatos trancados, tenho a cabeça e todas as características faciais trancadas. Vou trancar as orelhas e o fundo também. Tudo bem, e como você pode ver, nossa animação dura três segundos e vamos mantê-la tanto tempo por enquanto. Vamos prendê-lo no final. Uma vez que soubermos quanto tempo nossa animação vai demorar, vamos para sua camada de camisa. Vamos clicar em, na verdade, vamos ocultar algumas camadas. Primeiro, esta pequena coluna de pontos aqui é onde você pode isolar camadas. Então, se você clicar nele, ela só mostrará essa camada. Então, só queremos ver o fundo agora e a camisa. E é isso por agora. A primeira coisa que vamos animar é a rotação da camisa, das pernas e dos braços. E então vamos voltar e animar os caminhos depois. Então, vamos clicar em nossa camisa e colocar a primeira coisa que precisamos fazer é garantir que nosso ponto de ancoragem esteja no lugar certo. Eu tenho o ponto de ancoragem por onde o pescoço estaria, que é exatamente onde queríamos. Se você precisar mover seu ponto de ancoragem e voltar para a barra de ferramentas na parte superior. Clique no quadrado pontilhado, que é o ponto de ancoragem. Movendo-se. Pegue seu ponto de ancoragem e certifique-se de movê-lo para o topo e para o meio para que ele esteja girando a partir desse ponto. Se você aumentar sua rotação na camisa, você pode ver que ela está girando a partir do topo onde o pescoço estaria. Vamos desfazer isso. Vamos para o início da nossa linha do tempo. E vamos começar balançando os quadris um pouco. Vou passar cerca de 17 graus. E nós vamos quadrar isso. E, para começar, vamos fazer 10 quadros entre cada pose e, em seguida, descobriremos o tempo depois que tudo estiver emoldurado. Então, vamos avançar 10 quadros. Você pode fazer isso arrastando seu indicador de reprodução. Ou você pode segurar Shift e pressionar Page Down e isso fará com que você vá 10 quadros para a frente. E se você mudar de página para cima, isso trará de volta 10 quadros. Então, desloque e Page Down para ir 10 quadros para frente, ou você pode arrastá-lo para frente. Agora vamos 17 graus na direção oposta. Então, arraste-o de volta desta forma para 17 graus. E ele terá automaticamente um quadro-chave. Se não acontecer, basta clicar neste pequeno ponto aqui, e eu vou fazer um quadro-chave para você. Preciso voltar porque fiz isso. Tudo bem, então 17 graus. Agora, porque nós já temos esses dois ele emoldurado e esta é a única ação que os quadris fazem é que eles vão e voltam. Podemos simplesmente copiar esses quadros-chave e colá-los . Então, vamos. Vamos selecionar nossos quadros-chave e você pode arrastar uma caixa de seleção ou clicar em um turno, clicar no outro, clicar em Comando ou Controle C. E então vamos avançar para o quadro 20 e comando ou controle V. Tudo bem, então para frente e para trás eu vou perfeito. E vamos fazer isso mais algumas vezes. Cada Vamos para o quadro 40, ou será o quadro 10 após a marca de 1 segundo e colar. E então vá para a marca de 2 segundos e cole novamente. E acho que isso é tudo o que vamos precisar para agora. Então, agora, se você jogar isso, verá que nossos quadris estão balançando para frente e para trás. Parece um pouco áspero, mas não se preocupe, vamos suavizar assim que tivermos tudo animado. Tudo bem, agora que temos isso, vamos para as pernas. Desculpe pessoal, estou adicionando isso depois de já ter editado este vídeo, esqueci de dizer para mover seu ponto de ancoragem para as pernas. Então encontre suas pernas. E vamos revelá-los clicando no ponto pelas camadas. Tudo bem, bem, vamos mostrar os sapatos também, só para que possamos vê-lo. Certo. Então eu vou falar disso um pouco. Vamos voltar ao início da nossa linha do tempo. Tudo bem, e então vamos aumentar a rotação para nossas pernas. Clique em cada camada de perna e pressione R. E isso aumentará sua rotação. Ok, vamos apertar quadros-chave para cada um deles também. Então, aperte o cronômetro em cada rotação. E então vamos girar cada perna para onde queremos que ela esteja para essa porção. Certo. Sei que isso parece um pouco difícil e eles são muito retos, mas vamos esculpir quando animarmos os caminhos. Estávamos recebendo as poses básicas agora. Vamos avançar dez quadros para onde o outro para onde os quadris param de balançar. E vamos girar as pernas. Desculpe por isso. E vamos girar as pernas lá e depois lá. Então, uma maneira fácil de fazer isso. Se você não quiser apenas girá-lo para fora. Você vê como diz 21 para a perna esquerda e sete para a perna direita. Se você avançar 10 quadros, basta reverter isso. 21 para a perna direita e sete para a perna esquerda. E isso vai ser um pouco correto. A perna esquerda precisa ir adicionar um pouco mais, eu acho, a cerca de 10 onde tínhamos antes. E acho que isso parece perfeito. Então agora você tem suas pernas animadas. E vamos fazer a mesma coisa que fizemos com a camisa. Vamos apenas copiar e colar. Então, vamos para a perna esquerda, arrastando, clique nela para selecionar seus quadros-chave, ou você pode mudar e clicar para selecioná-los. Comando ou Controle C para copiá-los. Vá para o quadro 20, cole. Ok, uma vez que você os colou, bate camarão, pressione Shift e pague duas vezes para avançar 20 quadros. E então você apenas aperta Command ou Control V novamente para colar. E depois mais uma vez e 20 quadros e cole. E isso é bom para agora. Agora você verá que essa perna está se movendo com os quadris. Perfeito. Agora precisamos fazer a mesma coisa para a perna direita. Portanto, selecione os quadros-chave da perna direita, Comando ou Controle C para copiar, vá em frente para o quadro 20 e comando ou controle V para colar. E, em seguida, encaminhe 20 quadros, comando ou controle V para colar novamente. E depois mais uma vez. Agora, vamos jogar isso. E nossas pernas estão balançando com nossos quadris. É um ótimo dançarino. Ei, não se esqueça de salvar seu trabalho enquanto estiver. 8. Como animar braços: Tudo bem, então a próxima coisa que precisamos fazer é animar os braços porque você não pode usar fio dental sem balançar os braços. Ok, então o que vamos começar a fazer é mostrando os braços. Então, vamos ao nosso painel de camadas e clique no revelado para os pequenos pontos para revelá-los. Tudo bem, Nossos braços estão aqui. E você pode ver que eles não estão tão bonitos, mas vamos consertar isso um pouco mais tarde. A primeira coisa que precisamos fazer é garantir que nosso ponto de ancoragem esteja no lugar certo, assim como fizemos com as pernas e a camisa. Então, vamos encontrar nosso ponto de ancoragem para o braço esquerdo e certifique-se de que é onde o ombro giraria. E faça a mesma coisa com o braço direito onde seu ombro estaria girando. Tudo bem. Agora vamos trazer nossos quadros-chave para nossa camisa para que possamos saber onde precisamos moldar os braços colocados pela pose. Então clique na camada da camisa e pressione U no teclado. E isso trará todos os quadros-chave que você tem para essa camada. Nós só temos quadros-chave de rotação agora, então isso está sempre trazendo à tona. Vamos seguir em frente e clicar em nosso braço esquerdo, braço direito e bater em R para aumentar nossa rotação. E vamos começar a fazer o keyframe deles. Então, nesta dança, com as pernas estão indo na direção oposta dos quadris? Com licença. Então nossos quadris vão se arrepender, seus quadris estão indo para a esquerda. Então nossos braços vão para a direita. Então, vamos definir um quadro-chave para cada braço no primeiro quadro. Então, acerte o cronômetro por cada braço. Certo, e agora vamos começar com nosso braço esquerdo. E vamos fazer isso acontecer aqui. Ok, e agora nosso braço direito também. Vamos balançá-lo por aí. Diga cerca de 125. Parece bom. Ok, agora que temos esses quadros-chave, vamos avançar dez quadros. Então clique em Shift e pague para baixo. E vamos enquadrá-los para o outro lado. Então, vamos balançar esse braço esquerdo ao redor. Digamos que há bom. Faça o mesmo com o braço direito. Isso é 66, 65, parece bom. Agora, quando você faz essa dança, um de seus braços vai ficar atrás das costas. E você pode ver que com este braço esquerdo na camada do braço esquerdo, devemos ir atrás das costas dele em vez de na frente dele. Então precisamos fazer é duplicar essa camada do braço esquerdo. Então aperte Command ou Control D. Ok, e vamos renomeá-lo para que não fiquemos confusos e vamos ficar para trás. Então, sabemos que vai ficar por trás da camisa. E vamos arrastar essa camada abaixo da camisa. Certo. Então, para parecer que o braço está indo para trás, vamos pegar esta primeira camada inicial do braço esquerdo e vamos descobrir onde ele está começando a ir atrás do braço, que está bem aqui. No quadro 5. Então, vamos cortar essa camada curta. Certo? Portanto, ele não aparece mais depois desse ponto. Assim, você pode clicar na camada de borda e arrastá-la, manter pressionada a tecla Shift e arrastá-la para dentro. Ele irá encaixar ou cilindro que você pode apenas segurar a opção e apertar o botão do suporte, o suporte direito, e ele o cortará curto. Agora vamos trazê-lo para lá. Certo. Vamos até o nosso e você vê agora que está indo atrás do braço. Braço, desculpe. E você vê agora que está indo por trás da camisa. Então, só para limpar isso um pouco, as listas vão para a nossa camada esquerda atrás. E vamos para o quadro 5, e vamos cortar esse para começar por aí. Então mantenha pressionada a opção e faça o botão do colchete esquerdo, e isso o cortará para começar por aí. Ok, então temos essa chave emoldurada. Agora precisamos quadrar essa camada atrás para voltar. Então, o que vamos fazer é copiar a primeira camada que temos aqui. Copiar por Comando ou Controle C. Vá para o quadro 20, pressione Shift e pague duas vezes e cole-o. Você verá que está voltando. Então, vamos trabalhar no braço esquerdo para ele agora. E então faremos o braço direito depois. Agora que temos isso para trás e voltando para fora, precisamos ter uma subida na frente novamente. Então, vamos duplicar essa camada do braço esquerdo novamente. Então ele começa um quadro 20 onde vamos cortar a camada atrás. Então, vamos para a primeira camada de braço que tínhamos que está acima da camada da camisa, aperte Command ou Control D. E então vamos, e você pode deixar o nome do braço esquerdo para tudo bem. E vamos arrastar essa camada. Então, ele vai até o final do nosso comp. Mas vamos começar no quadro 20, onde vamos terminar a camada inferior. Então, vamos aqui e aperte Option e , em seguida, o botão de colchete esquerdo para iniciá-lo lá. E então nosso e você pode ver que ainda não está girando, mas vamos consertar isso em apenas um segundo. Vamos para a nossa camada de braço inferior e vamos copiar os quadros-chave. Então, vamos para os dois primeiros quadros-chave. Clique no primeiro quadro-chave da camada atrás, depois clique com a tecla Shift pressionada na segunda, deixa o terceiro de fora, pressione Command ou Control C e volte para a camada do braço esquerdo. O segundo que acabamos criar e apertar Comando ou Controle de B. E vamos pressionar U para exibir esses quadros-chave. E você verá agora que está no mesmo local de onde o nosso inferior está. Mas vamos cortar esse fundo porque não precisamos mais dele. Porque na próxima parte da dança Ele vai ficar na frente do corpo e o braço direito vai ficar para trás. Então, vamos para a camada esquerda e atrás e aperte a opção e o botão de colchete direito para finalizar essa camada e arrastá-la. Então ele se encaixa. E agora você verá que se esfregarmos nossa linha do tempo, o braço balança atrás do corpo e depois para trás, e depois na frente do corpo, que é exatamente o que queremos. Tudo bem, então vamos copiar e colar outro conjunto desses quadros-chave no nosso braço esquerdo. Então, vamos destacar esses dois quadros-chave. Ele comanda ou controla C. Vamos avançar 20 quadros e apertar Command ou Control V. Então, vamos ver onde estamos. Ok, então estamos indo para trás, na frente. E então isso deve estar ficando para trás de novo, mas vamos tirar isso. Então, acho que não precisamos disso. Nós só vamos parar aqui. Então estamos começando lá atrás, para fora, na frente. E então é aí que nosso ponto de partida está novamente. Para a esquerda, para a direita, para a esquerda, para a direita, para a esquerda. Tudo bem. Este vai ser o fim do nosso comp, eu acredito. Mas vamos deixá-lo em geral. Certifique-se. Então, vamos fazer nosso braço direito da mesma forma que fizemos nosso braço esquerdo. Portanto, o braço direito já é quadro-chave para os dois primeiros balanços. Então, está começando por aí. Vai aqui, precisa sair de novo. Então, vamos copiar o primeiro quadro-chave no braço direito. Pressione Command ou Control C. E depois vamos para o quadro 20 e colá-lo. E então vamos fazer a mesma coisa para o segundo quadro-chave, Comando ou Controle C e colar isso. E então o próximo balanço é quando o braço direito vai ficar atrás do corpo. Então, vamos copiar esses dois quadros-chave novamente, Comando ou Controle C e colá-los no braço direito. E agora vamos duplicar esse braço direito e trazê-lo para baixo. Então Comando ou Controle D. Vamos renomear isso para logo atrás. E então vamos arrastá-lo abaixo da nossa camada de camisa, assim como fizemos com o braço esquerdo. E então precisamos ir para o braço direito que está no topo e vamos cortá-lo. Então, parece que a camada inferior só está aparecendo. Vamos esfregar para descobrir onde precisamos cortá-lo. Então o braço esquerdo vai para trás, RAM balança para trás, balança para o lado. E aqui é onde o braço direito precisa começar a ficar atrás do corpo. Então, vamos pegar essa camada do braço direito que está acima da camisa e vamos cortá-la com a opção e o botão direito do colchete. E então vamos arrastar isso. Perfeito. E agora com a parte de trás, vamos trazer nossos quadros-chave. Acerte você com ele selecionado. E é aqui que vamos iniciar essa camada. Então, vamos selecioná-lo, aperte a opção e o botão do colchete esquerdo. E é aí que ele começará. Vamos ver como isso parece. Então, balançando para trás, para a frente, e é aqui que o braço direito vai para trás. E depois de volta. Tudo bem. Este é o lugar onde está bem, então não é aqui que nosso comp vai parar porque precisamos ter o braço direito na frente assim. Então, vamos precisar animar um pouco mais no braço esquerdo e no braço direito. Então, vamos voltar para o nosso braço esquerdo em camada. E nós vamos, vamos ver aqui. Então, de trás, na frente do lado, ele precisa voltar para o outro lado. Então, vamos copiar esse quadro-chave. Copie, volte para o, então isso é 1 segundo e vá para 1 segundo e 20 quadros. Pressione Command ou Control V. E então precisamos que todos eles vão para o outro lado novamente, e é aqui que nosso fim. Então, vamos copiar outro quadro-chave. Certo? Precisamos desse quadro chave aqui para balançar para a direita. Então Comando ou Controle C, vá em frente e comande ou controle V. E então precisamos do nosso direito. Tudo bem, e acho que é aí que vai acabar. Mas precisamos fazer outra camada do braço direito para mostrar isso na frente. Então, vamos pegar nossa camada inicial do braço direito e vamos para o Comando ou Controle D para duplicá-la. Vamos arrastar isso para fora como todo o comp e depois descobrir onde ele vai para a frente. Então temos balanço, balanço, balanço vai. É aqui que ele vai na parte de trás. É aqui que ele vai atrás e depois vem para a frente. Então aqui é onde nossa nova camada de braço direito precisa começar porque ela vai balançar na frente do corpo desta vez. Então faça seu braço direito, sua camada de braço direito comece aqui. Vamos para a camada do braço direito que está atrás da camisa, e vamos cortar isso. Então ele termina aqui em 1 segundo e 20 quadros é onde ele vai acabar. Portanto, certificando-se de que está selecionado, pressione a opção e o botão de colchete direito e arraste-o sobre. Então, está estalado lá. Agora precisamos animar o braço direito que vai para a frente. Vamos abrir alguns quadros-chave. Swing, e precisávamos balançar para a direita. Então, só precisamos descobrir que esse primeiro quadro-chave funcionará perfeitamente. Então, vamos copiar o primeiro quadro-chave e ir até aqui e colá-lo. Porque queremos acabar exatamente onde começamos. Tudo bem, acho que nossos braços estão acabados agora. Então, vamos cortar isso para dois segundos. E vamos jogar isso e ver como parece. Ou usar fio dental, diminuir o zoom e para que possamos ver um pouco melhor. Tudo bem, Nossos braços estão prontos quadro-chave. Vamos torná-los um pouco melhores quando os dobrarmos com o caminho. Mas temos os movimentos iniciais impostos feitos. Então, vamos parar com isso. Vamos nos certificar de que salvamos nosso trabalho. E a próxima coisa que vamos fazer é animar os caminhos dessas camadas. 9. Como animar caminhos para bend: Ok, então a próxima coisa que vamos fazer agora que temos todas as nossas animações opostas feitas, é que vamos animar os caminhos de algumas camadas. Então, as pernas precisam ter um pouco de uma curva para elas quando elas vão de um lado para o outro. Os braços realmente não precisam ter nenhum, porque quando você faz essa dança, seus braços estão retos e eles estão trancados. Então, não vamos animá-los, mas vamos animar o caminho das pernas e da camada da camiseta do corpo. Então, vamos começar com uma camisa. Então, vamos dar uma boa olhada na nossa camisa. E vamos ao início da nossa linha do tempo. Vamos encontrar nossa camada, camada de camisa. E vamos clicar na seta para baixar o conteúdo e depois clicar no conteúdo e depois encontrar a camisa. E lembre-se que já temos nosso caminho para a nossa camisa. Então, sempre que animarmos esse caminho da camisa, o caminho do quadril seguirá junto com ele para que não precisemos animar os quadris, apenas a camisa. Então vá para o grupo de camisetas, encontre o caminho um e clique para baixo para mostrar que ele é clicado para revelar sua opção. Então, vamos apenas dar uma pequena curva ao corpo para que ele tenha um movimento um pouco mais dinâmico para ele. Então, a maneira como vamos animar esse caminho é com a ferramenta vértice, a ferramenta converter vértice. Então, vamos até a nossa ferramenta Caneta, clique nela e mantenha pressionada e você verá a ferramenta Converter vértice. O que isso vai fazer é converter esse ponto em uma alça de Bezier. Então, se você clicar nele e arrastar um pouco, verá que as alças surgem. Agora, eles são um pouco difíceis de trabalhar se você estiver começando, mas você só precisa brincar com isso para entender melhor isso. Então, basicamente, quanto mais você arrastar uma dessas alças, é o que ele vai manipular. Então, se você arrastá-lo para o meio, verá que ele dobra o corpo de qualquer forma que você o move. Certo. O mesmo com o topo. Se você for aqui e arrastar essas alças, quanto mais você puxar para baixo, mais ela influenciará essa parte da forma. Então, se você só tem aqui um pouco, só vai mover essa parte. Vá até o fundo. Vai começar a mover essas partes também. Então, vamos desfazer tudo isso pelo Comando ou Controle Z. E vamos apenas dar um pouco de curva para a esquerda, não muito. Então, vamos encontrar essa alça e vamos arrastá-la para cima e obter uma pequena e minúscula curva. É isso. E vamos fazer o mesmo para o primeiro. Arraste essa alça inferior para fora em uma curva muito, muito pequena. Não quebre as costas. Tudo bem. Então, vamos avançar dez quadros por turno página para baixo e ir para o quadro dez. E vamos apenas dar uma curva na direção oposta. Então pegue essas alças e mova-as para o outro lado dessa linha e dê um pouco de curvatura. Tudo bem, e então certifique-se de que há um quadro-chave para isso. E você verá que o corpo se dobra um pouco. Nada louco. Certo? Portanto, isso é muito fácil fazer para o resto da sequência. Vamos apenas copiar esses dois quadros-chave e colá-los ao longo do caminho. Então, vamos avançar dez quadros, sinto muito. Comando ou Controle C. Destacado Vá para o quadro 20 e cole-os. Agora você verá que temos alguns no quadro 30. Vamos para o quadro 40 ou 1 segundo, 10 quadros e colar novamente. Tudo bem, e vamos avançar novamente 20 quadros. E vamos colar novamente, mesmo que nossa composição termine aqui, porque queremos ter algum movimento enquanto ela faz loops. Então, vamos diminuir o zoom e reproduzir isso. E você vê que tem um pouco de curva. Não precisa de muita curva. Tudo bem. Então, o próximo que vamos fazer são as pernas. Então vá para sua camada de perna. Vamos começar com a perna esquerda. Vamos revelar suas opções. Encontre o conteúdo, a forma e o caminho. Vá para o início da sua linha do tempo. E clique no cronômetro para colocar um quadro-chave. Agora, a mesma coisa que fizemos com o corpo, vamos fazer com as pernas. Apenas um pouco de curva na direção em que eles estão indo. Então, desculpe, vamos à nossa ferramenta Caneta, ferramenta Vértice. E vamos clicar e arrastar. Desculpe. Clique e arraste. Então nossas alças surgem e vamos arrastar esse fundo. Sinto muito. Vamos apenas arrastar essa alça superior. E não se preocupe com isso aqui. Moverá o sapato para cima para que ele cubra essa pequena lacuna. Ok, vamos fazer a mesma coisa para o arrasto superior que manejou para baixo e para cima, desculpe, para o lado esquerdo da linha. Não muito porque é simplesmente irrealista. Tudo bem. Vamos avançar 10 quadros. E vamos dobrá-lo na direção oposta. Pegue essas alças e apenas mova-as para o outro lado. Diminuir o zoom, veja como ele se parece. Tudo bem, e então vamos para frente e para trás. E isso parece bom. Agora vamos fazer a mesma coisa. Copie e cole esses dois quadros-chave em toda a sequência. Então selecione-os Comando ou Controle C, vá para o quadro 20 e cole Command ou Control V. Vá para o quadro 40 ou 1 segundo e 10 quadros e cole novamente. E dois segundos e cole uma última vez. Agora nossas pernas se dobraram. Não consigo ver muita diferença, mas há uma pequena diferença. Agora vamos fazer a mesma coisa com a outra perna. Vamos esconder tudo isso e ir para a perna direita e fazer exatamente a mesma coisa. Vá até o início da linha do tempo. Vai para sua forma, revele o caminho, defina um quadro-chave. Certifique-se de que nossa ferramenta de vértice esteja selecionada e vamos para esse fundo. Clique duas vezes, arraste, traga essa alça para cima, e vamos dobrar um pouco e o mesmo com o topo. Então um pouco. Vá em frente 10 quadros. E Ben para o outro lado e arraste-o para ver como está parecendo. Tudo bem, acho que isso é bom. Vamos copiar esses dois quadros-chave e colar em toda a sequência. Vá para o quadro 20, Command ou Control V. 20 frames forward comando ou controle V. E os últimos dois segundos comando ou controle V. Agora vamos diminuir o zoom e ver como ele se parece. Tudo bem, ele tem um pouco de Ben para ele. Agora, o que vamos fazer é dar alguma flexibilização a esses quadros-chave. Não vou usar muito. Vamos apenas selecionar todos os quadros-chave e dar uma facilidade fácil. Então, vamos ao nosso painel Camadas. Pressione Command a e, em seguida, pressione U no teclado. E isso exibirá todos os quadros-chave que você tem para toda a sua animação. Vamos clicar e arrastar uma caixa de seleção e selecionar todos esses quadros-chave. Clique com o botão E você não pode vê-lo no vídeo, mas há uma opção para assistência ao quadro-chave. E você vai para isso e então isso trará uma nova caixa e baterá fácil, fácil. E verei que ele muda todos os seus quadros-chave para flexibilização. E você vê que isso torna sua animação um pouco mais suave. Então, vamos desfazer isso e ver o antes. Tudo bem, e vamos refazer isso. E isso mostrará que o torna um pouco mais suave. Tudo bem, então vamos levantar os sapatos um pouco para que ele esteja cobrindo onde está essa pequena lacuna. Então, vamos ao seu Vamos desbloquear os sapatos primeiro. Vá para o sapato esquerdo. Amplie um pouco, e vamos apenas trazê-lo para onde ele cobre isso. E faremos a mesma coisa com o sapato certo para trazê-lo um pouquinho. Vamos apertar P no teclado para garantir que eles estejam na mesma altura. Então, 848. Tudo bem. Agora vamos ver se isso cobre essa lacuna, o que ele faz. Uma coisa que eu não gosto é como posso ver o braço aqui atrás. Quando o braço esquerdo vai para trás, não podemos vê-lo. Então o que vou fazer é girar isso um pouco mais para que possamos vê-lo. Então, vamos encontrar nosso braço esquerdo. Vai ser por trás, que está bem aqui. E vamos pegar este quadro chave e vamos girá-lo um pouco mais para que possamos ver o braço atrás das costas. Tudo bem, vamos ver como isso parece agora. Parece melhor. Tudo bem, vamos salvar nosso trabalho. 10. Como animar cabeça e olhos: Tudo bem, então a última coisa, tudo bem, então a próxima coisa que vamos fazer é animar a cabeça. Esta não é uma ótima cabeça para essa animação, mas fará o truque. Se você passar, verá que cabeça dele não se move e não funciona. Então, vamos fazer uma pequena animação de rotação para isso. E então eu vou mostrar a vocês como animar algumas das características faciais, se você quiser. Como fazer os olhos piscarem. Ok, então vamos animar a cabeça primeiro. E como todas as características faciais e as orelhas são pais na cabeça, elas vão girar com a cabeça. Portanto, não precisamos fazer todas essas animações. Só temos que animar o sucesso. Então, vamos para a nossa camada de cabeça. E vamos nos certificar que nosso ponto de ancoragem esteja no pescoço porque ele vai girar até este ponto. Então, vamos encontrar nossa ferramenta de âncora na barra de ferramentas e movê-la para o meio na parte inferior. E vá para a camada da mão, aperte R para aumentar a rotação e certifique-se de que sua cabeça esteja girando da maneira correta. Minha cabeça é um pouco grande demais, então vou reduzi-la para ver 18% de zoom. Ainda é muito grande. É meio que tem uma cabeça grande. 16º, isso parece melhor. Então, vamos fazer isso. Tudo bem, e porque eu escalo para baixo, você vai notar que isso tem um pouco de um canto aparecendo, o que não é algo que queremos mostrar. Então, vamos animar nossa cabeça e então vamos consertar esse cantinho. Então volte para a camada principal, pressione R para aumentar a rotação vai o início da sua linha do tempo. Agora, vamos girar a cabeça do jeito que os braços estão indo. Então, onde quer que o braço esteja, é assim que sua cabeça vai girar. Então, vamos girar para lá. E vamos clicar no quadro principal, avançar 10 quadros e girá-lo para o outro lado. Aproximadamente a mesma quantidade. Tudo bem, e não giramos. Agora parece que copiamos e colamos esses quadros-chave como fizemos com todo o resto. Então selecione-os Comando ou Controle C, vá para o quadro 20 e comando ou controle V. Vá em frente 20 quadros. E comande ou controle V novamente. E depois 420 mais quadros e mais uma vez. Role para fora e vamos dar uma olhada em nossa animação. Tudo bem, agora acho que ele é uma cabeça muito pequena, então vamos ser um pouco maiores. Vamos voltar para 18 é a forma como isso parece. Tudo bem, isso serve. Então, vamos consertar esse canto que aparece aqui. Não, esqueça de salvar seu trabalho como você vai consertar esse canto, vamos transformar esta camisa em um boné arredondado em vez do boné que temos aqui. Mas vamos ter que duplicá-lo porque ainda queremos ter essa linha reta na cintura. Então, vamos para a nossa camada de camisa. Vamos abri-lo para ver o conteúdo. E você notará que temos dois grupos onde a camisa nos quadris. Tudo bem, vamos nos preocupar que podemos ver esse canto aqui. Abra sua camisa Conteúdo, vá para o traço e troque a tampa para uma tampa redonda. Certo? Agora você vê que está aparecendo. E você também verá que está por aqui em baixo. Podemos corrigir isso apenas duplicando essa camada e adicionando alguns caminhos de corte a ambos. Então, primeiro vamos duplicar a camada selecionando o grupo de camisetas, não a camada, apenas o grupo. Comando ou Controle D. Veja a camisa para aparecer. Então, vamos adicionar um caminho de corte a ambos. Selecione sua camisa para dois grupos, pressione, Adicionar e vá para Trim Paths. Certo? E então vamos fazer a mesma coisa para o grupo inicial de camisetas. Clique nisso, vá para Adicionar e pressione Trim Paths. Agora vamos trabalhar primeiro com o primeiro grupo de camisetas. Então abra seus caminhos de acabamento e onde ele diz começar, isso vai ser aqui em cima onde estão os ombros. E vamos apenas trazer isso para baixo um pouco e trazê-lo um pouco. Sinto muito. E vamos voltar e ajustá-lo no prefixo, o outro. E o fim. Vamos diminuir um pouco. Vamos para o segundo grupo. Abra o traçado e mude-o para uma tampa de botão. Certo, e depois vá para os caminhos de acabamento. Então esse segundo grupo, e vamos brincar com isso até conseguirmos do jeito que queremos. E você pode ver esse canto, desculpe, esse canto começou a desaparecer quando aumentamos o início. Então isso acabou de aparecer. E agora vamos até o fim e trazer nosso desperdício apenas um pouco. Vamos dizer que certo que há bom. E vamos ver como isso parece no topo. Não temos mais esse canto, mas temos um pouco de espaço. Então podemos trazer essa tampa arredondada de volta para cima. Só um pouquinho e você pode ver como ele está se movendo. Só queremos um pouco para que não haja espaço quando ele é Lawson. E isso parece bom. Tudo bem. Lembre-se de salvar seu trabalho. E vamos passar para algumas características faciais. Eu só vou mostrar rapidamente como você pode fazê-lo piscar de uma maneira muito fácil e então talvez mover a boca ao redor do tempo devido a, é da mesma forma que fizemos os caminhos para as curvas nas pernas e no corpo. Então, vamos aos nossos olhos. Vamos fechar a camada da camisa, encontrar nossa camada de olhos. E vamos abri-lo. E você verá que temos grupos diferentes. E esses são os grupos dessas diferentes formas no rosto. Então, se você clicar em um grupo, ele mostrará o que é. Por algum motivo, tenho os brancos em dois grupos diferentes, mas queremos que eles estejam em um grupo. Então, vamos selecionar o primeiro grupo se você tiver dois grupos diferentes também. E o segundo clique com o botão direito e depois agrupe formas. E vamos citar isso de branco, certo? E esse terceiro grupo vai ser o preto daquele eu. Então vamos citar esse preto, certo? E depois o branco para a esquerda. Vamos apenas nomear o branco para que não fiquemos confuso. E o mesmo para o olho preto preto esquerdo. Certo? Agora, o que vamos fazer é criar essas partes brancas para as partes pretas. E você também pode combiná-los em um grupo e apenas fazer com que eles se façam sozinhos. Mas se você quisesse ter essas partes brancas se movendo também, em vez de apenas piscar, você não quer fazer isso. Então vamos fazer é abrir nosso branco e preto. E vamos abrir a transformação para o branco e para o preto. Certo? Agora, para o branco, vamos para a escala. E vamos clicar em Option e clicar neste cronômetro. E isso vai trazer à tona nossas expressões. Não precisamos de expressão. Vamos apenas criar essa escala para a outra escala. Certifique-se de que seus pais sejam o olho direito para o olho direito. Ok, então vamos pegar a balança, escolher chicote e arrastá-lo para a escala do preto, certo? Eu escalo e clico nele. Agora você verá que ele está conectado. Portanto, não precisamos animar os brancos. Vamos apenas animar o preto. Então, vamos desvinculá-lo para que possamos transformá-lo e não é uniforme. Clique nesta cadeia e isso a desvinculará. Aperte o cronômetro para criar um quadro-chave. Vá em frente 10 quadros. E vamos fechar isso. I. Tudo bem, avance 10 quadros e vamos copiar o primeiro quadro-chave e colá-lo. Então, quando eu abri de volta, é muito sutil. Você não precisa fazer isso se não quiser, mas vou copiar e colar isso na minha linha do tempo. E é isso que pisca os olhos. Um pouco estranho. Então, vou excluir um desses e apenas movê-los. Portanto, é um piscar de olhos aleatórios. Certo, vamos fazer a mesma coisa pelo outro olho. Certifique-se de estar no primeiro quadro-chave para saber onde o piscar começa. Poucas pessoas piscam com um olho. Isso seria estranho. Vamos abrir a transformada de matriz esquerda e o olho roxo, desculpe, eles também foram transformados de matriz negra esquerda. Vamos fazer Option e clicar nessas escalas. Cronômetro. Vamos manter pressionada Option e clicar no cronômetro de escala para criar um quadro-chave e abrir a expressão. E então vamos escolher o chicote para a escala do preto. Tudo bem, agora vamos definir um quadro-chave para a escala preta. Vá em frente para onde o olho esquerdo está piscando, que fica bem ali. Vamos desvincular essas escalas. E trazendo isso eu fechei também. zoom. Isso parece certo, e então vamos em frente para onde o olho está aberto. Todo o caminho. Bem ali. Copie esse primeiro quadro-chave, Comando ou Controle C e, em seguida, V. Tudo bem, e o piscar é um pouco lento. Então, vamos reunir esses quadros-chave novamente. E sim, eles estão piscando momentos diferentes. O que vamos consertar isso. Vamos fechar isso. Então, temos algum espaço. E então vamos trazer os quadros-chave para o olho esquerdo, e vamos movê-los todos no mesmo lugar que o olho direito. Tudo bem, vamos facilitar eles selecionando-os. Tudo clique com o botão direito do mouse em assistente de quadro-chave e, Tudo bem, e ele está piscando. Agora. Você pode fazer a mesma coisa com a boca. Se você quiser animar a boca, vou mostrar a você como animá-la muito rapidamente. E então isso será isso. Então este é um caminho ou um derrame como os braços são. Então você vai animar o caminho para fazê-lo se mover. Então, vamos para nossa ferramenta de conversão de vértices. E você verá se você clicar nele, essas alças surgem. Certo? E se você quiser simplesmente movê-lo, você pode. Então, digamos que você queria fazer isso. Oh, vamos clicar em um cronômetro para criar um quadro-chave. Vá em frente um pouco, e então brinque com ele até, opa, desculpe. Até que uma boca faça uma forma de O. Traga isso. E você só precisa brincar com cada vértice e as alças até obter uma forma que deseja. E pode levar um pouco de tempo porque essa boca tem muito espaço. Parece muito engraçado. Isso é bom para agora. E vamos apenas quadro-chave aquilo que é. Vamos copiar o primeiro, sorrindo e colá-lo. E isso só mostrará como a boca dele pode se mover. É muito estranho, mas só para fins de demonstração, para realmente meio fofo. Vamos copiá-los e colá-los no final aleatoriamente. Assim como eles se movem. Vamos ver como ele se parece. E vamos excluir esses primeiros porque isso vai fazer um loop. Tudo bem? O círculo não é perfeito, mas você tem a ideia. E você pode fazer a mesma coisa com as sobrancelhas, se quiser. Eu acho que você estaria q para as sobrancelhas estavam levantando enquanto seus quadris balançam pelos braços. Então, vamos encontrar nossa navegação. E se você abrir, verá que há dois grupos diferentes. Um deles é para a morte esquerda uma vez para o olho direito. E vamos para o caminho de cada grupo. Abra-os, clique em um quadro-chave para cada um e, em seguida, vá 10 quadros para frente. E vamos fazê-lo para que as sobrancelhas estejam levantando. Então vá para o vértice V. E vamos movê-los para cima. Então parece que eles estão aumentando. Isso funciona. Copie e cole. Vamos sair. Está passando, voltando, sobrancelha de volta para baixo. E queremos que as sobrancelhas dele fiquem abaixadas e digam que ele vai até aqui. Então, vamos mover esse quadro-chave para cá para cima. Vamos copiar esse quadro-chave e colocá-lo aqui. E então isso vai aguentar enquanto estiver lá e depois voltar para cima. Tudo bem, e depois volte aqui. Então, vamos copiar esse quadro-chave para baixo e colá-lo aqui e depois deixá-lo lá. É realmente sutil, mas apenas mostrando como animar as sobrancelhas, se quiser. Tudo bem, e acabamos de animar nosso personagem. Você pode fazer a mesma coisa para o outro cara bar se quiser ou você pode deixá-lo sem movimento do IRA. Mas acabamos de animar o personagem até agora. Tudo bem, a última coisa que vou fazer é antecedentes. Eu realmente não quero um fundo branco. Então, vou adicionar um gradiente ao plano de fundo. Então vou para o painel Efeitos e vou digitar gradiente. E vamos apenas adicionar um gradiente a esse sólido. Tudo bem, eu não gosto dessas cores, mas podemos mudá-las se quisermos ter isso. Top. Opa. Isso foi errado? Vamos fazer com que esta seja essa cor também. E então vamos fazer com que o rosa seja o azul escuro. E para mover a mistura, basta mover isso. Eu quero isso realmente misturado. Talvez azul seja a cor errada por causa de sua camisa. Vamos mudá-lo para vermelho. E você pode escolher o plano de fundo que quiser. E esses pequenos círculos permitirão que você se misture como quiser cegar seu gradiente. Portanto, essa é uma boa maneira de encontrar um plano de fundo se você quiser criar o seu próprio. Então, a última coisa que vou fazer é aumentar meu personagem. A maneira mais difícil de fazer isso seria entrar em todas as camadas e ampliá-la. A maneira fácil de fazer isso é criar um objeto nulo e pai de todas as suas camadas para esse nulo para que ele aumente a escala. Ok, não vamos criar os traços faciais para o objeto nulo, apenas a cabeça, porque as feições faciais já são na cabeça e você pais na cabeça e você não pode criar uma camada para mais de uma camada. Então, vamos fazer isso indo para Layer New Null Object. Certo? Vamos arrastar esse nulo para o topo para que seja mais fácil ver. Vamos selecionar todas as nossas camadas, exceto as sobrancelhas, os olhos, a boca. Selecione a cabeça, os braços, todos os braços, a camisa. E você não seleciona as orelhas. Então você vai selecionar todos os objetos exceto as orelhas, as sobrancelhas e a boca. Certo? Pegue esta escolha chicoteie qualquer um deles e, em seguida, arraste-o para o nulo. Tudo bem, agora tudo o que você é, então você verá que toda a sua camada está além dos traços faciais, são parentes para o nulo. Então vá para sua camada nula, clique nela e pressione S no teclado para aumentar escala e arrastá-la para torná-la maior. E você verá que cada uma das suas camadas está ficando maior sem ter que escalar todos individualmente. E se você passar, verá que sua animação ainda funciona. Agora, a última coisa que precisamos fazer é cortar nossa área de trabalho para o comp para não queremos passar por aqui. Então, abrir seu controle deslizante ainda está aqui em três segundos. Arraste-o para dois segundos. E então vamos clicar com o botão direito nesse controle deslizante e aparar a composição para a área de trabalho. E você verá que ele limpa seu comp. Então, agora a única coisa que resta fazer é exportá-lo do After Effects e depois entrar no Photoshop e transformá-lo em um GIF. Se você quiser exportá-lo daqui e apenas usá-lo como está, você pode. Mas se você quiser fazer um loop, faremos isso no Photoshop. 11. Exportação como GIF: Então, a última coisa que precisamos fazer é exportar nosso GIF do After Effects e colocá-lo no Photoshop para que possamos fazer loop. Então, para exportá-lo para fora do After Effects ou bacia, basta garantir que nossa dança de composição seja selecionada uma palestra. E, em seguida, vamos para o Arquivo e depois Exportar e adicionar à fila do Adobe Media Encoder. Isso abrirá seu Media Encoder. Certifique-se de ter isso baixado se você não fizer isso. Vamos para onde diz GIF animado. Se não disser GIF animado, clique na seta para baixo e verifique se ele está selecionado GIF animado. E você verá onde ele diz Arquivo de saída. Clique nesse link e você pode escolher onde deseja que seu arquivo seja salvo. E, em seguida, aperte o botão de reprodução e ele renderizará sua animação. Agora vamos entrar no Photoshop. Então vá para o Photoshop e abra esse GIF para o Photoshop. Tudo bem, então estamos no Photoshop, vamos para Arquivo, Exportar, Exportar, salvar para Web Legacy. Quando estivermos lá, você pode ver que temos esses pequenos pontos. É porque estamos esticando demais a imagem. Então, vamos torná-lo um pouco menor. Vá para o tamanho da imagem e diminua pela metade para 540. E eles estão ligados. Então eles farão a mesma coisa e pressionarão Enter. E você verá esses pontos desaparecerem. Você quer ter certeza de que você tem 12, oito deserto verificados ou selecionados. E certifique-se de ter opções de Looping para sempre em vez de uma vez. Certo? E se você jogar isso, você verá que ele simplesmente volta uma e outra vez para sempre. Então, vamos parar com isso. Clique em Salvar, salve-o onde quiser. Diga dança, loop, JIF. E clique em Salvar novamente. Já tenho um, mas vamos substituí-lo. Tudo bem? E se você for e tiver o Geoff, que você pode jogar. Agora, isso é para você fazer o upload para as redes sociais. Então você vai entrar no Instagram ou TikTok ou em qualquer mídia social que você goste. 12. Obrigado: E chegamos ao final do copo. Obrigado pessoal por fazer o curso. Gostaria de perguntar que, se você tiver um minuto para ir em frente e revisar a aula, adoro ouvir seus comentários. Se você tiver alguma dúvida, sinta-se à vontade para perguntar a elas na seção de discussão deste curso. E também não se esqueça de publicar seus projetos na seção de projeto desta classe. Estou ansioso para ver o que todos criam. Obrigado novamente por fazer a aula. Todos cuidem.