Crie e anime sua primeira cena 2D

1. Introdução: Quer fazer seus designs se moverem , mas se sentir completamente perdido no After Effects? Ou talvez você queira começar uma carreira como animador, mas não sabe por onde começar Essa aula é para você. Olá, sou Ina e vou te ensinar como projetar e animar suas duas primeiras cenas em D, tudo no After Effects. Meu software favorito. A animação é uma habilidade em que vale particularmente a pena investir hoje, já que esse é um dos campos ainda não dominados pela IA, que ainda exige criatividade humana. Não se preocupe se você nunca fez isso antes. Se você conseguir desenhar um quadrado, estará pronto para animar. Eu vou te ajudar a projetar usando formas simples. Experimente o tempo e aplique alguns princípios fundamentais de animação para realmente fazer sua animação se destacar. No final, você tem seu próprio design de cena TD, animado do zero e exportado como um loop de Bo Jif e um vídeo MP4 que você pode compartilhar em suas redes sociais, em seu portfólio ou em seu site Mais importante ainda, você viverá com um conjunto de habilidades totalmente novo que poderá usar com confiança em todos os seus projetos futuros Em 2017, comecei o cache, meu próprio estúdio de animação e, desde então, minha equipe e eu trabalhamos em mais de 1.400 projetos explicadores de startups e anúncios para pequenas empresas até campanhas de grandes marcas e Nos últimos dois anos, tenho ensinado e orientado jovens animadores como você Com todas as informações disponíveis on-line atualmente, é fácil se sentir sobrecarregado e sem saber onde começar, porque, na verdade, há muitas informações E eu vejo estudantes lutando com isso o tempo todo. E é exatamente por isso que criei esse curso. Eu destilei tudo o que você realmente precisa para criar e animar uma cena em dois D no After Effects e incluí as principais ferramentas e técnicas que você realmente usa 90% do Essa aula é perfeita para animadores iniciantes e intermediários, mas também para designers gráficos e ilustradores que desejam levar seu design para o Também é ótimo para influenciadores, criadores de conteúdo e pessoas de redes sociais que desejam aprimorar seu jogo de conteúdo com algumas animações envolventes E a melhor parte é que não há configurações complicadas ou vários programas para aprender. Vamos mergulhar e fazer alguns móveis se moverem. 2. Orientações do curso: Bem-vindo à sua jornada de animação em duas dimensões. Ao final, você tem uma cena totalmente animada, sofás, gavetas, plantas todas em movimento, e cheias de personalidade Você cria uma pequena cena do zero no After Effects, e nós a daremos vida passo a passo. Eu preparei todos os ativos e arquivos para que você possa acompanhar. Mas não se preocupe se você nunca projetou ou animou antes. Tudo será projetado com formas simples, e eu vou mostrar como é fácil. Comece fazendo exatamente o que eu faço e não se preocupe com a perfeição. Quanto mais você praticar, mais natural se sentirá. Quando você se sentir confortável em acompanhar, experimente os quadros-chave sozinho Essa é a melhor maneira de realmente aprender as técnicas e começar a desenvolver seu próprio estilo. Para aproveitar ao máximo este curso, certifique-se de ter instalado o After effect 2023 ou uma versão mais recente O Adobe Media Encoder é opcional, mas útil para exportar vídeos sem problemas Apenas certifique-se de que o codificador mediano seja da mesma versão do After Effects Você concluiu sua animação, compartilhe-a na galeria do projeto e eu vou conferir seu trabalho e fornecer feedback personalizado para que você possa melhorar e se sentir confiante em suas habilidades. A cena que vamos animar juntos é inspirada em recursos simples e disponíveis gratuitamente Você vê como até mesmo formas básicas podem ser transformadas em algo animado e divertido Tudo bem, vamos começar. Pegue seus computadores, abra o After Effects e vamos começar a projetar e animar sua primeira cena de Sud, e mal posso esperar para ver o que você vai criar 3. Criando a gaveta: Hoje vamos começar projetando a gaveta noturna diretamente no After Effects Então, vamos entrar nisso. Vou começar criando uma nova composição. Vamos criar uma composição quadrada para essa. Então é 980 por 980. Eu criei uma composição com um atalho rápido. É como se fosse o Controle N. É a maneira mais rápida de criar uma composição Vamos mudar o nome da composição para principal. Essa será nossa composição principal. Antes de começarmos com a animação, normalmente gosto de escolher minha paleta de cores para a animação e garantir que as cores estejam exatamente como eu quero Para esta, vamos usar uma paleta plana, e eu já selecionei uma Há muitos sites diferentes que você pode usar para gerar uma paleta Para este, eu estava optando por algo muito plano, muito divertido e envolvente com cores brilhantes de contraste. Então é por isso que eu escolhi este. A paleta de limpeza, você pode vê-la aqui. Vou reduzi-lo um pouco e colocá-lo aqui no topo da minha composição. A próxima coisa que vou fazer é clicar com o botão direito do mouse e clicar em Guide Layer. Então, o que isso faz basicamente é fazer disso um guia em sua composição. Mas se você renderizar essa composição, não verá a camada-guia de jeito nenhum. Isso é apenas para ajudá-lo enquanto você está trabalhando nisso. Agora vou criar uma nova pré-composição com a gaveta noturna e desenhá-la a partir daí Vamos clicar em Control N novamente e vamos dar um nome a essa gaveta. Clique em OK. A propósito, quando você trabalha em objetos e deseja criar objetos no After Effects, é bom ter uma referência. Por exemplo, para este, usei uma ilustração de um ilustrador que encontrei on-line para o estilo de ilustração plana, mas para o design Mas então, para a gaveta, você pode escolher qualquer uma dessas opções, importá-la para o After Effects e começar a desenhar nela se não conseguir imaginá-la bem No meu caso, já tenho uma ideia clara do que quero, mas você pode fazer isso sozinho, se quiser. Então, vou começar adicionando uma forma retangular, que será a base da nossa gaveta E vamos segurar a tecla Shift para que você possa criar uma boa forma proporcional Eu acho que esse é bom. E vou copiar minha paleta de cores, como você pode ver, quando você cola, ela ainda é uma camada guia, o que é ótimo Então, para esta, vou realmente tentar usar essa capa, mas acho que será um pouco intensa demais. Então, eu quero que fique mais parecido com madeira. Então, vou escolher essa capa para o plano de fundo. Em seguida, vou desenhar a parte superior dessa gaveta, que é projetada com duas retangulares arredondadas Portanto, você pode ver essas opções se clicar e segurar as duas retangulares e simplesmente selecionar essa Vou adicionar uma forma aqui. OK. Eu acho que isso é bom. E há algumas coisas que precisamos fazer aqui. Em primeiro lugar, notei que há um traço branco ao redor da forma. Então, vamos remover isso, configurá-lo para zero pixels, e o mesmo aqui, vou fazer isso com zero pixels. Então, agora, eu gostaria que fosse mais redondo do que é Então, vou abrir essa nova camada em forma de camada que criei. Vou abrir o caminho retangular um e vou ajustar o arredondamento para cerca Vamos ver como isso funcionaria. Ok, agora, deixe-me ampliar um pouco e verificar se está alinhado corretamente Quero que saia um pouquinho da gaveta. Acho que isso talvez seja demais. Então, talvez vamos nos limitar a algo assim. E, se necessário, podemos, é claro, ajustar mais tarde. Então, agora eu ainda vou clicar na forma também. Mas, novamente, segure, clique e segure e selecione o retangular porque, agora, eu gostaria de criar outra forma que seja na verdade uma forma retangular reta Portanto, sem curvas e sem arredondamento. OK. Isso não está exatamente certo, então precisarei fazer alguns ajustes. Você pode isolar a camada clicando no pequeno ponto aqui E agora eu posso ver a forma completa. Eu acho que isso é um pouco pequeno demais. Então, o que eu vou fazer seria clicar em Y no meu teclado e mover o ponto de ancoragem por aqui E então eu vou arrastar esse ponto e movê-lo um pouco para baixo. Eu sinto que essa parte precisa ser mais larga e eu vou precisar voltar e contornar isso mais uma vez, eu acho. Vamos fazer com que seja 90%. Sim. Eu acho que isso é bom. Uh, você pode brincar com isso até ficar feliz com seu design. E então o que eu vou fazer seria copiar tudo isso e movê-lo para algum lugar por aqui. Agora, para o preenchimento, vou selecionar o preenchimento e torná-lo mais escuro, porque isso será meio que a sombra Gaveta R. Eu acho que está tudo bem. Acho que está tudo bem. Talvez precisemos ajustar as capas mais tarde. Agora, como você pode ver, isso meio que sai da gaveta R, então precisaremos fazer alguns ajustes Então eu acabei de mudar o ponto de ancoragem. Então você clica em Y no teclado e arrasta essa coisa até aqui. Para que você possa garantir que ele encolha do lado direito E deixe-me ampliar, fazer alguns pequenos ajustes aqui. Ok, acho que estamos bem. A próxima coisa que eu gostaria de fazer é criar a parte frontal disso. Então, vou clicar em Control D para duplicar essa forma. Novamente, clique em Y e altere o ponto de ancoragem para esse tipo de ponto direito Em seguida, clique em V para ativar a ferramenta de seleção. E você simplesmente reduz para algum lugar por aqui, eu acho. Em seguida, vamos ajustar o curso, só um pouquinho. Então, gostaríamos que essa parte fosse, na verdade um pêlo mais claro, porque essa é a frente E então a parte de trás é obviamente mais escura. Dito isso, precisaremos mudar esse tribunal também E isso cria alguns contrastes muito bons que eu realmente gosto Mas o que estou perdendo aqui é uma pequena sombra que fica por trás dessas camadas para que elas possam criar uma espécie de boa transição entre esses elementos que temos aqui. Então, vamos trabalhar com o que temos novamente. Basta clicar na primeira camada que criamos. Controle D para duplicá-lo, alterar o ponto de ancoragem, mas por aqui, diminua um pouco Então, para este tutorial e para todo esse curso, a ideia é que estejamos trabalhando com formas simples. Assim, você não precisa criar nada do zero, como formas complexas, movimentos de tipo líquido ou qualquer outra coisa. São apenas formas simples. E a razão pela qual eu quero fazer isso é porque cria um movimento plano muito bom, embora seja plano. Não precisa ser supercomplexo para estar frio. Se você não vê os moldes, precisa clicar no total dos modos de troca Mas se você os ver, tudo o que precisamos fazer é mudar o molde para multiplicar Ah, tudo bem. E não parece bom. Então isso foi só um teste. Obviamente, não parece bom. Então, o que precisamos fazer a seguir é mover isso para trás dessas camadas, porque não queremos que elas cubram nossa sombra. Isso não faz sentido. Vamos clicar em T no teclado, ou vamos abrir a opacidade abrindo a camada Então, vamos tentar mudar isso para 30%. E, sim, agora parece muito, muito, muito melhor, eu acho. Uma coisa em que ainda estou pensando é se devo ou não trocar essa capa por essa capa, faz muito mais sentido porque deveria ser o fundo da gaveta Então, sim, acho que estamos prontos para ir. O único 4. Desenhando a parte 2: Ok, agora é hora de projetar as gavetas reais. São muito simples. Então, vou clicar no retangular dois e desenhar uma forma retangular simples como Então, vamos mudar suas cores para um tom mais claro desse marrom. Vamos ver como isso parece. OK. OK. Acho que está tudo bem. E então vamos projetar outro retangular. Um pequeno que vai ser a alça. Então, vamos mudar o esfregão para branco. Ok, vamos lá. Eu acho que isso parece bom. Uma coisa que será muito útil quando você trabalha no After Effects é sempre alterar os pontos de ancoragem para que fiquem no centro, mesmo que você não use essas formas imediatamente A razão para isso é que, às vezes, quando você começa a animar e está com pressa ou já tem uma ideia criativa em mente, odeia mudar os pontos de ancoragem o tempo todo Portanto, é melhor estar preparado antes de começar sua animação real. E eu recomendaria conectá-lo. É do Sr. Horse, e é um plugin gratuito, chamado de ponto de ancoragem Mover Ao usar esse plug-in, você pode mover automaticamente o ponto de ancoragem do centro ou o que quiser na composição, economizando muito tempo Então, vamos fazer isso para que eu possa demonstrar. Basicamente, você, como esses dois tem seu motor de ponto de ancoragem aqui e apenas clica no centro Se você não tiver o movedor do ponto de ancoragem e não quiser instalá-lo, basta clicar em Y no teclado e ajustá-lo para que fique no centro Mas, como você pode ver, é muito mais fácil e rápido alterar os pontos de ancoragem O ponto de ancoragem é o local de onde cada ação está situada É uma espécie de âncora do elemento. Se movermos o ponto de ancoragem aqui, e eu quiser girá-lo, como você pode ver, ele gira a E se estiver no centro, giraria a partir do centro Nem sempre giramos a partir do centro. Nem sempre precisamos ter o ponto de ancoragem no centro, mas é melhor tê-lo no centro e depois alterá-lo conforme necessário durante a animação Na animação que tenho em mente, gostaria que essas gavetas abrissem e fechassem E será aí que todo esse elemento aparecerá. Então, todo o elemento aparece, e essas gavetas meio que se abrem e fecham E para fazer isso, vou precisar desenhar a parte da gaveta que é basicamente a aparência dela quando aberta E para fazer isso, eu gostaria de primeiro selecionar essas duas camadas, movê-las um pouco para a direita. E então eu vou duplicar o Controle D novamente e vou duplicar essa forma Vou trazê-lo até aqui, então essa será a parte de trás do carrinho E vou mudar sua cor para a capa marrom mais escura que usei como fundo Então, é assim que fica quando é aberto. Agora, como não quero que comece dessa forma, só queria ter certeza de que o projetei. Vou selecionar esses dois e apenas movê-los para onde estavam. Então, aqui. Agora é hora de nomear nossas camadas. Normalmente, nomeio minhas camadas no final, quando desenho tudo, mas não quero complicar Quero ter certeza de que tudo está organizado. Então, vamos começar. A forma como você nomeia suas camadas é clicar na camada, clicar em Enter e, em seguida, adicionar o nome. Então essa será a alça. A propósito, se você não quiser usar o mouse, se for preguiçoso como eu, basta clicar em Controle e na seta apontando para baixo Então essa é a gaveta. E esta é a parte de trás da gaveta. A próxima coisa que faremos seria copiar isso duas vezes, porque em nosso design original, tínhamos três gavetas Então, vamos copiar isso, selecionar todos eles. A propósito, a forma como estou selecionando todos eles é clicando em Controle e selecionando Controle D. Vou movê-los até aqui. E então teremos que copiá-lo novamente. Você pode simplesmente clicar em Control D para duplicar mais uma vez. E mova-o para cá. OK. Então esse é o design da nossa gaveta, e parece muito bom Se eu selecionar essas e as alças, deixe-me mostrar para você. Isso é algo que vamos mostrar animar nas próximas aulas. Então, sim, muito animado. A última coisa que eu gostaria de fazer é ser mãe Pai é onde você tem uma camada, mova com outra camada. Por exemplo, temos a alça aqui. Se formos pais e você puder criar o ícone de zero segurando este ícone de zero aqui e pudermos compará-lo à gaveta se eu trocar a gaveta, você pode ver que ela também muda, assim como se move com ela Vamos colocar rapidamente todas as alças nas gavetas. Em seguida, todas as camadas da gaveta, precisamos colocá-las na frente Ok, e as duas sombras. Portanto, todo esse elemento aqui e a sombra abaixo dele também precisam estar relacionados à camada frontal E a frente precisa estar voltada para trás. OK. Então, a última coisa que vou fazer aqui é selecionar todos esses elementos do remador Clique neste pequeno ícone azul que você vê aqui e altere-o para rosa ou qualquer cor que você queira usar para isso. A razão pela qual estou fazendo isso é porque quero separar esses elementos , pois será mais fácil animá-los mais tarde Foi isso que aconteceu nesta aula. Nos vemos na próxima, em que projetaremos o sofá 5. Projetando a cadeira do treinador: Desta vez, você deve ter o design da gaveta no After Effects com formas, e hoje vamos começar a desenhar o sofá Se você é iniciante, eu recomendo fortemente que você trabalhe com referências, especialmente se você ainda não tem experiência em desenho ou animação Portanto, há algumas referências que encontrei online. Essa é boa, embora nosso sofá pareça um pouco diferente no design original Então, se você quiser, você pode acompanhar o que eu faço e depois aplicá-lo com seu design e sua referência mais tarde. Então, vamos começar criando uma nova composição novamente, então Controle N, e vamos chamar isso de sofá Nosso tamanho deve ser 1080 por 1080. E então clicamos em OK. mesmo que uma placa, vamos copiar nossas cores porque vamos usar a cor roxa desta Vamos começar o sinal adicionando uma régua. O que isso faz é nos dar algumas diretrizes sobre as proporções. Então, em seu After Effects, basta clicar neste pequeno ícone aqui e depois clicar em Rulers. Você vê essas coisas surgirem ao redor dela como uma régua, e você pode simplesmente pegar uma da parte superior e arrastá-la até aqui Então, o plano de fundo agora, a propósito, é transparente. Eu só machuco meus olhos um pouco. Então, vou obter total transparência clicando aqui para ver um fundo preto. E vou começar desenhando uma forma roxa simples, que será a parte de trás ou o tipo de pernas do sofá Lembre-se de que estamos fazendo isso ao vivo, então pode haver alguns ajustes posteriormente, mas vamos ver como funciona e a partir daí. Eu mencionei da última vez sobre o motor do ponto de ancoragem. Se você não tiver, você pode baixá-lo. Mas desta vez, vou mudar o ponto de ancoragem para ficar no topo, e você verá o porquê um pouco mais tarde Portanto, a tampa de combustível foi salva do nosso design anterior. Vou mudá-lo para o roxo que decidimos usar neste tutorial. E vou duplicar essa camada clicando em Control D, alterando um pouco o ponto de ancoragem Na verdade, desculpe, vamos mudar para ficar à esquerda. E eu vou embrulhar isso e movê-lo provavelmente para cá. Então essa será a nossa sombra. Lembre-se de que estamos seguindo o mesmo estilo para cada elemento. Então, deixe-me torná-lo um pouco mais sombrio. Ok, eu acho que está tudo bem. O que eu não gosto, porém, é que acho que isso é um pouco curto demais. Ok, então vamos fazer alguns ajustes bem rápidos. Na sombra, vou criá-la segurando o ícone zero nessa forma aqui, alterando o ponto de ancoragem para que fique no centro e apenas estendendo-o um pouco, escalando-o um pouco Ok, acho que está bom agora. Vou apenas mover um pouco as cores e podemos ajustá-las. Podemos ajustá-lo mais tarde. Talvez eu precise ser mais alto, olhando a referência agora Ok, então para a parte central, que na verdade é o assento, vamos fazer um atalho muito rápido Vamos copiar esses elementos aqui. E cole-os aqui. Na verdade, isso não é realmente um erro. Não considero isso um erro porque queremos garantir que os elementos sigam o mesmo estilo por toda parte. Portanto, se você tiver cantos arredondados em um elemento, é melhor ter os mesmos cantos arredondados e os outros elementos, para que fiquem bem juntos. Vamos mover essa coisa por aqui. Vamos mudar o ponto de ancoragem e aumentá-lo um pouco. Esse será o nosso assento. Uma coisa que eu não gosto aqui é essa forma. Então é uma espécie de elipse. Eu não, eu não gosto que seja uma elipse. Vou clicar duas vezes nisso. E basta criar uma nova elipse ou será um círculo desta vez, não uma Estou no turno. Novamente, para garantir que eu crie uma forma proporcional. E eu vou isolar isso e isolar aquilo. E sim, vejo que isso não está exatamente certo. Mova o ponto de ancoragem no centro e ajuste-o para que pareça uma extensão desse elemento Vamos mudar a cor para a mesma cor desta. Muito tarde, vou mudar para roxo, e vejo que essa parte aqui não está bem. Então, vamos reduzir um pouco. Então, parece melhor. Ok, eu acho que isso é perfeito agora. Uma coisa que falta é que ele precisa ficar mais para a direita, então vou deixar esse assento mais alto Ajuste o círculo novamente. Acho que isso parece bom. Vou estender o retangular para ficar algo assim Sim. E agora vamos selecionar esses dois elementos e duplicá-los. E mude-os para que estejam por aqui. Agora vamos mudar o curso porque eu mal consigo ver nada Isso precisa ser nosso roxo. Não se preocupe, adicionaremos uma sombra mais tarde. Troque esse esconderijo novamente e mude isso para o esconderijo mais escuro aqui, mais escuro aqui mesmo da última vez, basta copiar, basta selecionar isso e estendê-lo em algum lugar por aqui. Então você não vê nenhum ângulo. Ajustando ligeiramente a posição agora. OK. Agora é hora de adicionar a sombra, duplicar a base, movê-la para cima, alterar o ponto de ancoragem na E por causa da régua, eu só preciso mudar um pouco a régua e fazê-la morrer OK. Mude o esconderijo para um pouco mais escuro do que o que tínhamos aqui para a sombra. OK. Mova-o para baixo do assento. Onde está o assento? por isso que você precisa nomear suas camadas. E nós vamos fazer isso depois. OK. Então, agora vamos mudar isso para multiplicar. Não parece bom. Altere a opacidade, da mesma forma que fizemos da última vez, tecla curta, T no teclado 25%, eu acho que seria melhor. Nesse caso, sim. 6. Finalizando o desenho do treinador: Então, agora é hora de projetar a parte de trás do sofá. E isso servirá de base, e então vamos desenhar os travesseiros Mas primeiro, vamos projetar a parte traseira. O que eu vou fazer seria clicar no retangular arredondado também, porque eu quero criar retangulares arredondados desta E vou criar uma coisa muito básica por enquanto, como você pode ver, não organizada, não parece muito boa, mas tudo bem. Vamos consertá-lo agora. Então, vamos movê-lo para cá. Ok, e agora é hora de decidir quanto tempo nosso sofá vai Acho que isso é um pouco demais. Então, eu vou movê-lo para baixo. Imagine que teremos travesseiros arredondados aqui, travesseiros arredondados aqui, ajuste-os como achar melhor Acho que, por enquanto, essa forma está bem, aliás, tenha em mente que essa é a forma da sombra. Haverá outra forma chegando em um segundo. Mas sim, acho que está tudo bem. Vamos abri-lo e, novamente, mudar o redondo para o redondo que realmente estará visível aqui mudar o redondo para o redondo que realmente estará visível aqui. Eu acho que está tudo bem. No meu caso, isso é 94. Veremos mais tarde se precisamos ajustá-lo ou fazer alguma alteração nele. Vamos duplicar isso, mudar o ponto de ancoragem novamente e escalá-lo assim, eu acho Para este, eu quero que seja um tom mais claro. OK. Isso é bom. Em seguida, vamos desenhar um pequeno enfeite aqui. Essa coisa vai ser igual a essa e, portanto, vou apenas copiar o círculo. Onde está? Mova-o aqui. Mude sua cor. Certifique-se de que o ponto de ancoragem esteja no centro e o que queremos fazer é pegar uma régua, colocá-la no mesmo nível da sombra dessa forma e precisaremos movê-la um pouco para a esquerda Você vai ver o porquê em alguns segundos. Agora, eu vejo esse triângulo vazio que eu não gosto. Vamos sentir isso rapidamente com a forma. OK. Vou remover a régua por enquanto porque não preciso dela A outra coisa que eu gostaria de fazer é tornar esse ângulo reto, não curvo assim, porque acho que vai ficar melhor com o design geral Então, vamos apenas duplicar isso. Abra o retangular e o caminho um, mude deste para zero Mova-o um pouco e coloque-o lá em cima. Agora, como eu mudei lá, agora você pode ver que essa forma arredondada também não mudou. Então, vou criar uma máscara. Vou clicar nos dois retangulares como se estivesse desenhando uma forma Mas desta vez, vou clicar nesse pequeno ícone aqui. O que isso faz é usar seu retangular para criar uma máscara e criar uma forma Então, deixe-me clicar nisso e colocar uma pequena forma em algum lugar aqui para encobri-la. Alguns pequenos ajustes são necessários. Uma última coisa que precisaremos para o encosto deste sofá é criar uma sombra Para essa sombra, eu realmente vou fazer algo diferente porque eu gostaria de ter essa parte, a parte superior dela, com uma pequena sombra nela. E isso é criado usando duas formas, essas duas. Vamos apenas selecionar esses dois. Certificando-se de que seja apenas a parte leve. Duplique-os. Clique com o botão direito do mouse e clique em pré-composição, isso criará uma Vamos ligar de volta. Bolsa. B. Aqui vamos nós. Isso será apenas para a máscara, clique nas duas retangulares novamente, desenhe uma Assim. E no painel Efeitos, pesquise por preenchimento, aplique o efeito de preenchimento, copie isso aqui. Mas clique na opacidade T e torne-a em 30% Vamos ver como isso parece. Ok, ou talvez um pouco mais. Ok, talvez 40%. 40% está bem. Não precisamos fazer com que ela se multiplique aqui porque literalmente não há camadas por trás dela sem cobertura Então, acho que estamos prontos para ir. E a última coisa que faremos será desenhar os travesseiros Antes disso, certifique-se de salvar seu projeto. Clique nos dois retangulares e desenhe uma pequena forma como esta Mude o ponto de ancoragem , como sempre, para ficar no centro e desenhe um pequeno círculo Agora, vamos isolar esses dois. Está bem? E a razão pela qual estou criando um círculo é porque quero ter esse tipo de forma bonita que estamos usando em toda a animação. Está bem? Isso parece bom. E agora vamos duplicar isso, trazê-lo para a frente e torná-lo mais escuro Vamos mudar isso para o mais claro, mas dar uma forma e tom um pouco mais claros . Ok, isso precisa ser o mesmo pêlo, e esses podem ser esse pau ou manteiga, isso é perfeito Perfeito. Parece muito bom. Esse é o nosso travesseiro Vamos selecionar esses elementos, duplicá-los, trazê-los para cima, movê-los aqui e trazê-los para baixo Estamos prontos com o sofá. A última coisa que queremos fazer é, como sempre, nomear nossas camadas e cobri-las de forma diferente, para que você possa ter certeza de encontrá-las mais tarde. Ok, estou pronto. Cada camada tem um nome agora. Primeiro, deixe-me circulá-los e depois vou cuidar deles. Então OD, então os travesseiros ficariam vermelhos. E isso é outro travesseiro. Cada elemento relacionado ao assento, como o encosto, na verdade, do sofá, que estou selecionando e depois vou isolar para ter certeza de que são todos a mesma coisa Tudo isso vai ser amarelo. O conjunto será azul aquático e, em seguida, todos esses elementos que serão rosa Ok, perfeito. Agora, vamos colocar esses dois círculos dos travesseiros na forma principal, assim como Arraste e solte aqui. Todos esses elementos serão associados a este. A primeira camada que criamos para as costas. Aí está. Os travesseiros, os círculos do travesseiro serão conectados novamente ao retangular A semente, todas as camadas de sementes, serão criadas para esta ou para a forma retangular A sombra precisa ser associada novamente a esta, a principal Então, isso já está relacionado a isso, e ao travesseiro. Então, as poucas camadas que estão sem um pai, e você pode ver que aqui estão essas, na verdade. Essas são as camadas principais que vamos animar. Essa é a parte inferior dela. Esse é o assento. Esses são os travesseiros, e essa será a parte de trás Todo o resto será ajustado ou não será animado. Só virá dessas partes, e nosso sofá está pronto 7. Composição do mobiliário: Todos, e bem-vindos de volta à próxima lição. Então, agora, devemos ter o sofá e a gaveta já Antes de começarmos a projetar a lâmpada, gostaria de examinar os itens existentes que já temos. Então esse é o sofá e a gaveta. A razão pela qual quero adicionar isso em uma cena é porque quero ver o tamanho da nossa lâmpada e o tamanho que precisamos torná-la para equilibrar toda a composição. Ok, então essa foi a composição original que eu criei em uma das primeiras aulas. Essa composição, apenas um lembrete rápido, é chamada de composição mínima. É aqui que todos esses objetos serão animados, e é 1080 por 1080, então quadrado Vou começar adicionando uma camada para o plano de fundo. Eu gostaria que fosse uma das cores da nossa paleta de cores, mas para combinar com o resto dos itens que já criamos, vou torná-la uma cor azul clara E o que eu fiz foi clicar em Control e Y para poder criar uma camada sólida. A camada sólida também pode ser criada clicando em camada nova e depois em sólido. OK. Agora, deixe-me trazê-lo até aqui para que eu ainda possa ver minha camada-guia com as capas. E eu vou realmente movê-los um pouco. Sim, vou movê-los para cá. Então, o que temos aqui? Primeiro, temos a gaveta. Aqui vamos nós. E o sofá. Isso já foi projetado. A primeira coisa que normalmente faço quando inicio um projeto é clicar nesse pequeno ícone de sol toda vez que começo, como uma animação. Discutimos isso da última vez, então deixe-me fazer isso rapidamente. Já é meio que um hábito para mim. Então, eu sempre faço isso. Deixe-me escalar este sofá para cerca de Não, 50% é muito pequeno. Acho que vou escolher algo em torno de 75%, o que acho bom. E eu vou trazê-lo até aqui para que eu ainda possa ver minha gaveta Para a gaveta, deixe-me escalar isso para 75% aproximadamente. E mova-o para cá, bem ao lado do sofá, algo assim Agora, na verdade, acho que vou torná-lo um pouco menor. Vou fazer com que seja 65% e movê-lo para cá. Ok, vou mover a gaveta um pouco para a esquerda porque teremos outro item aqui que será a farinha E eu vou controlar D, duplicar essa gaveta, colocá-la para trás do sofá e adicioná-la Então, eu vou fazer algo muito rapidamente. Vou traçar uma linha aqui. E eu vou mudar o traço para cinco pontos. E vamos mudar o casco para um pêlo roxo escuro. Tão mais escuro do que o que temos no sofá. Sim, acho que está tudo bem. Essa linha é nossa base, e acho que ela coroa todo o design. Essa linha é nossa base, e acho que ela coroa todo o design Isso é, novamente, uma preferência pessoal. Se você quiser adicionar ou dar um golpe, você também pode fazer isso, talvez oito. Sim. Acho que oito é bom. E outra coisa que eu gostaria de fazer é torná-lo arredondado. E como você faz isso é dando forma de coco, traçando e, em seguida, alterando a linha do copo e a junta da linha para copo redondo, junta redonda. E agora nossas juntas estão arredondadas, o que é ótimo. Acho que pessoalmente prefiro isso. 8. Projetando a luminária: Ok, agora que temos a composição com esses três elementos que já projetamos, é hora de projetar a lâmpada e vamos começar, é claro, criando uma nova composição. Portanto, controle N para uma nova composição, altere o nome para lâmpada. E o que vamos fazer agora é realmente importar uma das gavetas que projetamos anteriormente E isso é porque eu quero ver o tamanho da lâmpada. Então, o que eu fiz foi, se você tiver sua composição aqui aberta, basta clicar com o botão direito em Revisar. Este, Revise a composição no projeto, encontre seu projeto aqui, arraste-o e solte-o aqui, mova-o um pouco para baixo e clique novamente no ícone do sol. E então vamos ver. Acho que nossa lâmpada precisa estar no máximo aqui. Então, vamos clicar em nossas réguas. Adicione um aqui e, em seguida, adicione um, acho que em algum lugar por aqui. Sim, acho que está tudo bem. Agora podemos excluir a gaveta porque não precisamos mais dela e vamos começar a desenhar nossa lâmpada A primeira coisa que vamos projetar seria na base dela. Para a base, vou projetar algo assim. Ok. Vou me certificar de que, com o motor do ponto de ancoragem, meu ponto de ancoragem está no centro e, em seguida, gostaria de remover o Portanto, certifique-se de que seja zero. E para o preenchimento, vamos criar um pouco de cor marrom para usar em nossa base. Sim, eu acho que isso é bom. Em seguida, eu gostaria de realmente cortar isso. Então, eu gostaria de ter essa parte logo acima da linha. Então, vou segurar, clicar e clicar nos dois retangulares Depois, vou me certificar de clicar nesse ícone, o que me permitirá criar uma máscara em vez de uma forma diferente. Ok, e terminamos com a forma. Agora, do meio, haverá uma linha reta. Essa linha vai do meio da base que acabamos de criar até o topo da lâmpada. Ok. Deixe-me clicar, verificar se o ponto de ancoragem está no centro, vou selecionar esses dois e gostaria de centralizá-los. Então, com a opção de alinhamento, e a propósito, se você não vê o painel de alinhamento, o que você pode fazer é clicar no Windows, pesquisar uma linha e trazê-la aqui ou o que quiser Então, vou alterar o alinhamento das camadas com a composição e, em seguida, vou clicar nesse ícone Então, como você pode ver agora, nossa linha reta está bem no centro. Então, vamos seguir em frente. Eu vou desenhar mais uma forma. Essa será uma cor marrom mais escura. E essa forma de cor marrom escuro será apenas para alguns detalhes interessantes. Na verdade, acho que isso é muito arredondado. Então, deixe-me reduzir o arredondamento para dez. Está bem? Eu acho que isso parece bom. E vou colocá-lo acima da linha, mas abaixo da base. Então, a base estará aqui. Olhando para isso agora, acho que gostaria de movê-lo um pouco. Sim, isso é algo como uma alça. Sim. Estamos decidindo agora. Ok, agora vamos criar a parte superior da lâmpada. Para isso, vou usar o Pentool e aqui está como vamos fazer isso É como uma forma de triângulo com uma linha reta aqui e alguns detalhes aqui. Vamos começar nossa forma aqui e aqui, a propósito, estou segurando a tecla Shift para ter certeza de que estou fazendo uma linha reta em vez de linhas curvas. Então eu vou liberar o Shift para que eu possa criar aros Forma diferente, traga, eu acho, algum lugar aqui, depois desenhe uma linha reta novamente e conecte-a de volta aqui. Então, algo parecido com isso. Ok, talvez precisemos ajustá-lo um pouco. Quero ter certeza que esse triângulo tem uma forma reta, caso contrário, você ficará muito estranho com nossos outros itens Ok, então certifique-se de que o ponto de ancoragem esteja no centro, alinhe-o Agora temos um triângulo reto para a lâmpada. Vamos removê-los porque não precisamos mais deles. Isso foi só para referência. Vou remover as réguas e gostaria de mudar essa capa de campo para esbranquiçada, eu diria Então, sim, esbranquiçado. Então, olhando para isso agora, acho que gostaria de estender isso para que apareça um pouco no topo. Só uma preferência pessoal. Na verdade, deixe-me remover essa régua dois porque ela está atrapalhando meu caminho Perfeito. E agora vamos criar mais uma forma que está logo acima aqui. Vou duplicar este, movê-lo aqui e movê-lo aqui. Sim, ótimo. Na verdade, vamos mudar um pouco sua escala. Sim Sim, acho que isso parece bom. Parece bom. É apenas mais um detalhe da lâmpada. seguir, o que eu gostaria de fazer seriam essas pequenas coisas que seriam uma espécie de decoração da lâmpada. E esses são pequenos detalhes, mas fazem com que o design pareça melhor. Então, no meu caso, eu gostaria de desenhar alguns círculos. Não é um círculo reto. Não acho que um círculo reto sirva. Então, desenhe como uma elipse, mova o ponto de ancoragem para fora do centro, é claro, e mova-o Está bem? Eu não quero ver um ângulo. Essa é a questão. Eu não quero ver esse ângulo. Então duplique isso e mova para cá. Ok. Agora, selecione os dois últimos, duplique-os, mova-os aqui. Vou acelerar um pouco e vou fazer o resto, seguindo a mesma lógica. Agora, para minha parte favorita, vamos nomear as camadas e movê-las. Vou acelerar isso porque você já sabe como fazer isso nas lições anteriores e vou te ver em alguns segundos. Ok. Agora vamos fazer algumas alterações nas cores dessas camadas. Todos os detalhes da lâmpada, assim como a parte branca aqui, serão vermelhos. Este será porque são como detalhes. Ambos, como o detalhe superior e o detalhe inferior, eles ficarão amarelos, e então eu vou deixar a base e a linha, assim como a capa padrão. E para os pais, vamos criar todos esses detalhes da lâmpada com a parte branca, como esta parte, e o resto pode ficar como está, porque em nossas próximas aulas, vamos animá-los separadamente É por isso que eu não quero que eles sejam pais de mais nada. Foi isso por hoje. Eu vou ver você daqui a pouco no próximo tutorial, onde vamos projetar o próximo elemento. 9. Como desenhar a flor: Voltem, pessoal, hoje vamos continuar projetando o After Effects novamente com formas simples. Mas desta vez, vamos projetar o próximo elemento, que é a farinha. Vou começar de novo criando uma nova composição. O nome da composição desta vez será flor. Vou manter isso de 1080 por 1080. Vou clicar em Ok e, como da última vez, vou adicionar meu sofá aqui, encontrar meu sofá aqui na parte superior e vou reduzir a escala para 75, que é como estava na animação original E vou me certificar de que tenho minhas réguas. Vou trazer um aqui. Outro, eu acho, em algum lugar por aqui, que é onde minha flor precisará terminar, como o desenho dela. Vamos remover o sofá agora, totalizar a grade de transparência para que eu possa ver meu fundo totalmente preto E vamos começar projetando o pequeno pote. Vamos clicar na calça porque não é uma forma muito simples que vamos desenhar desta vez E vamos adicionar um ponto aqui, segurar a tecla Shift para que você possa criar uma linha reta e, opa, algo aconteceu com esse ponto, vamos ampliar Ok, Pento boom, boom. Sim, em algum lugar por aqui. E vamos adicionar um aqui, um turno de espera aqui. Se precisar ajustar um ponto, basta clicar em V e derrubar o cachorro. E acabou aqui. Mas eu quero que fique mais alto. Então parece mais um pote como esse. Novamente, isso não está centralizado, então eu quero fazer com que a parte esquerda seja igual à parte direita A maneira idiota e idiota de fazer isso seria desenhar uma régua aqui em um pequeno formato. O atalho aqui é G Pegue esse ponto e mova-o aqui. Ok, vamos remover as camadas de guia por enquanto. ponto de ancoragem deve estar no centro como sempre, e remover as réguas Agora, para equilibrar o design, vamos usar as mesmas cores que usamos para a lâmpada para alguns dos elementos da lâmpada. Deixe-me encontrar minha lâmpada que criamos da última vez. É esse. Encontrei a composição, clique com o botão direito do mouse em Revisar composição no projeto. Volte para nossa flor, traga-a até aqui. Como agora, olhando para a lâmpada, acho que ela precisa ser mais leve. Então, vamos usar uma cor mais clara aqui para que possamos criar um bom contraste na lâmpada. E vamos voltar e pegar esse fio e usar a mesma cor do pote Por enquanto, vou manter isso aqui porque provavelmente vou fazer mais cursos sobre isso mais tarde Agora, eu gostaria de criar uma forma retangular simples, selecionar essas duas formas, ir para seleção e clicar em alinhar Agora, vamos mudar essa cor. Eu gostaria que fosse realmente uma cor mais clara do que essa. Então eu vou pegar o volante e movê-lo para cá Sim, acho que está tudo bem. Agora vamos criar um pouco de terra por dentro. Super simples, desenhe uma pequena elipse, assim, sim, mova-a na parte inferior dela, e para o solo, vamos usar o mesmo marrom que temos na lâmpada Ok, agora a parte divertida dos galhos e depois das folhas. Super simples novamente, basta pegar a caneta para adicionar um ponto aqui Mantendo o turno um aqui, outro aqui. Remova, então clique em preencher, remova o preenchimento e adicione um traço de cinco Em seguida, altere a capa do traçado para verde. Na verdade, a cor do rolo, vamos trazê-la para três Acho que vai ser melhor. Agora, vamos mover isso aqui na parte inferior e, no entanto, adicionar mais ramificações em uma camada diferente . Isso será muito importante. Se você tiver clicado em sua camada agora e começar a desenhar outras formas, você criará formas diferentes dentro da mesma camada O que queremos fazer é garantir que não tenhamos nenhuma camada selecionada. Basta clicar aqui ou algum espaço vazio no projeto e começar a desenhar novamente. Vou adicionar um aqui. E, a propósito, como você já criou isso antes, como o traçado e a capa, na próxima vez que criar mais itens, ela terá automaticamente a mesma capa e estilo da anterior. Ok, vou criar mais um aqui. Agora, para as folhas, vamos criar um ponto aqui e um ponto aqui. Mas no minuto em que clicarmos no último ponto, vamos segurá-lo e estendê-lo um pouco assim. Depois é só clicar no primeiro ponto para que eles possam finalizar toda a composição. Eu vou sim, só um pouquinho. E para isso, eu gostaria de remover o traço. Portanto, o traçado deve ser zero e o preenchimento deve ser um tom de verde. Adicione mais dois pontos aqui no centro, faça-os e estenda-os um pouco Depende do tipo de folha que você gostaria de desenhar. Mas para torná-la mais parecida com uma folha, gostaria de ajustar a forma para algo assim. Ok, eu acho isso ótimo. E agora basta adicionar uma pequena linha que vai daqui. Para ouvir e ouvir novamente, segure e ajuste assim. Agora, para este, basta remover o preenchimento de uma só vez. Não, isso é demais. Basta pegar a mesma capa da folha e deixá-la um pouco mais escura, algo assim Preferência pessoal, se você quiser manter sua folha assim, está perfeitamente bem. Ou a outra maneira de fazer isso é simplesmente estender essa linha um pouco assim. Hum, eu pessoalmente prefiro da maneira anterior, então eu acho que essa é ótima. Para o ponto de ancoragem, vamos movê-lo aqui porque é de onde ele será animado aqui E, por enquanto, vamos transformar essa linha que criamos na forma principal da folha. Vou clicar em R no teclado e girá-lo um pouco, depois diminuí-lo. A próxima coisa que vou fazer, e vou acelerar essa parte, é duplicar essa folha e adicioná-la em todos os lugares Ah, ok, agora que desenhei todas as minhas folhas, vou mudar suas cores um pouquinho para que tenham uma aparência melhor. Se existe algo parecido com uma regra, eu diria, e não existe uma, eu diria que tente misturar o mais claro com escuro lado a lado para criar esse bom contraste Ok, agora que temos o desenho da flor, vou nomear as camadas e espalhá-las novamente. Então, eu vou acelerar isso. Ok, eu tenho todas as minhas camadas nomeadas, e agora vamos resfriá-las. E estamos prontos com o desenho da flor. 10. Como desenhar o gato: Olá, e bem-vindos aos novos caras da Lesson. Em primeiro lugar, antes de começarmos, queria me desculpar porque meus cachorros estão ficando loucos ao fundo Então, se você ouvir ruídos estranhos, não sou eu. Só que agora é uma brincadeira para eles. Na lição de hoje, continuaremos criando o After Effects. Mas desta vez, vamos projetar o gatinho que vamos adicionar ao design. Na verdade, esse gato foi adicionado depois que eu revisei toda a animação, e eu fiquei tipo, algo está faltando lá. E embora eu goste de cachorros, como você pode ver, decidi que um gato seria uma boa adição à nossa cena, para dar mais vida e apenas adicionar mais personalidade a ela. Esse é um design um pouco mais complexo, não supercomplexo, mas ainda assim, não contém apenas formas simples círculos e retangulares simples Então, por causa disso, entrei na Internet, deixe-me mostrar para você. E eu encontrei algumas poses estranhas diferentes de gatos dormindo. Como se minha busca fosse estranha. Diz gato mentindo. Mas de qualquer forma, achei esse que eu gosto muito, ok? Aqui está o cachorro. Ele está sentindo que há um gato que será animado agora, e vou baixá-lo e usá-lo como referência Por outro lado, encontrei esse vetor gratuito on-line do qual gosto muito do estilo. Então, vou usar isso como base para um V para uma ilustração vetorial. Então, vamos começar novamente criando uma nova composição, Control, e vou nomear esse conjunto. Então, a partir daí, vamos importar o que acabamos de baixar aqui. E adicione-o aqui como uma espécie de referência. Na verdade, isso vai estar no meio da minha composição. Você vai ver por que, em um segundo, eu vou rastreá-lo. E, novamente, desculpe por esse barulho. Eles serão feitos em apenas um segundo. Vou copiar esse vetor, que será incluído nos arquivos do seu projeto para que você possa importá-lo no After Effects ao fazer isso. E eu vou apenas colá-lo aqui. Estava isolado. Então, deixe-me remover isso e trazê-lo para algum lugar aqui. Então, vamos movê-lo para algum lugar como aqui. Por exemplo, acho que vai ser bom se alinhar com sim, isso é legal OK. De qualquer forma, então vamos começar. Isso, como eu disse, será um pouco mais desafiador, mas não é algo que não possamos fazer. Como gosto muito do pulso desse gato, o que vou fazer traçar a forma básica dele e começar pelo corpo. Tipo, por enquanto, eu não vou adicionar a cabeça. Você verá por que, em um segundo, essa será uma camada separada porque eu gostaria de animá-la posteriormente separadamente. Então, vamos clicar no Pentool e começar a desenhar nosso corpo Vou acelerar isso E nesta primeira parte, certifique-se de desenhar apenas o corpo. Você não precisa desenhar a cauda ou a cabeça. Essa é apenas a base. O que eu vejo na minha ilustração. O que eu vejo do meu traço é que há muitos ossos aqui, tipo, muitos pontos. Então, vou simplificar um pouco porque essa é, afinal de contas, uma ilustração simples de um gato, não muito detalhada e realista. Ok, então eu vejo que há um pequeno derrame. Isso foi por causa das folhas que criamos anteriormente. Então, vamos reduzi-lo a zero. Para encher o reservatório, por enquanto, vou usar algo assim, espécie de vaca semelhante à branca que usamos para a lâmpada, mas isso serve apenas como base por enquanto Provavelmente vamos ajustá-lo mais tarde. Para a cauda, vamos continuar com a cauda. Na verdade, vou desenhar um usando a caneta e apenas me certificar de que está curvado Dessa forma, teremos uma aparência melhor, mais caricatural Vamos remover o preenchimento e adicionar um traço grande. Vou ajustar minha forma um pouco assim. Sim. E nesse primeiro pensamento, vou movê-lo para cá e, claro, mudar a cor para essa estranha cor esbranquiçada Novamente, vamos fazer esses cantos arredondados. Vou abrir a forma, traçar, mudar a linha de copo em linha, junta redonda e taça redonda. A partir daí, vamos desenhar como a cabeça. Primeiro, vamos começar desenhando a cabeça sem as orelhas. Isso, mude a cobertura do campo para esta, e agora vamos adicionar as orelhas novamente em uma nova camada. Eu realmente gosto da aparência dessas orelhas. Então, em nosso design, vamos usar, clicar e segurar o córtex de conversão e arrastar este Perfeito. Mova o ponto de ancoragem aqui na parte inferior e controle D para duplicar R para girá-lo e apenas mova-o Ok, deixe-me mudar a forma clicando em G desta, porque um dos anos é meio que, uh, Sim. Porque o gato está dormindo, afinal de contas. Ok, isso é ótimo. Vamos adicionar seu pequeno prisioneiro de guerra aqui em um segundo Mas estamos prontos com a forma básica do gato. Vamos remover a referência, e isso é o que temos. Novamente, não estou gostando de algumas coisas aqui. A propósito, quando você está desenhando um desenho, você sempre começa com as formas básicas e, a partir daí, cria o rosto, cria as sombras e, é claro, melhora, faz com que pareça melhor Por enquanto, como essa é minha forma básica, é como se fosse nosso ponto de partida. E o que eu não gosto é que sinto que essa cabeça é muito pequena em comparação com o corpo dela. Isso é meio que, claro, eu sei que está rastreado, e também é, você sabe, o gato está dormindo, mas ainda assim gostamos de animação Assim, podemos exagerar um pouco as coisas para que pareçam melhores. Nesse caso, estou apenas selecionando as orelhas e vou emparelhá-las com a cabeça. Vamos clicar em Y no teclado mover um pouco o ponto de ancoragem e simplesmente matá-lo 11. Finalizando o design do gato.: Tudo bem, agora é hora de começar a adicionar alguns detalhes para que pareça ainda melhor Não é que pareça bom agora. De qualquer forma, então sim. Vou começar com a cabeça. Isso meio que me dará uma direção para o resto das partes do corpo. E por enquanto, eu escondo a imagem real. Vou usar esse arquivo vetorial porque realmente gosto do estilo dele e quero combiná-lo. Então, para o ouvido, na verdade, antes de fazermos isso, vamos nomear nossas camadas primeiro. Perfeito. Todas essas camadas agora são nomeadas. E vamos começar adicionando os detalhes. Primeiro, deixe-me duplicar isso aqui e eu vou codificar isso. E vou codificar isso aqui dentro de um ano Vamos reduzir a escala. Nosso ponto de ancoragem já está fixo. Então, vamos reduzi-lo e mudar sua cor de preenchimento para um cinza mais escuro, algo assim Tudo bem. Deixe-me ajustar a forma, na verdade, um pouco. Ele precisa seguir o mesmo formato do cabelo e isso também pode ser alterado um pouco. Eu sinto que é mais escuro, precisa ser mais claro, é muito escuro e cria muito contraste que eu não preciso E este ano, na verdade, talvez vejamos um pouco o ano. Vamos ver pela nossa referência, talvez assim. Novamente, como eu disse, precisamos exagerar um pouco as coisas. Na verdade, o ano precisa estar abaixo do cabelo e depois duplicá-lo, diminuí-lo, e eu vou mudar a forma dele apenas arrastando esse ponto até aqui Essa capa de campo será a mesma desta orelha e toda a orelha, por estar na parte de trás, precisará ser mais escura Ok, algo assim, não entre em extremos. Eu acho que isso é bom. Talvez até não precisemos dessa parte interna, mas vamos descobrir isso mais tarde. OK. Agora é hora de criar o rosto. Para isso, vou me certificar de que minhas orelhas estejam impressas na cabeça e sim, elas estão. Vou girar um pouco a cabeça para que eu possa ver apenas para endireitá-la, porque será mais fácil ver as camadas que vou criar Deixe-me isolar um pouco as orelhas e a cabeça e começarei desenhando os olhos Para os olhos, é claro, vamos usar a elipse para Tudo Dulcate e mais uma aqui. Então, novamente, como sempre, estamos começando com formas básicas a serem ajustadas posteriormente. Esses dois, vou mover o ponto de ancoragem no centro e percebo que os olhos precisam ser maiores Então eu acho que isso é bom. Eu realmente não gosto da forma arredondada do, então o que vou fazer seria convertê-lo em uma camada diferente que eu possa manipular O que quero dizer com isso é que o que eu posso fazer aqui seria escalá-lo para cima e para baixo, mover a posição, etc., mas não posso mudar a forma dela E os olhos não são como uma elipse reta. Então, vamos abrir o conteúdo, Elipse 1, Elipse path 1, clique com o botão direito do mouse e clique em Converter botão direito do mouse e clique em E isso permitirá que você manipule a forma e apenas crie a forma do gelo Ok, isso é definitivamente melhor. E a partir daqui, quero mudar a cor de preenchimento para branco. Apenas branco puro. OK. Na verdade, não é tão branco puro. Eu acho que isso é bom. E agora vamos adicionar a pupila dentro, que será enorme porque queremos criar um efeito mais caricatural E eu vou mudar a cor para um cinza escuro como esse. Então eu gostaria de mascará-lo por dentro. Então, como você pode ver, a pequena pupila aqui está saindo do olho Então, vamos duplicar nossa forma e trazê-la até aqui. Agora, vamos dar um nome a isso. Isso seria uma máscara para os olhos. Esse será o aluno. Agora, na verdade, isso será excluído porque, mais tarde, duplicarei isso Portanto, a pupila precisa ser mascarada novamente dentro dessa Então, vou clicar no companheiro de trilha. Se você não o vê, clique neste ícone aqui para poder estender suas ferramentas e vê-las. Veja o correto. Então clique aqui e clique em I Mask. OK. Portanto, nosso cuidador parece um pouco irritado. Nesse caso, já adicionamos a pupila, queremos mudar a forma e queremos que a pupila fique Se mudarmos a forma original, a outra, como a forma da máscara, não mudará. Então, aqui está um truque rápido para mim. Você abre o conteúdo, abre a elipse, abre o caminho um, arrasta esse ou tipo de ícone aqui e o solta na parte original da camada original Então, agora, se eu ajustar a forma, como você pode ver, a máscara está ajustando sua forma com a outra camada, que é muito, muito legal para casos como esse em que você precisa testá-la para vê-la E porque eu senti que o gato estava muito zangado, o que normalmente acontece com gatos de qualquer maneira, mas, sim, achei que poderia ser demais. Eu só queria ajustar isso. Então eu acho que, por enquanto, estamos bem com esse olho, mas, hum, eu esqueci de nomear isso, essa será a minha base Em seguida, basta duplicar todas as camadas conectadas ao I e garantir que a máscara I dois e a pupila dois estejam voltados para a base. Clique em S para abrir a escala e, a partir daqui, altere a escala para começar com menos, para invertê-la OK. OK. Eu acho que isso é bom. Agora vamos adicionar o nariz. O traço precisa ser um aqui porque eles não são tão grossos. Vou me certificar de que o ponto de ancoragem esteja aqui e seja duplicado Em seguida, selecione-o, duplique o t e conecte-os como se os emparelhasse com um deles E, novamente, faça a mesma coisa, escale e faça -100 e, em seguida, mova-a, sim Alguns ajustes que eu gostaria de fazer. Primeiro, esse traço, altere o traço para dois. Acho que é um pouco grosso demais para esse gato não parecer tão zangado. Vamos ajustar um pouco a forma do suporte. Vou adicionar uma camada extra que será suas bochechas Agora, vamos voltar e nomear nossas camadas. Ok, o nome está pronto, certifique-se de que todas essas camadas que acabamos criar estejam relacionadas ao cabelo. Agora, se você se lembra, giramos o cabelo para ver o desenho dele Então, vamos agora mudar a rotação de volta para zero. E mova-o para cá. OK. A cabeça do nosso pequeno cuidado está pronta. Agora é hora de adicionar alguns detalhes adicionais no design. Por exemplo, eu gostaria de adicionar um pequeno queixo aqui, mesmo que temos em nossa referência. Então, vamos lançar uma pequena linha. Tudo bem. Na verdade, eu gostaria de adicionar mais um aqui. Vou acelerar um pouco essa parte e verei você em alguns segundos com as sombras prontas Ok, então é aqui que eu estou. Adicionei a sombra, adicionei esses pequenos elementos e, na verdade, adicionei uma pequena perna aqui porque achei que isso fica melhor em nossa ilustração. Talvez eu o exclua mais tarde. Vamos ver. E a última coisa que eu gostaria de fazer é mover esse pequeno pi como aqui e adicionar algumas formas vindas daqui para aqui. Para ajudar a formar esse pequeno laço. E precisa estar atrás do corpo, é claro. E então esse é o design do nosso cuidado. Novamente, como eu disse, talvez precisemos fazer alguns ajustes ao importá-lo para a cena, mas isso é algo que faremos na próxima lição. Então, eu vou te ver em breve. 12. Composição final: Olá, pessoal, e bem-vindos à nova aula. Na última vez que projetamos o cuidado, e como estamos prontos com todos os designs da cena que vamos animar, hoje, trata-se de publicar alguns detalhes e preparar alguns ajustes finais antes de entrarmos Então, vamos entrar nisso. Aqui está o que temos até agora. Deixe-me abrir nossa composição principal. Devemos ter nossa gaveta, o sofá e a outra gaveta mais essa linha que serve Gostaríamos de adicionar a nova lâmpada que criamos primeiro. Então, vamos abrir a lâmpada, trazê-la até aqui, e ela será colocada neste pequeno armário aqui. E precisa estar embaixo do sofá e acima dessa gaveta. Então, tudo bem. Acho que isso é bom em termos de escala. O meu é oh, e o ícone do Sol. Novamente, como sempre. O meu é cerca de 60%, algo assim. Em seguida, precisamos adicionar nossa flor. Se você não consegue ver, basta procurá-lo. Isso precisa ser adicionado aqui. Deixe-me ver. Ok, eu sinto que precisamos torná-lo maior. Então, Suncon, deixe-me estender um pouco. Sim Eu acho que está tudo bem. Vamos subir. Aqui. Ok. Ok, ótimo. E agora, a parte divertida, vamos adicionar nosso gato. Ah, na verdade, deixe-me voltar nessa composição e esconder o vetor felino de antes. Ok, então esse é o nosso gatinho. Deixe-me reduzir a escala. E tudo bem. Sim Ok. Isso é ótimo. Então, sim, alguns ajustes que eu vejo. Em primeiro lugar, vamos abrir o atendimento. Algo que me incomoda é essa lacuna aqui. Isso realmente me incomoda. Então, vamos girar um pouco essa perna e garantir que elas estejam meio ou quase no mesmo tipo de nível Acho que isso parece melhor agora. A outra coisa que me incomoda um pouco é essa parte aqui. Eu acho que a forma é um pouco estranha. Então, deixe-me abrir o corpo. Acho que esse gato é enorme em comparação com os outros elementos. Então, isso é 33%, 25, neste caso. Ok, 25, traga isso aqui. E eu acho que aqui. Ok, perfeito. Mais alguns ajustes no sofá que acabei de ver. E então a outra coisa que eu gostaria de fazer é escalar esse travesseiro, copiar e colar aqui Ok, eu só preciso que eles sejam maiores, e acho que fica melhor. A outra coisa que realmente me incomoda é esse pequeno círculo aqui, porque você pode ver que esse círculo estava lá depois, e isso realmente me incomoda muito. Acho que estamos prontos com o design. Os retoques finais estão aí. Como se todos os elementos fossem projetados. Eles estão todos em camadas de forma no After Effects, o que é incrível. E para as próximas aulas, vamos começar a animá-las. Então, eu vou te ver em breve. 13. Animando a gaveta: Olá, pessoal, e bem-vindos a esta nova lição. Agora que temos tudo projetado no After Effects, é hora de começar a animar e dar vida a isso Para aqueles que decidiram não criar esses ativos diretamente no After Effects, você pode encontrar os arquivos do projeto anexados aqui para a pré-animação do vídeo. Então, essas são todas as composições que já foram criadas no After Effects e aquelas que vamos começar a animar Portanto, fique à vontade para baixar o projeto e começar a partir daqui se você estiver interessado apenas em ver as aulas de animação. Vamos começar animando a gaveta. E a razão para isso é porque eu sinto que isso vai definir o tom para o resto da animação. O princípio da encenação diz que você não pode animar tudo ao mesmo tempo porque, dessa forma, o espectador fica confuso para onde olhar, e é muito E é por isso que eu normalmente começo animando um elemento, vejo como funciona, vejo como se sente e depois continuo a animação a partir daí Vamos abrir nossa gaveta. Antes de começarmos a animar, quero ter certeza de algumas coisas para não precisar consertar tudo mais tarde A primeira coisa que preciso verificar é se todas essas alças estão voltadas para a gaveta Então, por exemplo, esse identificador precisa ser associado a isso, esse identificador a isso, e você pode ver o número de camadas Então isso é cinco, e aqui oito. Ok, agora vamos dar uma olhada nesses elementos aqui na parte superior. Como esses dois, eles precisam ser pais, e vejo que um deles não é pai nem um pouco , é pai de trás Então essa é a nossa sombra, então essa camada aqui. Hum, e a frente precisa ser voltada para trás novamente. Ok, isso é importante. Por quê? Porque queremos ter isso como um tipo de arquivo mestre. A razão para isso é porque vamos fazer alguns ajustes na escala e também na posição dela. Por isso, queremos garantir que tudo seja organizado corretamente, para que não vejamos nenhum erro posteriormente na animação E a outra coisa final que queremos ter certeza é que todas essas camadas de lançadores, então isso, isso e isso, essas três estão voltadas para a frente E a razão para isso é porque queremos eles se movam com a camada frontal, é claro. No final, basta examinar suas camadas e garantir que cada camada esteja associada a alguma coisa, exceto a camada posterior, que ficará vazia porque essa será a camada principal que vamos manipular e animar O que faremos quando começarmos uma animação seria criar nossas réguas. A razão para isso é porque gostaríamos esse canudo fosse animado da parte inferior da tela, no ar, aguentasse um pouco, voltasse e girasse um Você vai ver em um segundo. Mas para sabermos o que é a parte inferior e o que é a parte superior, precisamos ter este guia Uma coisa que eu gostaria de fazer antes de começarmos com o resto das animações é criar um novo objeto Um novo objeto é criado clicando em Control O e Shift Y ao mesmo tempo, e agora você pode ver cinco aparecendo aqui. Clique em Enter e nomeie esse principal. Em seguida, coloque sua camada posterior nessa camada. E esse será nosso principal ponto de contato ao mover essa forma. Então, a maneira como eu gosto de animar e a maneira como eu recomendaria que você animasse é começar com o movimento básico primeiro dos objetos principais e depois adicionar os detalhes No nosso caso, isso será animar a frente e animar a parte Então, deixe-me isolar essas camadas e isolar também o não principal Clique em P no teclado e adicione um quadro-chave no primeiro segundo Certifique-se de clicar em F nove para que você possa facilmente. Enquadre, amplie sua linha do tempo e mova esse quadro-chave para aproximadamente o 20º quadro, algo Em seguida, em seu primeiro quadro , mova o ponteiro aqui para o primeiro quadro e mova-o aqui para baixo Vá para o sexto quadro e mova sua gaveta para algum lugar por aqui A animação que eu imaginei para isso é de baixo, subimos, seguramos um pouco, para um efeito mais caricatural, e Eu gostaria que isso permanecesse estático por cerca de seis quadros. Então vá para o quadro 12 e copie e cole esse quadro-chave aqui E o próximo quadro-chave deve estar na gravata. Enquadre como já discutimos. Clique na posição para selecionar todos os quadros-chave e clique neste pequeno ícone aqui que é na verdade o editor gráfico Então, o que vamos fazer aqui será alterar a velocidade desses quadros-chave para aprimorar a animação e torná-la exatamente como queremos No nosso caso, então o que eu vejo aqui é na verdade o gráfico de valores, eu gostaria de alterá-lo para o gráfico de velocidade. Há pessoas acostumadas a usar o gráfico de valores, mas eu, pessoalmente, prefiro usar o gráfico de velocidade. É quase a mesma coisa, visões diferentes e, para mim, é muito mais fácil usar essa. Aqueles de vocês que já sabem o que é o editor gráfico, podem pular esta parte Então, o que é o editor gráfico? O editor gráfico, como eu disse, controla a velocidade dos seus quadros-chave Vamos fazer alguns extremos para que eu possa te mostrar. Vou pegar isso como o ombro desse quadro-chave aqui e vou ajustá-lo para ser algo assim Então, essa é uma maneira de fazer isso, onde a ação mais rápida está no início. Então é tipo, bum, e então paramos. Então, essa é, na verdade, a ideia que estamos adotando. Mas deixe-me mostrar as outras opções para que você possa ver o que o editor gráfico faz. Então, sim, então você vê essa opção aqui? Então, o que isso faz é ser tão, tão rápido, lento. E o jejum está no final do quadro-chave. Essa é uma explicação super, super simples. Há muito mais coisas e mais detalhes relacionados a esse editor gráfico, mas isso faz parte de outra lição. Então, por enquanto, acho que isso é suficiente para as necessidades deste. No nosso caso, como mencionei, precisávamos estar no início. Então, é uma espécie de pontapé inicial. Com isso e depois vá devagar, então. A propósito, certifique-se de não movê-los, porque isso está realmente mudando sua posição, e não queremos isso. Então, queremos manter os mesmos quadros-chave que tínhamos antes e apenas ajustar esse gráfico. Então, vamos pegar isso, segurar a tecla Shift e movê-la para a esquerda e o mesmo aqui. Apenas certifique-se de que é a curva mais extrema que podemos fazer e que estamos autorizados a fazer. Então, tudo bem. OK. Acho que isso é bom por enquanto. Talvez precisemos nos ajustar mais tarde, mas, por enquanto, funciona. Agora, além dos quadros-chave de posição, vamos criar alguns quadros-chave de rotação Então, clique em R no teclado, em um quadro-chave de rotação e clique em F nove no teclado, com mais facilidade. Em seguida, você pode clicar em U para ver todos os quadros-chave com os quais está trabalhando E no início, a rotação será zero. E então vamos para o terceiro quadro-chave que criamos em cerca de 12 quadros, e vamos mudar isso para dois A partir daí, gostaríamos de mudar isso para zero, e ficará assim. Algumas coisas que eu gostaria de acrescentar a seguir. A primeira coisa que eu gostaria de acrescentar é primeiro garantir que esse quadro-chave de posição e do editor gráfico seja muito, muito mais rápido Então, isso é muito lento. Então, quando essa caixa está caindo, ela não pode simplesmente lentamente, lentamente, porque não é assim que cair lentamente, lentamente, porque não é assim que a gravidade funciona. Então foi assim que eu ajustei para ser. Então, eu não quero que seja super extremo assim , porque, caso contrário , é muito lento no final. Portanto, certifique-se de que o quadro-chave correto esteja no máximo pressionamento. Novamente, o que queremos fazer é garantir que, uma vez que essa gaveta caia no chão, ela trema um pouco Gostaríamos de ir para cerca de 1 segundo. Mova a posição para cima e, ao mesmo tempo, a rotação para menos três em cerca de 1 segundo, seis quadros, copie e cole o primeiro quadro-chave Nós temos pequenas pausas nisso, então não é como se tudo acontecesse ao mesmo tempo É como se subíssemos, parássemos, fôssemos bumbum, bumbum, bumbum Então esse é o tipo de templo que vamos visitar. Então, aqui, eu ainda gostaria fazer alguns ajustes no editor gráfico, então abrir o editor aqui e torná-lo um pouco mais extremo aqui, e ele deve ficar mais ou menos assim. A última coisa que vou fazer com esses quadros-chave seria deslocar a rotação, clicar na rotação, pegar todos os quadros-chave e movê-los para dentro. A razão pela qual fazemos isso é porque não queremos que todos os quadros-chave estejam na mesma posição, no mesmo lugar que o outro quadro-chave Então, posição e rotação, porque isso faz com que a animação pareça realmente robótica E sim, tudo bem. Portanto, esta é a nossa animação principal das partes principais do sorteio. 14. como animar a gaveta, parte 2: Agora vou me concentrar na frente e no fundo desta gaveta Vamos começar pela parte de trás. Essa é a camada à qual tudo se baseia e, por isso, queremos ter certeza de que o que quer que façamos não seja muito extremo, pois, caso contrário, tudo parecerá estranho Vou apenas adicionar alguns quadros-chave para a escala. Então, adicionar um no início é facilitar com F nove, e eu vou para esse quadro, o segundo quadro-chave principal que criamos, e vou fazer isso um pouco assim Então, vou copiar o mesmo quadro-chave. A propósito, o que você pode fazer em vez de copiar e colar camadas é clicar no ícone aqui e duplicar o quadro-chave anterior Agora, vamos para o próximo aqui. Vou copiar e colar o primeiro. Mas aperte um pouco até o último quadro-chave, é claro, copie e cole o primeiro Então é isso que temos. OK. Então, você vê como isso cria mais uma espécie de efeito de desenho animado e apenas torna a animação mais viva? Bem, sim, era isso que queríamos. Em seguida, vamos ajustar essa camada frontal. Novamente, clique em S para aumentar a escala e facilitar. Então, a partir daqui, o que gostaríamos de fazer seria estender isso um pouco. Antes de alterar a escala, certifique-se de que seu ponto de ancoragem esteja aqui Então, isso está no centro de um aqui. Aqui, basta copiar e colar o primeiro, e não teremos nenhum quadro-chave adicional para isso Então, serão só esses. Agora, ele cria essa falsa árvore D, onde é como se essa porta estivesse girando enquanto sobe, que eu acho muito, muito legal E, novamente, como sempre, precisamos compensá-los Para isso, gostaria de compensá-las com três molduras e, na parte traseira, na verdade, com apenas uma moldura Então, vamos ver como isso parece. Ok, para este, vou fazer alguns ajustes. Vamos fazer esse quadro, e vamos fazer esses três quadros. Na verdade, basta trocá-los. Ok, perfeito. Vamos isolar tudo para que possamos ver OK. Ok, acho que estamos bem. A próxima coisa que precisaremos ajustar seriam as camadas de parada porque elas se movem , é um pouco estranho que elas não estejam se movendo Então, a camada mais clara está conectada a isso. Então, vamos primeiro ajustar isso. Adicione a escala, um quadro-chave com mais facilidade e clique aqui. Reduza um pouco. Ao mesmo tempo, vou fazer o mesmo com a camada frontal. Só de ver isso agora, o ponto de ancoragem, se seu ponto de ancoragem está aqui, também precisa estar Ah. E então talvez seja necessário ajustá-lo um pouco para que caiba. Ok, perfeito. Então, indo para esse quadro-chave aqui, eu gostaria que fosse do mesmo tipo, assim e, ao mesmo tempo, isso também precisasse ser corrigido. OK. Em seguida, copie e cole o quadro-chave anterior, e aqui basta copiar e colar os quadros-chave desde o início E isso é o que temos. Ok, nossa base está pronta e agora é hora de seguir em frente com a animação das gavetas, como adicionar mais e mais detalhes a ela Ok, então primeiro, você se lembra como, nas aulas, quando o projetamos, criamos algumas camadas para elas. Nós temos a alça. A gaveta e a parte de trás. Então, a parte de trás é o que será visto quando movermos isso. E eu gostaria, por enquanto, apenas selecionar as gavetas, não as costas, mas as gavetas E eu vou clicar na posição P para abrir a posição e F nove dedos, e eu estou no quadro dez da nossa animação Agora, vá para o quadro 17. E selecione todos esses três novamente e mova-os para a direita assim. Agora vá para o quadro 22 e copie e cole o quadro-chave anterior, então vamos fazer uma pausa para esses dois e, em seguida, vá para 1 segundo, cinco quadros e copie e cole o primeiro quadro vamos fazer uma pausa para esses dois e, em seguida, vá para 1 segundo, cinco quadros e copie e cole o primeiro Agora selecione os segundos quadros-chave. Clique com o botão direito do mouse e clique no quadro-chave de retenção total. A razão para isso é que não queremos ter nenhum movimento aqui porque seria uma casa Selecione os dois primeiros quadros-chave de cada uma dessas camadas e abra o editor gráfico Selecione a parte direita, segure a tecla Shift e mova-as desta forma. OK. Agora, faça a mesma coisa, selecione todos os pontos amarelos da direita e os da esquerda e faça algo como Ok hora de compensar isso. Gostaríamos que a segunda e a terceira gaveta aparecessem depois da primeira Então, vai ser um, dois, três. Vamos jogar desde o início. Na verdade, fizemos o contrário. Desculpe por isso. Então, vamos apenas isso e porque eu os desenhei. OK. Agora, gostaria de selecionar os quadros-chave finais e movê-los um pouco para a esquerda, porque acho que isso é um pouco lento. Em relação ao momento, gostaria fazer uma pausa maior aqui Uma última coisa que eu gostaria de fazer é fechar essa última gaveta logo após a animação Então, é como algo para terminar, você sabe. E por causa disso, eu gostaria de criar um quadro-chave central aqui, onde eu gostaria de fazê-lo se mover um pouco para a direita antes de ir para a esquerda Ok, então estamos prontos com a animação da gaveta. Vamos voltar à nossa composição principal para que possamos ver como fica. E vamos esconder o gato por enquanto, porque realmente não precisamos dele. OK. E uma coisa que vamos fazer aqui seria, novamente, compensar essas duas animações porque, como você sabe, essas duas são iguais No entanto, este aqui na parte de trás, gostaríamos de aparecer mais tarde porque , caso contrário, é simplesmente estranho Vamos clicar na gaveta e criar uma máscara como essa E a máscara nos diz que esse é o único lugar onde vamos ver essa animação. Ok, perfeito. Na próxima lição, continuaremos com a animação, então fique ligado e nos vemos em breve 15. animando a flor: Ei, pessoal, bem-vindos a esta nova lição em que vamos animar a flor Então, vamos entrar nisso. Há muitas camadas, e isso é por causa das folhas Como sempre, vamos começar garantindo que tudo esteja configurado corretamente Percebo que algumas dessas coisas não são parentais no momento e queremos evitar ter que consertar tudo mais tarde. Então, vamos fazer isso primeiro. Primeiro, é claro, como você sabe, temos essas pequenas linhas que fazem parte das folhas e estão relacionadas a cada folha, o que é ótimo No entanto, vejo que todas essas folhas não têm nada a ver com nada, e vamos resolver isso agora Portanto, observe onde está escrito nenhum e selecione aqueles que não pertencem a nada. Vou cuidar deles com um dos galhos. Então esse. E isso não é tão importante agora porque todos esses galhos serão ligados ao galho principal, este, e o galho principal será parenteado ao vaso, isso aqui Então essa será nossa camada principal, certo? E essa parte aqui, novamente, associada a esta, o solo, é claro, precisa ser cuidado do vaso Então, uma coisa que estou percebendo imediatamente é que o ponto de ancoragem não está onde deveria estar para o solo, então vamos mudá-lo então Como, novamente, usar o motor do ponto de ancoragem ou apenas Y no teclado e movê-lo E a próxima coisa que eu quero ter certeza é o ponto de ancoragem da panela Então, nossa camada principal, esta está bem no centro, no centro inferior de. E agora vou começar de novo, como sempre, isolando essas três coisas como todas essas camadas do vaso e o solo, e vou começar a animar o pequeno No entanto, vamos fazer uma animação um pouco diferente, já que aqui estamos animando uma flor com técnicas diferentes Amplie um pouco sua linha do tempo. Clique em P no teclado e adicione um quadro-chave de posição aqui, F nove para Easy Easy Easier. Agora eu gostaria de ampliar um pouco mais. E mova-os para cerca de 19 segundos, certo? Ok, ótimo. Para esta animação, porém, vamos fazer com que essa planta venha do topo e simplesmente caia onde está agora. Então, no primeiro quadro-chave, mova-o até aqui. Está bem? OK. Essa animação é um pouco lenta e gostaríamos abrir o editor gráfico. E se você ver o gráfico de valores e não o gráfico de velocidade, como expliquei na lição anterior, basta clicar nesse ícone aqui e clicar em Editar gráfico de velocidade. Tudo bem. Então, agora o que queremos fazer é garantir que o movimento no centro seja mais rápido. Então, boom. Sim, isso é exatamente o que queremos, e vou explicar o porquê em um segundo. Feche o editor gráfico e clique em S no teclado. Adicione um quadro-chave para a escala e F nove para facilitar. Em seguida, clique em U para que você possa ver todos os quadros-chave que você tem e mover esse quadro-chave de escala aqui Então, logo abaixo do quadro-chave de posição. E para esse primeiro quadro-chave, gostaríamos de escalar um pouco Então, queremos que seja mais largo e mais estreito assim, Ar. E é isso que vamos conseguir, que é ótimo, na minha opinião. Em seguida, vamos abrir o editor gráfico e clicar no ponto mais à esquerda aqui no da direita, e OK OK, perfeito. No entanto, agora não podemos deixar as coisas assim. Simplesmente não faz sentido. Se tivermos um pulso tão extremo aqui, precisaremos de mais alguns quadros-chave para torná-lo estável e parecer mais realista É por isso que vou até 1 segundo e quatro quadros aqui e copiarei e colarei esses quadros-chave No entanto, vou adicionar quadros-chave no meio. Então, no meio, que é o 26º quadro, vamos embrulhar isso e fazê-lo subir um pouco e voltar aqui para o segundo quadro-chave e fazer com que ele se aperte Esmague assim, o que parece ótimo para mim. Mas vamos tornar isso um pouco mais extremo. Vou mover esses dois quadros-chave para a direita para ajustar um pouco o tempo Acho que gosto mais. Então, para resumir o primeiro quadro-chave, os segundos quadros-chave estão no 19º quadro 28 e 1 segundo 13 quadros, que eu acho que parece bom Em seguida, vamos animar o galho. 16. animando a flor, parte 2: Em seguida, vamos animar os galhos, e vamos animá-los usando um efeito que eu uso muito frequentemente em animação. É chamado de almofadas de acabamento A aparência dessa animação é como se você estivesse desenhando na tela. É como se a linha se desenhasse sozinha, o que é muito legal para objetos que têm apenas traçado e nenhum preenchimento. Então, vamos isolar nossa filial principal. Então, ramifique. Esse é o único. E nós vamos abri-lo, abrir o conteúdo. E você vê essa pequena opção aqui que diz adicionar, basta clicar nela e selecionar Trim Paths. Ok. Então, recorte caminhos, a opção recortar caminhos é adicionada ao seu conteúdo e, a partir daqui, você pode adicionar um quadro-chave para Clique em F nove para Easy Easy Easier e coloque-o, eu acho, algum lugar próximo à nossa posição final do quadro-chave, este, o segundo quadro-chave deve ser 100 e devemos começar com zero Então é isso que temos. Ok. Isso é ótimo. Uma coisa que estou notando aqui e uma coisa que gostaria corrigir são essas bordas semelhantes aqui Novamente, como da última vez, apenas nos certificamos de abri-lo, abrir o traço e depois mudar para copo redondo e junta redonda. Então, isso criará uma espécie de bordas arredondadas, o que eu acho melhor. E agora, o que vamos fazer é copiar esses quadros-chave, então os quadros-chave do teclado de recorte e isolar a ramificação E vamos ver como esse tempo funciona agora. Ok. Acho que vou trocá-los um pouco, basta movê-los para a esquerda. Porque eu quero esses galhos e deixe-me isolar o vaso, o solo e o galho principal. Ok, ótimo. Sim Eu acho que esse é o momento que eu vou escolher. Eu gostaria que isso começasse a ser animado assim que o pote chegasse ao chão Então eu acho que isso é perfeito. Dito isso, vou selecionar todas essas outras camadas verdes e clicar em Control V para colar o efeito de blocos de acabamento que eu copiei anteriormente . Clique. Você pode vê-los O, e agora é hora de cronometrá-los. Então, como você pode ver agora, está meio que em todo lugar. Todos eles aparecem ao mesmo tempo e precisaremos compensá-los um por um Então, eu vou pegar esse amiguinho aqui. E uma coisa que estou percebendo é que ela se anima ao contrário Há duas maneiras de corrigir isso. A primeira maneira é animar o início e não o final do efeito trim pads, que provavelmente levará mais tempo Então, neste caso, eu vou fazer um truque muito simples. Vou abrir formas, o bloco, e vou mudar a direção desse bloco. Então, é como se estivesse começando ao contrário. Agora que mudei isso, vou cronometrá-lo com a ramificação principal porque gostaria que isso começasse a aparecer quando essa parte fosse desenhada, caso contrário, ficaria estranha E então eu vou fazer a mesma coisa com o resto deles. E sempre que eu tiver, galhos como esse, vou mudar sua direção com esse botão. Então, deixe-me acelerar essa parte e te vejo em um saco. Ok, essa é a aparência da minha animação até agora. Eu acho que é muito bom. Começaremos animando apenas uma folha e depois copiaremos e colaremos a animação para o resto delas e compensaremos Então, por enquanto, vamos começar a animar essa folha. Vou clicar em B no meu teclado para que eu possa mudar a posição inicial da minha linha do Vamos animar a escala e a rotação. Então, estou adicionando um quadro-chave inicial aqui para a escala e vou facilitar No momento, estou com cerca de 1 segundo, 15 quadros. Eu gostaria de mudar, mas eu diria que ainda não tenho certeza, talvez 15 a 20 quadros , mas vamos ver como fica e vamos decidir o momento. Para o primeiro quadro, isso será zero. Sim E sim, isso agora parece estranho Então, vamos abrir o editor gráfico e garantir que ele esteja ajustado para algo assim, ajustado para algo assim onde a parte mais rápida está no centro, e agora vamos adicionar a rotação. Então clique em R no teclado, adicione rotação, quadro-chave F nove, N. E então gostaríamos disso, como essa primeira rotação para esse quadro-chave que adicionamos, queremos movê-la E então, no início, vamos brincar com isso. Vamos ver como isso. Ok, acho que isso é bom, mas para torná-lo mais realista, precisaremos adicionar alguns quadros entre essas fotos. Se esse for nosso primeiro pulso extremo, esse será nosso segundo, mas não parece muito extremo para mim. Então, vou girá-lo um pouco mais, e então estou em torno de 2 segundos. Vamos mover esses segundos dez quadros e movê-los para o outro lado. Assim, eu diria, 2 segundos e 25 quadros, 2 segundos e 25 quadros, copie e cole o primeiro quadro-chave, mas rotacione-o um pouco mais para o último copiar e colar o segundo Agora, tudo isso, vou selecioná-los e F nove para facilitar a leitura. Se você tiver o keyframe Wigman, que é um plug-in gratuito, recomendo que você o use, e vou reduzi-lo para 30% Dessa forma, acho que vou ter um movimento mais suave. E eu acho que isso parece bom. O que vou fazer, porém, seria apenas selecionar todos os quadros-chave de rotação e compensá-los como sempre Isso cria um fluxo muito bom do vídeo. Há uma posição que é extremamente extrema para mim, pelo menos, e vou suavizá-la um pouco. Acho que sobe muito e não parece muito natural. E o mesmo para este, apenas um pouquinho menos de movimento, sim, algo assim. Uh, agora, o próximo passo que eu gostaria de fazer é copiar e colar essa animação em todas as outras folhas. Para fazer isso, gostaria de primeiro esconder que todas essas pequenas linhas fazem parte das folhas, porque elas são das folhas, porque elas sinceramente confusas para mim. Então, deixe-me selecioná-los. O que você precisa fazer é clicar nesse ícone e eles desaparecerão. Algumas dessas folhas têm uma escala diferente, como diferentes opções de escala. Por exemplo, esse no final é 77, mas esse é -77 Portanto, a melhor maneira de abordar isso seria selecionar todos eles clicar em S em seus quadros-chave. Em vez de copiar e colar este, selecione todos eles, vá para o primeiro quadro e digite zero Dessa forma, todos eles serão animados e não haverá voltas ou, tipo, movimentos estranhos Novamente, abra o editor gráfico e selecione todos esses quadros-chave à esquerda e todos esses quadros-chave à direita, e deve ficar mais ou menos assim Perfeito. Agora, vamos copiar a rotação porque a rotação será a mesma praticamente em todos os lugares, exceto pelas folhas voltadas para a outra direção. Então, precisamos copiar isso, isso, isso e isso, não copiar. Desculpe, eu quis dizer selecionar e depois colar. O problema é que a rotação obviamente não é a mesma em todos os lugares, e isso precisa ser ajustado. Então vá até o quadro final aqui e selecione-os folha por folha. Clique na rotação e selecione todos os quadros-chave relacionados à sua rotação e gire a folha onde quiser O que isso faz é alterar todos os quadros-chave anteriores para que correspondam à sua posição final que você acabou de selecionar. E você não precisa voltar e corrigir todos os outros quadros-chave para corrigir sua animação Você só precisa selecioná-los O e selecionar um tipo de nova posição-chave para a rotação e ajustá-la conforme necessário. Eu vou fazer o mesmo com as outras camadas, e eu vou ver você em um segundo. Agora, é claro, precisamos compensá-los. Eu só vou fazer isso aleatoriamente. No momento, estou apenas movendo isso na linha do tempo. Agora é hora de fixar a parte esquerda e as folhas esquerdas, e vamos fazer isso primeiro, apenas verificando onde estava nossa rotação para essa primeira folha. Aqui vamos nós. Vamos copiar a mesma coisa, mas é claro, com as outras folhas. Então, vamos selecionar esse. Isso fica na extremidade esquerda. Vamos clicar em R em nosso teclado e em um quadro-chave de rotação aqui. Em seguida, esse mesmo quadro-chave será movido aqui, clique para que você possa ver todos eles e agora vamos começar a girar Eu gostaria que este começasse a partir daqui. Vá lá, suba um pouco. Então, aqui, vamos ficar voltados para a outra direção por um tempo. Então, nesse segundo, faça-o subir e o quadro final será igual ao segundo quadro-chave Ok, eu acho que está tudo bem. Novamente, se você tiver o quadro-chave ampliado, basta selecionar todos os quadros-chave e torná-los Agora, vamos fazer a mesma coisa copiando todos os quadros-chave de rotação e colocando-os de frente para as outras folhas E da mesma forma que nas folhas do lado esquerdo, precisaremos ajustá-las. Vou fazer isso agora novamente selecionando a rotação e apenas corrigindo-a, e vou ver você em um segundo. Oh Ok, agora que estou pronto com a rotação, vamos compensá-los. Novamente, vou fazer isso aleatoriamente. Agora vou selecionar todas as camadas verdes. Então, essas são nossas folhas, e eu vou movê-las para cá. Então, eu quero que essas folhas comecem a aparecer com os galhos para que possamos criar um bom momento de tudo isso. E vou reproduzir nossa animação desde o início para ver o que fizemos até agora. Ótimo. Ok, incrível. Muito obrigado por assistir a esta lição, e nos vemos na próxima, onde vamos animar a lâmpada. Então, nos vemos em alguns. 17. animando a lâmpada: Olá, pessoal, e bem-vindos a esta nova lição. Hoje, vamos animar a lâmpada da nossa ilustração que criamos anteriormente no After Effects E essa é a animação até agora. Ainda estamos trabalhando no tempo que será fixado no final, quando tivermos todos esses elementos animados separadamente. Então, vamos entrar nisso. Ok, então esse é o design da nossa lâmpada. Para este, eu vou para algo assim, onde, e a propósito, sim, é um pouco pixelizado, mas você entende o que quero dizer? Eu vou fazer algo assim, em que temos todos esses elementos meio que construídos uns sobre outros e somos animados um após o outro usando efeitos muito simples no After Effects. Então, vamos começar. A primeira coisa que eu gostaria de animar, claro, é essa base Então, vou isolar o espaço, clicar em S e animar a escala Amplie um pouco minha linha e vamos mover esse quadro-chave para cerca de 1 segundo, talvez até demais, mas vamos ver Em seguida, vou clicar nesse pequeno ícone aqui. Isso restringe minhas proporções. Não quero restringir minhas proporções. Agora eu quero que comece do zero, isso faria com que fosse meio que revelado dessa forma. E vamos ver o que temos. Sim, como eu suspeitava, isso é muito lento. Então, vamos movê-lo para cerca de 15 quadros. É assim que parece agora. Acho que é bom, mas vamos corrigir isso um pouco com o editor gráfico. E então, sim, selecionando isso. E, na verdade, vou apenas mover isso, mais para o quadro-chave certo Sim, algo parecido com isso. Não é exatamente no meio, é o que eu estou procurando. Vamos desisolá-la e continuaremos com a animação dessa linha aqui Novamente, clique em S para que você possa vê-lo. Oh, deixe-me fechar o editor gráfico. E eu vou realmente colocar esse quadro-chave aqui e vou compensá-lo mais tarde. Tudo bem. Então, no início, novamente, clique neste segundo, para desativar as proporções restritas E desta vez, faça com que o segundo valor seja zero. Para este, vou movê-lo para cerca de 1 segundo. E deixe-me novamente ajustar o gráfico lembrando de selecionar todos os pontos à esquerda. mesmo vale para este, será mais voltado para o quadro-chave direito, não exatamente no meio. Ok, perfeito. Há mais um elemento aqui que precisa ser animado e é esse. Vou mover o ponto de ancoragem para ficar aqui na parte inferior e, na verdade, vou copiar o quadro-chave da linha e colá-lo, fechar o editor gráfico por um segundo e tornar isso mais rápido Vamos ajustar o tempo em um segundo. Sim. É assim que parece agora. Deixe-me fazer uma prévia. Ok, perfeito. Deixe essa linha atrasar um pouco sua animação. Sim, isso é ótimo. Tudo bem. E agora, eu gostaria de animar essa parte branca E a partir do tutorial, se você se lembra, temos, como todos esses detalhes da lâmpada e que pintamos na camada branca Vamos escondê-los por enquanto e clicar nesse ícone, porque existem várias camadas que me impressionam, para ser honesto Então, para este, vou mudar o ponto de ancoragem para estar aqui no topo E vou adicionar um quadro-chave para posição, escala e rotação Clique para ver todos eles. Vejo que há um quadro-chave adicionado para o ponto de ancoragem. Basta clicar aqui porque não temos não precisamos de um quadro-chave para o ponto de ancoragem Então, como esses três e F nove para facilitá-los. E vamos movê-los para cerca da marca de dois segundos, e vamos ver se precisamos ajustar mais tarde. Então, este, eu gostaria de começar com 0%, então eu gostaria que fosse animado. E eu vou movê-lo aqui no topo. Então, sim, então virá do topo. OK. Ok, ótimo. Isso é bom, mas agora precisamos adicionar um pouco de rotação a ele. No começo, vou ganhar 36%. Ok, ótimo. E agora vamos adicionar alguns quadros-chave entre os quadros-chave para melhorar a aparência. Se essa posição for 36, vamos fazer isso menos oito OK. Então eu diria que 2 segundos, 20 quadros, que sejam três. Então, mais três. E então, alguns quadros depois disso, faça menos um, e alguns quadros depois disso, faça com que seja zero Então, vamos ver o momento. Ok, um pouco lento demais. Selecione todos esses três, mova-os para a esquerda. OK. Ok, não é tão ruim. Embora isso possa ser mais rápido. Vamos ver. Ok, ótimo. Agora, vamos compensar apenas a rotação E vamos trabalhar no cronograma. Eu gostaria que toda essa animação começasse em algum lugar por aqui. Então, todas essas coisas devem acontecer meio que ao mesmo tempo para que possamos ter um bom movimento. Tudo bem. Basta mudar o ponto de ancoragem para ficar aqui no topo. E um truque rápido que você pode fazer seria clicar no colchete esquerdo para mover essa camada um pouco, clicar em S no teclado, aliviar isso e movê-la para a direita, apenas alguns quadros depois disso, e fazer, novamente, clicar nessa camada e alterar a segunda figura para zero Ok, ótimo. Vamos reproduzir nossa animação. Ok, isso é incrível. Voltando à nossa composição principal, essa lâmpada realmente animaria com o gabinete. Onde está minha lâmpada? Ou, aqui está. Quando terminar, começará aqui. Então, vamos ver o que temos até agora. A propósito, a hora da flor provavelmente precisará ser ajustada, mas estou bastante confiante com a animação da nossa lâmpada. Essa foi provavelmente a animação mais fácil. E na próxima lição, vamos animar o sofá Estou muito empolgado com isso. Muito obrigada. E eu vou te ver em um. 18. Animação do treinador e finalização: Ei, pessoal, e bem-vindos à nova aula. Hoje, vamos animar o sofá. Então, vamos entrar nisso. Por enquanto, vamos manter a animação simples e divertida Assim, o sofá deslizará do lado direito da tela e parará no centro No entanto, na animação, quando você quer parar um movimento, hum, para torná-lo mais caricatural e natural na linguagem da animação, é melhor ter uma ação de acompanhamento Esta é a animação que eu criei anteriormente antes de iniciar as aulas deste curso. Então, vamos recriar isso agora em nosso arquivo. Vou criar um mestre sem objeto, que será como o nó que controlará tudo. E então vamos criar objetos nulos individuais para os diferentes elementos Portanto, você pode fazer isso clicando em Camada, Novo e, em seguida, em Novo Objeto ou Control Shift O e Y no teclado. E isso cria esse novo objeto que usaremos como pai. Portanto, é um objeto que controlará várias camadas. Esse é o propósito do Nu. Vamos clicar em Enter e vamos nomear isso como principal. E a partir daqui, vou ver qual desses elementos não tem um Nu. Isso é, por exemplo, um círculo. E esse círculo, como você pode ver aqui, está ligado ao travesseiro Então essa, a base. E se isso é paterno deste e este é pai para permanecer nu, então tudo está relacionado a esse novo Dessa forma, é muito fácil manipular e adicionar um quadro-chave em vez de vários quadros-chave em cada coisa Antes de ensinar qualquer coisa à freira, certifique-se de que esteja aqui. Então, nós o queremos na parte inferior e no centro do objeto. Vamos criar a ação principal. Eu adicionei um quadro-chave de posição. Vou clicar em F nove para Esser, e vamos fazer isso por volta de um segundo e meio, então algo por aqui Então vamos começar e arrastar isso aqui. Eu vou para a minha composição principal. Eu posso acessá-lo rapidamente a partir daqui. E então, se clicarmos no ícone do sol, ele mostra tudo, mesmo que não esteja dentro da tela da pré-composição. Agora vejo que isso é um pouco lento demais para mim. Vou mover esse segundo quadro-chave para ficar na marca de 1 segundo. Aqui vamos nós. Ok. E agora, deixe-me abrir rapidamente o editor gráfico. Quero ter certeza de que edito o gráfico de velocidade, não o gráfico de valores. E eu vou clicar sobre isso, e vou trazê-lo para cá. Deixe-me pegar o segundo ponto e fazer um tipo de gráfico pontiagudo do editor gráfico Agora, vamos adicionar um pouco de rotação a ele. Vou clicar no quadro R archy para a rotação, clicar em U e depois em F nove para EZ Es. Então eu gostaria que começasse em algum lugar por aqui. E eu quero fazer isso apenas uma rotação muito, muito pequena. Digamos, dois, e aqui, eu quero fazer com que seja menos um, e na rodada 1 segundo, 18 quadros, faça com que seja zero Haverá outra animação de outro elemento, mas acho que adicionar um pouco de rotação de todo o sofá fica bem Ok, agora que estamos prontos com a animação principal do sofá, vamos animar essa parte, tipo, a parte de trás do Então, o que estou fazendo é selecionar todos os elementos relacionados a esse elemento. Então, na parte de trás. Então, se eu clicar nesse ícone aqui, posso ver que é exatamente isso que eu quero. Dito isso, o que vou fazer é clicar com o botão direito do mouse, clicar em pré-compor e vou dar um nome de volta. Ok, bom. Então, o que aconteceu porque essa pré-composição foi atribuída ao nu principal, e agora a pré-compusemos Eu, como você pode ver, não me movo porque não é pai da freira. Então, vá para o início da sequência e coloque-a novamente no nu principal, e ficaremos bem. A outra coisa que estou percebendo é que não é aqui que deveria estar Então, certifique-se de que é sim, está acima do travesseiro traseiro Então, acima dessas camadas. Ok, agora vou clicar novamente nessa nova pré-composição que criamos e vou clicar em Y no meu teclado para que eu possa trazer o ponto de ancoragem O ponto de ancoragem precisa ser movido para algum lugar por aqui. Está bem? E eu vou animar a rotação Então, deixe-me ir até onde está esse quadro-chave. Então, são 17 quadros. Vou clicar em R e gostaria que fossem cinco. Então, na marca de 1 segundo onde está esse quadro k, vou torná-lo menos dois E então, aqui, eu vou fazer com que seja zero. Talvez precisemos de mais dois quadros-chave, mas vamos ver. Vou começar para pré-visualizá-lo. Ok. Bem, sim, acho que precisamos fazer alguns ajustes. Então, em vez de menos dois, vamos fazer isso menos seis. E então aqui, vamos fazer com que sejam três. E em cerca de dois segundos e quatro quadros, vamos torná-lo zero. Ok, vamos ver como isso parece. Ok, agora parece bem robótico. E o que queremos fazer é ajustar a velocidade desses quadros-chave para que possamos torná-los mais frios Uma coisa que vou fazer seria pegar esse primeiro ponto, segurar a tecla Shift e movê-lo assim. E então esse também. E eu quero ter certeza de que, ok, isso é um pouco extremo demais, talvez nem tanto, mas algo assim. Então, a partir daqui, vou pegar esse ponto, segurar a tecla Shift e trazê-lo para a esquerda. Ok, e o mesmo com isso. Então, o que queremos fazer é garantir que seja um movimento realista e caricatural. Não é só robótico. Ok, então precisamos fazer alguns ajustes no tempo. Eu pegaria este e o traria mais para a esquerda. E então eu vou pegar este e movê-lo para a direita. Então, parece algo assim. Além disso, essa é uma pausa um pouco grande para mim, então vou, sim, ajustá-la assim E a última coisa que eu quero fazer seria manter o controle e clicar duas vezes nesse quadro de esqui. Então, isso o tornará um quadro-chave contínuo e parecerá que é apenas um movimento em vez de separá-lo com o quadro de esqui EZ E. Então, sim. Então é isso que temos. Edição final. Vou mover um pouco esse primeiro quadro-chave e talvez esse um pouco. Sinta-se à vontade para jogar com o tempo, como achar melhor. É uma dessas coisas que você só precisa experimentar para ver o que fica melhor para você. Ok, uma última coisa que vamos aplicar nesta bolsa é o efeito CC bender Você pode encontrá-la no painel de efeitos. Basta pesquisar por CC bender. E aplique-o no seu sofá. Ao fazer isso, você notará que há dois pequenos círculos. Um está aqui e o outro está aqui. Portanto, certifique-se de colocá-lo bem acima para que não corte sua pré-composição, como você pode ver aqui Então, basta movê-lo para cima assim. E então gostaríamos de animar a curva. Clique para ver esses quadros-chave. E, claro, esse primeiro que zero deve estar onde está o primeiro quadro-chave Então, de onde vier o segundo, certifique-se de dobrá-lo ou menos -17 E então aqui, o terceiro quadro-chave, eu vou torná-lo 13, e então no último quadro-chave, eu vou torná-lo zero Então, parece algo assim. Agora, o momento, é claro, precisará ser alterado. Por enquanto, vou selecionar todos os quadros-chave de dobra e movê-los para a direita, para criar um bom movimento Acho que esse precisa ser mais rápido. E esse também. Então, deixe-me pegar esses dois quadros-chave e movê-los. Sim, eu acho que isso é bom. Uma coisa que está acontecendo aqui é que, por causa do CC Bender, você pode ver que essa parte está sendo cortada Então, para corrigir isso, adicione um quadro-chave para o início e o fim, clique e mova isso aqui E então, no início, mova esse ponto aqui e esse ponto aqui. Vamos abrir a composição principal para que possamos ver o que acabamos de encontrar. Ok, eu acho que isso é bom. Talvez precisemos ajustar o tempo, mas podemos fazer isso mais tarde. Então, agora vamos animar um pouco os travesseiros. Os travesseiros são muito essenciais porque criam um movimento extra, e é sempre bom animar alguns elementos dentro do mesmo elemento, para que pareça mais natural e divertido O que eu farei, na verdade, seria remover a paternidade Dessa forma, não preciso me preocupar com a pré-composição da tela novamente. Então, clique com o botão direito, precomponha, e eu vou dar o nome de volta a esse travesseiro Ok. Certifique-se de que o sol esteja brilhando e certifique-se de que esteja relacionado ao número principal Em seguida, vamos selecionar os outros travesseiros. E, novamente, basta remover a paternidade por enquanto, pré-compor e nomear essa frente de Certifique-se de que o sol esteja iluminado e vinculado ao número principal. Agora, vou clicar em Y e mudar o ponto de ancoragem mais uma vez para ficar na parte inferior e no centro E então o mesmo aqui, deixe-me isolá-lo. Isso estará em algum lugar por aqui. Ok. Agora vamos analisar o tempo e ver onde isso se encaixará. Acho que algum lugar por aqui seria um bom lugar para começar essas animações. Deixe-me selecionar os dois travesseiros, P no teclado Também vou animar a rotação. Então R. Agora, alguns quadros depois do meu na minha composição são 22 quadros em cerca de 28 quadros, selecione-os e faça-os funcionar. cima, gire esse -11 e então -11 também é bom para isso Apenas certifique-se de que está subindo um pouco para que não seja robótico novamente. Eu vi algo aqui. É do efeito curvado novamente. Vou apenas adicionar outro quadro-chave para corrigi-lo. Ok, esses travesseiros sobem, e então queremos fazê-los saltar um pouco Então, deixe-me copiar a primeira pasta de quadro-chave. O mesmo aqui, copie e cole. E então faça isso subir um pouco, apenas alguns quadros, apenas alguns pontos acima e copie e cole o primeiro quadro-chave inicial novamente. Então, tudo bem. É assim que parece. Uma coisa que eu gostaria de ajustar é o primeiro quadro-chave Vamos fazer isso, começar bem, começar a subir mais cedo. Então, 15 quadros. Perfeito. Bom, bom, bom. Ok. Então, duas coisas agora : eu gostaria de compensar a rotação, todos os quadros-chave relacionados à rotação. Você vê a diferença? É menos robótico, com certeza. Isso só torna tudo mais divertido. O mesmo aqui, a rotação será compensada por dois quadros. Então é como boom boom boom. Tudo bem. E agora o travesseiro frontal será um pouco mais rápido que o primeiro Portanto, toda a pré-composição também será compensada. É assim que parece agora. Perfeito. Vamos para a composição principal. Para ver nossa nova animação. Ok, ótimo. Muito obrigado por assistir, e eu vou te ver em breve. 19. Como animar o gato: Olá, pessoal, e bem-vindos à nova aula. Da última vez, decidi fazer algo interessante que não planejei neste curso inicial. E isso é para adicionar um kit fofinho na composição que achei que deixaria tudo mais fofo, mais envolvente e mais divertido Voltando à nossa composição original, pretendo adicionar a chave aqui. Mais uma vez, hesitei em adicioná-lo aqui. Ou aqui. Mas eu sinto que essa gaveta está um pouco vazia de qualquer maneira Então, acho que talvez seja melhor estar aqui, mas depende de você. Se você quiser adicioná-lo ao sofá, você precisa colocá-lo na parte de trás do sofá nesta pré-composição Então, basicamente, siga a mesma lógica que estou prestes a contar aqui nesta lição, faça isso em outro precom Se você se lembra, criamos duas precomposições porque temos duas gavetas, esta e esta E essas são duplicatas. Se eu mudar alguma coisa neste, como, por exemplo, se eu adicionar o gato aqui, ele aparecerá no segundo também, porque são basicamente a mesma pré-composição na mesma animação interna. O que queremos fazer seria duplicá-lo. Portanto, é a mesma animação que não precisamos desenhar e criar tudo novamente, mas é uma pré-composição separada. Então, se mudarmos alguma coisa nela, não mudará na outra. Deixe-me clicar com o botão direito aqui em uma gaveta, clicar em Revelar e, em seguida, revelar a fonte e o projeto da camada Podemos encontrá-lo aqui. Agora, clique em Control D e você pode ver que ele cria outra pré-composição chamada gaveta dois Basta arrastar e soltar aqui. Em seguida, verifique se o sol está clicado. E a partir daqui, abra a gaveta original, selecione a máscara e transforme e controle C, depois controle para copiar colar a posição padrão e as máscaras E agora você pode se sentir à vontade para excluir este porque não precisamos mais dele. Então, vou apenas copiar a pré-composição do Kat. Vou começar isso e vou colar. Agora esse gato precisa estar aqui, e eu vou escalá-lo. Deixe-me ampliar. Eu acho que está tudo bem. Agora, eu gostaria de resumir isso ao principal Não, isso foi criado. Vamos criar um bom movimento. Vou clicar em P e, basicamente, mover o gato inteiro. Então esse é o quadro seis. A posição padrão será no início. Quando essa gaveta estiver aberta, eu também gostaria que o gato pulasse Agora, deixe-me clicar em U para que eu possa ver onde eles estão. Vamos copiar e colar o primeiro quadro-chave em cerca de 15 quadros OK. Na verdade, eu gostaria de fazer alguns ajustes. Este, o segundo quadro-chave, vamos movê-lo para 11 quadros E este, vamos movê-lo para cerca de 24 quadros. Então, agora, deve ser algo assim. Eu preferiria que meu kit subisse um pouco mais para criar um bom contraste. E agora vamos mover este, o último quadro-chave, alguns quadros. Então, isso será em 22 quadros em vez de 24 quadros. Então, agora vamos abrir a pré-composição desse pequeno kit e fazer um bom movimento nele Eu já fui mãe aqui. Há apenas algumas coisas que eu vejo que não são paternas, então deixe-me fazer isso rapidamente Ok, agora tudo é paternal. Teria sido melhor se eu trabalhasse na pré-composição aqui, mas eu estava tentando projetá-la para ver se ela se encaixa. Portanto, não há precomposições. Deixe-me voltar rapidamente até aqui e colocar meu ponteiro no segundo quadro-chave, então por aqui Vou ampliar minha linha do tempo e adicionar um pequeno marcador Então isso me diria que esta é a posição em que o gato está levantado. E o mesmo aqui, vou adicionar outro marcador aqui. É aqui que ele se presta. Então, a cabeça, o que eu queria fazer era girá-la um pouco, alguns quadros depois desse primeiro marcador Vamos adicionar um pouco de rotação. E, na verdade, outra coisa que estou percebendo é que essa forma aqui, eu quero que fique atrás da cabeça OK. E depois vou repetir o mesmo quadro-chave apenas alguns quadros antes do segundo marcador, e alguns quadros depois vou copiar e colar o primeiro Portanto, é um movimento mínimo. Na verdade, não é muito uma animação de personagem. É mais uma questão de torná-lo mais natural, eu acho. E a outra coisa que eu quero fazer é algo muito fofo, que será com esses pequenos bigodes Tenho certeza de que não estou pronunciando essa palavra corretamente, mas de qualquer forma, vamos adicionar uma rotação Então, quando sobe porque está alta, quero que todos me deixem selecionar a árvore. Eles são todos pais deste. Então, assim, assim e assim. Parece um pouco irreal, mas é muito divertido É tão estranho. Estranhamente divertido. Tudo bem. Então, o mesmo aqui. Vou selecionar esses e alguns quadros após esse período. Quero deixá-los um pouco lentos para pousar, porque vou criar um movimento agradável e agradável, na verdade, ainda mais lento OK. Na verdade, ainda mais devagar Vai demorar muito para pousar porque acho que isso criará um movimento muito bom. E agora vou compensar todos eles. Então, parece mais estranho e mais divertido. Vou voltar à minha composição principal. Ok, mais algumas coisas para o gato que vamos fazer. A primeira é fazê-la piscar. Não sei se por que é ela. Pode ser ele. Eu não sei. Uma coisa a ter em mente esse movimento ocular é que eu quero ter como se a pupila estivesse Eu tenho a máscara. A máscara está voltada para o olho Então, no entanto, eu não quero que o aluno seja mascarado com Então, vou simplesmente mudar a pupila para a cabeça, em vez disso Dessa forma, eu gostaria de adicionar uma escala ao olho e duas molduras depois de esmagá-la desta forma, esperar por duas molduras e depois duas molduras novamente e copiar o primeiro quadro-chave OK. Você sabe o que? Na verdade, fará mais sentido se seus olhos estiverem fechados quando estiver levantado. Então, vou fazer com que pisque um quadro antes do marcador E então, esses quadros-chave, vou movê-los aqui e estendê-los um pouco OK. Deixe-me agora copiar. Basta clicar em escalar. Então você pode copiar todos os quadros-chave, e vamos encontrar o outro e. Então, o mesmo aqui. Isso é direcionado aos olhos, o que é ótimo, mas a pupila, novamente, precisa ser orientada para a cabeça Agora, clique em I e cole os quadros-chave da escala. OK. Deixe-me fazer piscar mais uma vez. Aqui. E aqui. E então eu acho que em cerca de 4 segundos, vamos fazê-lo piscar novamente. OK. É muito fofo. Muito fofo, como está piscando. Agora vamos animar a cauda. Então, a cauda tem três camadas anexadas a ela. Existe essa sombra. Existe essa sombra e existe a cauda real, como a base. No entanto, o problema é que eu quero mudar a forma disso. Certo? E se eu fizer isso, veja como esse elemento como essa sombra não está se movendo com ele. E isso é um problema. A maneira como criei essa célula foi duplicar a cauda principal e apenas adicionar uma pequena máscara e mudar sua cor Então, aqui está o que vamos fazer para ajustá-lo. Vamos abrir o conteúdo e a forma da camada dois e do conto três, abrir a forma e abrir o caminho. Agora, abra a almofada ou a cauda principal, certo? Ok, então agora pegue essa coisa aqui que é para ser pai e coloque aqui Então, o que isso faz é que agora, se eu mudar a forma disso, como você pode ver, ele permanece dentro da máscara. Há apenas um problema aqui que vamos resolver facilmente. Então, ok, agora precisamos fazer a mesma coisa com a outra camada, abrir o SwiroHld, o ícone de redemoinho nas opções de caminho, soltá-lo até o mesma coisa com a outra camada, abrir o SwiroHld, o ícone de redemoinho nas opções de caminho, soltá-lo até o final. Então essa é a camada principal. Tudo bem. Agora, deixe-me isolar isso e vou, já que já estou aqui, criar um quadro-chave de caminho dessa célula Então, vamos agora colocá-lo onde está o marcador. Eu ganhei, então o gato sobe, certo? Então, queremos que a cauda provavelmente seja algo assim. Então, quando cair, vou copiar o primeiro quadro-chave, então ficará assim Vamos ver se isso é estranho. Não, acho que está tudo bem. OK. Agora, só para tornar a animação mais dinâmica e legal, vou animar a cauda até a primeira segunda marca Então, até o segundo quarto, eu gostaria que ele se movesse. Então, meu próximo quadro-chave é de 1 segundo. Em 2 segundos, basta clicar em G no teclado. Talvez seja necessário clicar nele algumas vezes. Vamos ver como isso parece. Ok, ótimo. Foi isso por hoje, pessoal. Espero que tenham gostado desta lição e nos vemos em breve.