Princípios de animação: o molho secreto para dominar o design de movimento

1. Trailer do curso: Olá a todos, é padrão. E nesta aula, eu vou te ensinar os princípios da animação, o ingrediente secreto para dominar o design de movimento. E eu vou começar fazendo essa pergunta para você. Você já se perguntou por que sua animação parece tão monótona e básica, enquanto outras parecem tão precocemente com belos movimentos. Eu fiz minhas scooters de animação costumarem ficar assim. E depois de mergulhar na ciência por trás dos bons movimentos e começar a aprender o ingrediente secreto de uma bela animação. Minhas animações. Nesta aula, vou te guiar pelo caminho que percorri anos atrás. E eu mostraria os princípios e ferramentas para aprimorar suas habilidades e criar animações incríveis. Você aprenderá a usar o editor gráfico para ter mais controle sobre sua animação e aplicar a emoção que deseja. No final da aula, você criará uma pequena peça de animação aplicando os princípios que aprendeu durante a aula. Lembre-se de que essa é uma aula desafiadora. Mas eu prometo que, se você ingerir as lições e aplicar os exercícios, suas habilidades de animação estarão em um nível diferente. Boa sorte 2. O projeto: Tudo bem, para o projeto da aula, você enviará uma pequena peça de animação de sua escolha, revelando o título da aula. Mas o mais importante aqui é usar os princípios que você aprendeu durante as aulas e aplicá-los à sua animação. A aula é dividida em duas partes. Na primeira parte, eu ensino os princípios com um exercício a ser feito no final de cada aula para praticar o que você aprendeu. A segunda parte é onde eu começo a criar o projeto de classe. No projeto e nos recursos, você pode encontrar arquivos de projeto do After Effects. Para que você possa baixar e usar, não se esqueça de publicar seu trabalho na galeria do projeto para obter feedback e suporte. 3. Os conceitos básicos de After Effects: Nesta lição, abordarei alguns dos fundamentos do software de efeitos posteriores para quem não está familiarizado com ele. É uma lição extra. Então, se você é um designer de movimento experiente e está familiarizado com esse tópico, pode pular esta lição, ok, então eu estou no After Effects. E a primeira coisa que você quer fazer quando quer começar um novo projeto é criar uma nova composição. Assim, você pode ir para composição, nova composição ou pressionar Control, Control N no teclado. Tudo bem, então aqui temos as configurações de composição. Você pode escolher o nome da sua composição. Vou dar um nome a ele. Noções básicas do After Effects. Tudo bem, aqui temos várias predefinições que você pode escolher. Você pode ficar com o traje por enquanto. As dimensões são 1080 por 1080 e a taxa de quadros é 30. Você pode escolher qualquer quadro ou taxa de quadros que você deseja usar. 24 ou 30, o que você quiser. Tudo bem, pressione OK. E agora uma nova composição foi criada dentro desse painel do projeto. Este painel de projetos é a casa de você, de todos os seus ativos e da composição em que você criará seus projetos. Tudo bem, agora, vamos criar uma nova camada de forma dentro dessa composição. Você pode acessar essa ferramenta de retângulo, pressionar e segurar e terá várias opções para escolher. Vou escolher a ferramenta retangular. Vá até aqui, clique e arraste e certifique-se de pressionar Shift e segurar para criar uma forma proporcional. Tudo bem, deixe-me preenchê-lo com a cor branca e remover o traço. Eu não preciso disso. Tudo bem, então aqui eu tenho minha forma. Você pode acessar a escala pressionando S no teclado. Aqui temos as propriedades de escala. Pode aumentá-lo e diminuí-lo. E a rotação você pode mais R. E você pode girá-la para a esquerda e para a direita. Mas, como você pode ver agora, a rotação não está acontecendo do centro. E a escala também. Não está escalando a partir do centro. Isso porque nosso ponto de ancoragem não está centralizado dentro do objeto. O que você pode fazer é pressionar Y no teclado, pressionar control e segurar. E você pode arrastá-lo para encaixá-lo no centro do objeto. Ou você pode usar o atalho no teclado. Você pode pressionar o comando Control no Mac ou Control Alt Home no Windows. Então agora eu tenho minha forma. Eu posso escalá-lo agora, e ele está escalando a partir do centro. E eu também posso girá-lo a partir do centro. Você pode pressionar P no teclado para acessar as propriedades da posição. Podemos nos mover para a esquerda e para a direita, para cima e para baixo. Tudo bem, agora vou adicionar uma animação simples a essa camada de forma dois sobre a raiz quadrada. Ok? Eu seleciono a camada e pressiono P no teclado para acessar as propriedades da posição. Vamos tornar o quadrado menor. Tudo bem? Ok, você passa por esse ícone de relógio. Esse ícone de relógio e um novo quadro-chave foram criados. Você pode usar os botões do sinal no teclado para ampliar e reduzir sua linha do tempo. Ou você pode usar esse controle deslizante aqui. Tudo bem. Vamos mover isso para cá. Ok? Agora eu movo a linha do tempo para a esquerda, para a direita. E vamos mover essa forma para cá. E um novo quadro-chave também foi criado. Ok, agora, se eu quiser pré-visualizar a animação, primeiro, precisarei limitar o trabalho antes da minha linha do tempo arrastando o controle deslizante até aqui. Ou eu posso pressionar N no teclado. Para limitar minha área de trabalho. É para, é acabar com a área de trabalho. E B é começar a área de trabalho ou pré-visualizar a animação que você deseja. Tudo bem, então isso é útil para limitar sua área de trabalho, especialmente quando você tem uma cena de animação complexa e camadas pesadas. Então, às vezes, você precisa pré-visualizar uma parte específica da animação sem perder muito tempo. Tudo bem, agora você pode pressionar Espaço no teclado para visualizar sua animação. E aqui está. Tudo bem, então você também pode tornar sua animação mais rápida, se quiser, aproximando os dois quadros-chave um do outro. Então você pode arrastar isso até aqui. Agora sua animação está mais rápida e você também pode torná-la mais lenta afastando-as uma da outra, assim. Certo? Então, como você pode ver agora, a animação parece rígida, pois é um movimento linear. Aqui, adicionamos a facilidade fácil. Então, em poucas palavras, Easy Ease faz com que a animação pareça menos linear. Assim, você pode selecionar os dois quadros-chave. Clique com o botão direito Vá para o assistente de quadros-chave e você pode escolher facilmente, ou você pode selecionar todos os quadros-chave e pressionar F9 no teclado. Então, aqui você tem o que é mais fácil. Então começa. Portanto, ele tem um pouco de impulso antes de começar. E então, no final, fica mais lento. Tudo bem, então agora vou precisar duplicar essa camada. Então, eu quero acordar um com facilidade e outro sem Easy Ease. Então, vamos selecionar essa camada e você pode clicar em Controle ou pressionar Controle no teclado e clicar nas teclas. Então, voltou ao normal sem facilidade. E o segundo, é o mais fácil. Então, o que eu posso fazer, vou colocar a camada acima. Ok, então eu vou te mostrar a diferença entre facilidade fácil e sem doenças. Tudo bem, então eles querem na parte inferior, aquela que não tenha nenhuma facilidade, facilidade, apenas movimento linear. E o que está acima, tem o Easy Ease. É óbvio. Tudo bem, agora vamos agrupar essas duas camadas no After Effects. Nós chamamos isso de pré-composição. Assim, você pode selecionar essas duas camadas. Clique com o botão direito em precomp. Podemos nomear sua pré-composição, como você quiser. Vamos dar um nome a ele. Dois quadrados. Tudo bem? Aqui podemos marcar a opção desejada, como Ajustar a duração da composição ao intervalo de tempo das camadas selecionadas. Eu vou verificar isso. Aqui. Também podemos marcar essa caixa para abrir uma nova composição. Quando você criar seu PreComp, vou deixá-lo como está por enquanto. Pode pressionar. Ok. Ok, então agora eu tenho minhas duas camadas em um acampamento. Tudo bem, agora eu também posso duplicar essa composição pressionando Control D no teclado. Agora eu tenho duas colunas. Podemos arrastar essa composição, reduzi-la e colocá-la aqui. Tudo bem? Tudo bem, então esta é uma rápida olhada nas pré-composições e como você pode utilizá-las em seus projetos. Ok. Agora, vamos ver o que é parentalidade e como podemos usá-la. paternidade permite que você controle facilmente a camada ou o número de camadas vinculando-as a um pai comum. Ok, digamos que eu precise girar esse objeto, esses dois, OK, antes de começar, você pode verificar essa camada de composição. É chamado de transformação em colapso. Quando você verifica, a composição se ajusta à dimensão da forma. Então veja a diferença. Ok, agora está levando toda a competição. Depois de verificar isso. Ele se encaixa exatamente nas dimensões desses dois quadrados. E você também pode centralizar o ponto de ancoragem. Tudo bem? Então, digamos que eu precise girar essa camada e também preciso dessa camada para seguir a rotação dessa camada. Então, primeiro eu preciso aplicar uma animação de rotação a esta. Pressione R para acessar as propriedades de rotação. Clique neste ícone de relógio e mova a linha do tempo para a direita. E talvez algo assim. Vamos pré-visualizá-lo. Ok? Talvez eu faça com que seja mais longo. Tudo bem. Agora eu preciso que essa camada siga a rotação dessa camada. O que eu posso fazer é ir até esse pai, escolher o chicote, clicar e arrastar essa camada. Tudo bem, então agora essa camada está movendo a rotação dessa camada, ok? Uh, mais uma coisa. Se você precisar acessar quadros-chave que são aplicados a uma camada, você pode clicar na camada e pressionar U no teclado. Tudo bem? Ok, agora vamos ver como podemos exportar. Primeiro, certifique-se de ter o Media Encoder instalado e vá para a composição. Adicionar à fila do Media Encoder. Por aqui. Você pode escolher as configurações que quiser. Formato H.264, predefinido, alta taxa de bits, todo o resto é bom. Você pode escolher o local. Vou escolher a área de trabalho, clique em Salvar. Ok? E, finalmente, use, você, pressione a Fila Iniciar. Tudo bem? Ou você pode aleatoriamente. Você pode escolher a opção Adicionar à fila de renderização. Sem usar o Media Encoder. Podemos escolher suas configurações aqui. Módulos de saída. Você pode escolher seu formato, H.264. E, a propósito, no After Effects 2023, eles adicionaram esse formato, cada um 0,264, o que é bom. Tudo bem. E você pode escolher o local desejado. Desktop, salve e você pressiona Render. Tudo bem? Tudo bem, então é isso para esta lição. E seu exercício é praticar o que você acabou de aprender. Comece a animar coisas, se acostuma as pré-composições e brinca com a paternidade. Se você tiver alguma dúvida, basta publicá-la na galeria de discussão e ficarei mais do que feliz em ajudá-lo. Felicidades. 4. Temporização e espaçamento: Tudo bem, então nesta lição, vou falar sobre os dois princípios fundamentais da animação, o tempo e o espaçamento. E acredito que se você se esforçar o suficiente para entender esses princípios essenciais, você será muito, muito melhor do que você ou a maioria de seus colegas animadores. Ok, então qual é o momento? Primeiro, vou começar aplicando uma animação simples a essa forma circular. Eu iria para a posição, clicaria com o botão direito do mouse em dimensões separadas, para ter mais controle sobre as posições X e Y. Quadro chave. Use 24 quadros e arraste o círculo até aqui. Ok, então 24 quadros, já que minha composição é de 24 quadros por segundo. Então, vai levar 1 s para concluir essa animação. Então, basicamente, esse é o meu momento da animação. Tudo bem? Então, o primeiro quadro-chave e o último quadro-chave definem meu tempo de animação, que é 24 quadros, seja, 1 s. Ok, e se minha animação parecer lenta? Eu posso, e se eu quiser tornar minha animação mais rápida é pegar esse quadro-chave e aproximá-lo do primeiro quadro-chave. Digamos que 15 quadros agora, minha animação é mais rápida. Então, o que estou mudando agora é o momento da animação. Então, se você vê a animação agora, ela parece linear e outras coisas. Então, o que geralmente fazemos é aplicar o Easy Ease para torná-lo menos linear, selecionando os quadros-chave e pressionando F9 no teclado. Mas o fato é que maioria dos animadores aplica a facilidade sem saber o que está acontecendo por trás disso. Então, vou ativar essa camada de ajuste. Essa camada tem um efeito de eco nela. Então, deixe-me voltar a um movimento linear. Tudo bem? Ok, então esse efeito de eco mostra os quadros entre esses dois quadros-chave. Tudo bem? É assim que nossos quadros ficam entre esses dois quadros-chave em um movimento linear. Ok, deixe-me agora aplicar a facilidade fácil e ver o que vai acontecer. Ok, então, como você pode ver agora, os quadros no início da animação estão mais próximos outro e no final também estão mais próximos um do outro. E é por isso que a animação é um pouco lenta no início e um pouco lenta no final. Portanto, a facilidade fácil está afetando o espaçamento entre os quadros e o tempo da animação, nosso tempo, ainda é o mesmo. Ainda são 24 quadros, 1 s. Ok, essa ferramenta aqui é o editor gráfico. Essa ferramenta é a ferramenta mais importante no After Effects. Aqui você pode controlar o espaçamento da animação. Deixe-me ativar o efeito de eco e deixe-me ativá-lo, deixe-me transformar minha animação e duas em lineares. Então vá para o editor gráfico. Ok? Então, quando você tiver uma linha enorme de interpolação linear o editor de curvas ficará parecido com essa linha linear. Deixe-me aplicar o Easy Easy. E deixe-me ativar o efeito de eco. Tudo bem? Então, se eu for até aqui e fizer a mão assim, veja o que está acontecendo aqui. Os quadros no início da animação estão se aproximando um do outro. E se eu também brincar com essa alça, os quadros no final da animação estão se aproximando um do outro. Portanto, quanto mais plana a curva, mais lenta é a animação, pois os quadros estão se aproximando um do outro. E quanto mais íngreme a curva, mais rápida é a animação, já que os quadros estão distantes um do outro, você saberá mais sobre isso em nossa próxima lição. Então, se eu quiser que meu círculo se mova mais rápido no começo, mais devagar no meio e mais rápido no final. Ok? Eu posso fazer com que isso seja tratado assim. Eu posso fazer com que a curva seja mais íngreme, para que os quadros fiquem distantes um do outro, que tornará a animação mais rápida. Eu posso fazer com que isso seja tratado assim. Para torná-lo mais íngreme no meio, para todo sólido, para torná-lo mais plano no meio e mais íngreme no final. No meio, as molduras estão próximas umas das outras. E, no final, as molduras estão distantes uma da outra, o que tornará o movimento mais rápido e mais rápido. Então, começa muito rápido. No meio. É muito lento, pois os quadros estão próximos um do outro. E então ele se move rápido. Tudo bem, agora que abordamos o que é tempo e o que é espaçamento, seu exercício é fazer três ou quatro opções de espaçamento diferentes como fizemos nesta lição. Brinque o máximo que puder com o editor gráfico. Vai ser seu amigo durante esta aula. E não se esqueça de postar seus exercícios no painel do projeto. Felicidades. 5. O gráfico de valor: Tudo bem, então nesta lição, vou me aprofundar um pouco mais no editor gráfico e, especificamente, no gráfico de valores. Eu fiz este gráfico para você mostrar os diferentes espaçamentos que você pode obter alterando o gráfico de valores. Então, quais são os tipos de gráficos que temos e como podemos acessá-los. Ok, agora temos essa camada de forma e temos uma animação de posição x aplicada nela. Tudo bem? E essas linhas entre elas, entre elas, são o efeito de eco que temos para mostrar os quadros entre esses dois quadros-chave. Ok, então nesta pequena ferramenta aqui, este é o editor gráfico. Você pode selecioná-lo. E aqui escolhemos tipo de gráfico e as opções selecionadas. E temos esse gráfico de edição de valor e gráfico de velocidade de edição. Por enquanto, selecionarei o Editar gráfico de valor, pois trabalharemos nele. Tudo bem? Então, eu seleciono meus quadros-chave. E essa é a linha que temos já que é uma animação linear, temos essa linha reta. Ok? Só uma nota rápida. Certifique-se de que sua posição esteja separada. Então você tem a posição x e a posição y clicando com o botão direito do mouse em Dimensões separadas. Agora eles já estão separados. Tudo bem, então, no gráfico de valores, você pode usar esse controle deslizante para aumentar e diminuir o zoom ou usar os botões de menos e mais. Tudo bem? E essa pequena janela aqui pode caber na sua visualização gráfica. Tudo bem? Ok, então o gráfico de valores, esse é o valor e esse é o tempo. E à medida que você avança no tempo, o valor aumenta. Ok, agora deixe-me aplicar facilidade esses dois quadros-chave. Pressione F9. Tudo bem? Como você pode ver agora, apliquei a facilidade fácil, agora temos uma facilidade no início da animação e está no final da animação. Portanto, os quadros estão mais próximos um do outro. Ok, agora queremos desenvolver a capacidade de observar a curva de animação e descobrir o que está acontecendo. Portanto, a curva de animação mostra a mudança no valor ao longo do tempo. Portanto, quanto mais íngreme for a curva, mais rápido o objeto se moverá. Digamos que se eu selecionar essa alça Bezier e movê-la assim. O que estou fazendo aqui é tornar a curva mais plana no início. Mas com o tempo, se você avançar, o valor aumentará. Então, o movimento está começando bem devagar e vai acelerar um, a curva é mais íngreme. Portanto, as principais coisas a serem lembradas aqui são as seguintes. íngreme é igual mais rápido, mais íngreme é igual mais rápido e mais plano é igual a mais lento. Então, se eu pegar essa alça de Bezier e fazer assim, agora estou tornando a curva mais íngreme. Então, o que está acontecendo aqui é os quadros estão afastados um do outro, o que tornará a animação muito rápida no início e no final. Os quadros estão muito próximos um do outro, o que tornará a animação muito lenta. Enquanto você está brincando com essa curva, veja o que está acontecendo aqui nesse espaçamento entre os quadros. E você começará a entender tudo isso. Só precisa de prática e foco para absorvê-lo. Tudo bem, agora vou aplicar pequena animação para mostrar como posso utilizar o gráfico de valores para tornar a animação mais suave. Ok, então digamos que eu tenha esse prato aqui, e eu tenha essa xícara de café. Basta ignorar as formas e as cores. Tudo bem? Então, vou selecionar a camada em branco. É uma composição e eu tenho todas as minhas formas dentro dela. Tudo bem? Então, eu tenho meu ponto de ancoragem no meio. Então, agora o que eu vou fazer é pressionar P no teclado. Vou separar minhas dimensões. Então, eu tenho mais controle sobre as posições x e y. Ok, então vamos selecionar esses quadros-chave, criar quadros-chave, movê-los como 24 quadros, digamos. E vamos arrastar isso para o início e colocar a placa fora da moldura. Então, agora, como se estivesse entrando no quadro. Tudo bem, acho que 24 quadros é um bom momento. É como chegar 10 segundos. Tudo bem, agora vamos aplicar um pouco de rotação e tudo no teclado. Selecione o quadro-chave. Você pode pressionar U para revelar ou todos os. Chaves que temos, que temos nessa camada. Ok, vamos girá-lo. Talvez eu não saiba. Assim. Tudo bem, isso funciona para mim. Tudo bem, agora, vamos aplicar um pouco de escala nesta cápsula. Quando o prato chegar, a xícara de café vai aparecer. Então, vamos pressionar S, selecionar primeiro a camada, pressionar S, criar um quadro-chave. Mova-o assim. Talvez, eu não sei. Um monte de molduras, com mais de 15 quadros ou mais. Tudo bem? Ok. Então, como você pode ver agora, minha animação é super básica. Eu só tenho os quadros-chave. É um movimento linear. Eu não tenho nenhuma facilidade com eles. Então, primeiro, deixe-me selecionar todos os quadros-chave que tenho para a placa e pressionar F9. Fácil, fácil. Ok, agora a animação parece melhor. Mas agora, como estou familiarizado com o gráfico de valores, posso ter mais controle sobre o meu, sobre o espaçamento da animação. Então, digamos que eu queira que a placa chegue mais suavemente, ok, para que eu possa selecionar minhas posições. Vá até o editor gráfico. Agora. Portanto, a linha vermelha é minha posição x e a linha verde é minha posição y. Assim, posso selecionar meus quadros-chave, selecionar essas alças de Bezier e movê-las assim. Então, como você pode se lembrar, mais plana, a curva, mais lenta é a animação. Então eu posso fazer assim. Então, agora veja o que vai acontecer. Ok, agora, deixe-me aplicar a mesma coisa para a rotação. Vá para o editor gráfico. Selecione esse quadro-chave e mova-o assim. Estou tornando a curva mais plana. Veja a diferença. Surge muito devagar. Está demorando para parar. Agora, posso estender um pouco o tempo para ser mais óbvio para você. Sim. Tudo bem. Agora vamos ver, para a escala do copo. Isso é aplicado em 0s. Ok, a escala da xícara é boa, mas vamos aplicar a mesma coisa que fizemos para o prato. Vamos ao Editor de Gráficos. Selecione a chave, esse quadro-chave, e mova a alça de Bezier desta forma. Quanto mais plana a curva, mais lenta é a animação. Ok, talvez possamos estender um pouco o tempo para torná-lo mais óbvio. C. Tudo bem, agora vou mostrar uma nova maneira de animar formas e como você pode usar o gráfico de valores para controlar o espaçamento da sua animação. Então, vou criar um novo caminho ondulado usando a ferramenta caneta aqui. Ou você pode pressionar G no teclado. E eu vou usar a ferramenta da caneta. Ok, então crie a forma. Ok, agora eu vou até este botão play e vou adicionar os caminhos de acabamento. Vou usar o final e o início para fazer uma forma curta como essa. Ok, e depois disso vou usar o offset para animar a forma ao longo desse caminho. Mova-o para fora da moldura. Então esse ícone de relógio. E eu vou movê-lo como, digamos, 2 s. Movê-lo até o fim. Ok, então agora eu tenho essa animação. Tudo bem, então vamos selecionar todos os quadros-chave e pressionar F9 para facilitar. Ok, então, como você pode ver agora, esta é minha animação. Não está acontecendo muita coisa. Essa forma está se movendo ao longo desse caminho. O que vou fazer agora é que, como é uma onda, essa forma tem que acelerar em algumas áreas específicas e é, e deve diminuir em algumas áreas. Então, agora vou adicionar quadros-chave sobre onde a forma deve ficar mais lenta e onde deve ser acelerada. Ok, então primeiro vai começar aqui. Vai, vai ser um pouco lento por aqui. E aqui, vai aumentar a velocidade. Então, vou criar um novo quadro-chave. E aqui, ele vai desacelerar novamente o quadro-chave. E na ponta aqui , vai acelerar novamente. aqui, vai diminuir a velocidade. Tudo bem, então agora vou para o editor gráfico. Selecione o deslocamento. E aqui estão meus quadros-chave. Ok, então agora vou brincar com essas alças Bezier. Mas antes de começar, selecione todos os quadros-chave no meio e vá até aqui e selecione converter quadros-chave selecionados em bezier automático. Essa ferramenta bloqueia a alça Bezier unida. Tudo bem? Ok, então aqui a animação deve ser lenta , pois está se movendo para cima. Então, vou fazer esse Bezier lidar assim. Então, vou deixar a curva mais plana. Mais lisonjeado é igual a mais lento. E aqui ele vai aumentar a velocidade, novamente, desse quadro-chave. Então eu vou fazer, vamos, deixe-me ampliar. Tudo bem. Então, aqui ele vai aumentar a velocidade novamente. Então, vou torná-la mais íngreme assim. E aqui vai desacelerar novamente. Então, eu vou tornar a curva mais plana aqui. Certifique-se de não ter uma linha reta pois você não quer que a animação pare. Então você faz isso assim. Tudo bem? E aqui ele vai aumentar a velocidade novamente. Então, eu vou tornar a curva mais íngreme. E aqui vai desacelerar novamente. Vamos ver o que temos agora. Tudo bem. Ok, então está se movendo lentamente por aqui. E então ele acelera novamente. E fica mais lento. E aqui ele acelera novamente e desacelera. E é basicamente isso. Ok, então só mais uma coisa. Antes de terminar esta lição. Você pode ir até aqui e marcar esta caixa de apresentação de transformação. Primeiro, está ativo. Você pode selecionar todos os seus quadros-chave. Desculpe. Ok. E você tem essa caixa destacada sobre seus quadros-chave. Então, o que você pode fazer com essa caixa é mudar seu horário, se quiser. Para toda a animação. Digamos que você pense que a animação, que toda a animação dessa forma seja muito lenta ou rápida. Então, para torná-lo lento, você pode arrastar isso até aqui. Agora, toda a animação é inclinada e você também pode torná-la mais rápida arrastando-a assim. Ok, agora temos que exercitar o que acabamos de abordar. Você pode obter o arquivo do projeto no painel do projeto e tentar praticar o máximo que puder. Já que esse assunto é um pré-requisito para desbloquear suas habilidades de animação. 6. Aula bônus: Tudo bem, então, nesta lição, vou abordar algumas das ferramentas mais úteis e essenciais do After Effects. Acredito que se você está familiarizado com o After Effects, sabe o que é ser pai agora e como é ser mãe. Esta lição é para aqueles que não estão familiarizados com o After Effects e essas ferramentas. Portanto, se você é um designer de movimento experiente, pode pular esta lição. Tudo bem, então vou começar com a paternidade. Aqui eu tenho duas formas. Eu tenho o primeiro, eu os pintei com marrom. Eu tenho esse círculo, eu tenho a xícara de café e eu tenho esse d de duas camadas. Tudo bem. E se eu quiser que a xícara de café e essa equipe sigam o círculo? Então, se eu mover esse círculo ao redor dele, suavizando sozinho e o resto das formas não estão seguindo o círculo. O que posso fazer é selecionar o resto das camadas e usar o chicote e arrastá-lo até a camada circular para torná-lo aparente. Então, agora, se eu mover o circuito, o resto das formas o seguirão. Ok, mas às vezes essa não é a maneira ideal de fazer isso. Às vezes, você precisa de uma camada para controlar ou manipular toda a forma. Então, o que eu posso fazer, esse joelho, aperte Desfazer. Eu posso criar um objeto nulo. Você pode ir para a nova camada ou pressionar Control Alt Shift Y. Então aqui eu tenho meu objeto nulo. É um objeto vazio, não tem nada dentro dele e não será mostrado em sua renderização. Então, deixe-me colocá-lo no meio. O ponto de ancoragem. Tudo bem, deixe-me arrastá-lo acima das formas. Ok, então agora eu tenho esse objeto nulo. Assim, posso selecionar todas as formas, usar o chicote e arrastá-lo para o nano. E agora eu tenho o nulo como pai. Então, está controlando toda a forma. Ok, deixe-me chamá-lo, por exemplo, forma. Um controlador. Tudo bem. Desculpe. Ok. Ok, então o que eu posso fazer mais é criar um, outro nulo para a copa e somente para esse time. Assim, posso criar outro Null Control Alt Shift enquanto você o arrasta até aqui, selecionar a xícara e o vapor e usar o chicote e arrastá-lo até o nulo. Mova o ponto de ancoragem para o centro da composição e vamos dar um nome a ele. Controlador. Agora, se eu mover essa camada, se eu mover o copo, deixe-me desmarcar esse cochilo por enquanto. Se eu mover o nulo, é mover o copo com o vapor. Mas agora, se eu mover a forma de um controlador, o copo não está seguindo. Isso porque agora o copo tem seu próprio controlador. Então, o que devo fazer é conectar o controlador do copo ao controlador de forma ou ao controlador principal de alguns meses. Então, vou selecionar o controlador do copo, selecionar o chicote e arrastá-lo para o controle de forma. Agora, esse controlador de formas está controlando todas as formas, incluindo o nulo ou a alça do copo. Agora, se eu mover a forma de um controlador, ela está se movendo. Então, a ideia agora é que eu posso controlar o copo, usaria esse controlador sozinho, e eu posso controlar toda a forma. Isso moldaria um controle. Você pode escalar e escalar para a esquerda e para a direita. E eu também posso aplicar a mesma coisa para esse formato. Vamos ver aqui que temos um MasterCard e ele tem os mesmos formatos dentro dele. Então, eu quero que esse cartão de crédito tenha seu próprio controle. Então, o que eu posso fazer é primeiro criar um novo nulo. Selecione o MasterCard e as formas e todas as formas dentro dessa forma retangular. E eu vou usar, e usando o botão de seleção, arrastar para o nulo quatro. Vamos colocar o ponto de ancoragem no centro deste MasterCard. Essa é a próxima carta. Então agora eu tenho controle sobre o tribunal. Agora eu posso criar um novo agora, vamos nomeá-lo e colocar o ponto de ancoragem no centro. Vamos dar um nome a ele. Dominado. Agora, posso selecionar esse controlador de placa, usar o botão de seleção e arrastá-lo para o nó principal. E eu seleciono a forma circular e uso o chicote para torná-la aparente para o nó principal. Agora, o nulo mestre está controlando as formas antigas e o controlador do carrinho está controlando a placa junto. Tudo bem, agora o que posso fazer é criar um nulo que possa controlar as duas formas em um dia. Então agora eu tenho esse nó principal, ou vamos chamá-lo como este controlador de uma forma de dois, certo? Então, ele está controlando essa forma e esse NADH está controlando essa forma. Agora eu posso criar um novo nulo. Vamos dar um nome, controle principal. E eu posso selecionar a forma, um controle, que controla toda essa forma. E use o chicote de seleção para arrastá-lo até o nó mestre e molde para usar o chicote de seleção regular no controle mestre. Agora, esse nulo está controlando as duas formas. Eu posso escalar, posso girar, posso movê-lo para a esquerda e para a direita, para cima e para baixo. Tudo bem, agora vamos falar um pouco sobre Matt. Tudo bem, Matt é um objeto que controla a visibilidade de outro objeto. Digamos que eu tenha essa tigela aqui e queira fazer uma animação simples. Digamos que eu queira que a bola caia daqui para cá. Aplique algum quadro-chave básico de animação. Gostaríamos de 1 s e arraste-o até aqui. Tudo bem, então agora eu tenho essa animação simples. Agora vou usar o tapete, como dissemos, que controla a visibilidade desse objeto. Então, o que eu posso fazer é criar uma nova camada sólida. Ou eu posso pressionar Control Y no teclado. Você pode mudar, você pode escolher a cor que você quer, além disso, ok? Tudo bem, então vamos reduzi-lo assim. Ok? Então agora essa forma, essa forma aqui, controla a visibilidade da tigela que eu tenho. Então, o que eu posso fazer é ir até a camada da bola, ir para o Track Matte. Se não estiver visível para você, você pode alternar o modo de alternância e ele aparecerá. Desculpe. Tudo bem. Assim, posso ir até a camada da bola, ir para o Track Matte e selecionar a forma sólida que acabei de criar. Ok, então agora minha tigela está usando essa camada como um Alpha Matte. Ok, mas como você pode ver agora, isso não é o que eu quero. Como eu quero que a bola fique invisível aqui e fora desta caixa, eu quero que ela apareça. Então, o que eu posso fazer é simplesmente clicar neste clique para inverter o tapete. Agora está visível. É invisível por dentro sempre que a bola estiver dentro desse objeto e aparecerá sempre que a bola estiver fora desse objeto. Tudo bem? Tudo bem, então abordamos o que são nulos e tapetes parentais e como podemos usá-los. Essas ferramentas precisam de prática para realmente ter uma ideia de como empregá-las e da melhor maneira de fazer isso. Então vá em frente e comece a brincar com isso. Falhou e repita até conseguir. Agora temos a informação de que você precisa é praticar. 7. O gráfico de velocidade: Tudo bem, então, na lição anterior, mergulhamos no editor de gráficos e fizemos algumas coisas usando o gráfico de valores, e aprendemos a importância dessa ferramenta no controle de nossa animação. Começarei esta lição mostrando uma pequena parte da automação. A coisa mais atraente que você notará em uma animação muito boa é o caminho curvo do movimento. Na vida real. Quando você vê uma borboleta, ela não se move em linha reta. Ele tem esse movimento deliberado em que desacelera e acelera. Um está passeando no pomar. E é isso que torna a peça de animação que vou mostrar a vocês agora uma boa peça. Tem esse movimento deliberado que torna a animação bonita e alegre aos olhos do espectador. Tudo bem, essa é boa. Então, como efeitos colaterais, temos algumas maneiras de fazer esse tipo de movimento. Nesta lição, vou me aprofundar um pouco mais no Curve Editor. E agora vamos escolher um tipo diferente de gráfico, esse gráfico de velocidade. Portanto, na lição anterior, usamos o gráfico de valores para criar e controlar esse caminho de movimento ondulado, em que o movimento está acelerando e diminuindo. Agora vamos fazer a mesma coisa, exceto que você vai usar uma opção de curva diferente, que é o gráfico de velocidade. você precisará desse gráfico em Às vezes, você precisará desse gráfico em seus projetos futuros, e é melhor se acostumar com isso. Agora, esse parágrafo é um pouco mais difícil e confuso de ler do que o gráfico de valores. É um pouco difícil aprender. Mas ei, se isso não te desafiar, não vai te mudar, certo? Então, vamos começar. Tudo bem, então eu tenho esse caminho de movimento, digamos, movimento linear. Primeiro, deixe-me aplicar o ys, ys no primeiro, eu vou te mostrar o gráfico de velocidade. Vamos até o editor gráfico e vamos selecionar nossos quadros-chave. Vá para Mostrar gráfico, tipo e opções e selecione Editar gráfico de velocidade. E aqui nossos forros. Então, vamos selecionar os quadros-chave e pressionar F9. Fácil, fácil. E agora temos essa linha estranha. Ok, então primeiro vou colocar os quadros-chave como fiz antes para saber onde a forma diminui e a velocidade de rotação aumenta. Ok, então até chegar aqui, vai acelerar. Então, vamos colocar um quadro-chave aqui. Vai diminuir a velocidade. Vamos colocar um quadro-chave. Aqui. Vai acelerar novamente. E vai ficar mais lento. Tudo bem? Então, vamos ao Speed Graph. Tudo bem, então, como você se lembra, no gráfico de valores, íngreme a curva, mais rápido o movimento e quanto mais plana a curva, mais lento é o movimento. Agora, no gráfico de velocidade, é diferente. Portanto, no Speedy Graph, quanto maior a curva, mais rápido o movimento, e quanto menor a curva, mais lento é o movimento. Ok, então primeiro deixe-me selecionar todos os quadros-chave e selecionar a alça Auto Bezier. Tudo bem. Ok, então aqui a forma vai ficar mais lenta. Então, deixe-me pegar esse quadro-chave e contorná-lo. Vamos ver, 55, tudo bem. E isso vai acelerar. Então, vamos criar esse quadro-chave. Talvez 400. Vai diminuir a velocidade. Então, vamos fazer isso 50 também. E aqui vai acelerar. Então, vamos fazer com que seja 400. E então vai desacelerar, eu acho. Então, aqui podemos brincar com a alça Bezier para refinar sua curva. É meu cachorro. Tudo bem. Ok, então se você for até esta janela, você pode selecionar Mostrar gráfico de referência. Este é o gráfico de valores que você pode ver agora, como você pode se lembrar, ok, se voltarmos para Editar gráfico de valor, você verá que é o mesmo gráfico que fizemos antes. Só que agora usamos o gráfico de velocidade. Mas temos o mesmo gráfico de valores. Então, para fazer uma comparação, o gráfico de valores aqui, digamos que a forma de um dia esteja se acelerando. A curva é mais plana. No gráfico de velocidade. A curva é maior. No gráfico de velocidade. Para acelerar o movimento, a curva precisa ser maior. No gráfico de valores. Para acelerar o movimento. Tem que ser, a curva tem que ser plana. Então, aqui está nossa moção. Ok, então o que eu recomendo de você agora é memorizar o seguinte. No gráfico de valores, inclinação mais íngreme, igual , plana ou igual. E no gráfico de velocidade, quanto maior a curva, mais rápido o movimento, menor a curva. Mais lento é o movimento. Tudo bem, agora podemos ir e praticar o máximo que você puder. Você pode obter o arquivo de efeitos colaterais do projeto e dos recursos. E lembre-se de que é essencial entender a curva. O editor fica sem ele. O resto das aulas não será eficaz. Nos vemos na próxima aula e teremos prazer em praticar. 8. oscilação: Nesta lição, vou apresentar uma das emoções mais comuns que você costuma ver em animações. É chamado de oscilação. Então, o que é oscilação? Simplesmente, é um objeto que se move para frente e para trás e, às vezes, para após o movimento para frente e para trás. Então, vamos entrar no After Effects e fazer algumas oscilações. Ok, agora temos esse brinquedo de balanço de madeira e digamos que queremos balançar para frente e para trás. Ok, vamos fazer com que comece às 50. Crie um quadro-chave. Mova-o 1 s e vamos criar -50. Ok, então agora está indo de 50 a 50 e depois de volta à sua posição inicial. Vamos copiar e colar o primeiro quadro-chave. Ok? Tudo bem, agora eu posso ir para o, ok, agora eu quero estender isso para frente e para trás copiando e colando os quadros-chave. Eu posso fazer isso conhecendo o editor gráfico. Vamos ter certeza de que estamos no gráfico de valores. E temos que estar no último quadro-chave, selecionar todos os quadros-chave. Comando C para copiar, comando V para colar. Vamos fazer outro. Tudo bem. Agora eu posso tê-la como animação em loop. Tudo bem, agora temos esse movimento para frente e para trás, mas, como você vê, parece que não tem nenhum peso. Parece ruim. Então, vamos criar, vamos selecionar todos os quadros-chave e pressionar F9. Fácil, fácil. Agora vamos ver. Agora, obviamente, parece que está muito melhor. Tudo bem, mas ainda preciso fazer alguns ajustes na curva para torná-la mais crível, como se tivesse algum peso. Então, aqui está o espaçamento que é útil. Ok, então agora imagine ou pense em uma criança brincando em um balanço em um quintal. Quando o balanço atinge sua posição final, assim, ele para por um tempo, talvez por um milissegundo. Então, a gravidade o força a voltar à sua posição inicial. Aqui. Ele vai parar por um tempo e depois voltará à sua posição inicial. Ok, então para tornar isso possível, para fazer essa pequena pose, podemos ir ao Editor de Gráficos, o gráfico de valores. E vamos selecionar esses quadros-chave e movê-los um pouco assim. E aqui também. Talvez os dois lados. Então, agora estou estendendo um pouco a curva. Então, estou tornando a curva mais plana para torná-la. Então, quando atingir essa posição, ele vai se segurar um pouco, depois vai continuar sua animação. Então, vamos ver. Sim. Claro que você pode fazer isso. Você pode exagerar mais sobre isso. Então você pode fazer isso talvez assim. Se você quisesse parecer mais caricatural, entendeu? Se isso é legal para você, você pode ir em frente e fazer isso. Eu simplesmente não preciso de muito exagero, então vou ficar bem com esta moção por enquanto. Tudo bem. Agora, o movimento parece ter algum peso. Parece que é um objeto real influenciado pela física. Ok, legal. Então, agora, como você sabe, oscilações, às vezes, precisam parar. O movimento começa a decair até parar. E é isso que acontece maioria das vezes em nossas animações. Temos uma forma ou um logotipo. Está se movendo para frente e para trás e depois para. Então, vamos ver como podemos conseguir isso de uma forma elegante. Então, aqui temos nosso swing. Está se movendo para frente e para trás. E então tem que ser que parar. Portanto, esse quadro-chave tem que estar em zero. Então, cada oscilação será cada vez menos assim até chegar a zero. Então, esses três ou quatro pontos devem formar uma curva de decaimento. Então, eu mostraria uma maneira de fazer a decadência corretamente. Então, vamos criar um novo nulo. Ok? Vamos fazer uma rotação apenas para referência. Então, criaremos um novo quadro-chave. Vamos colocá-lo em $0,50. Nossa posição inicial para o swing é 50 e depois terminará em zero. Ok? Faça com que seja IIS. E vamos ver, a primeira chave é íngreme para ter uma curva de decaimento. Então essa é a curva de decaimento. Usaremos essa curva de decaimento como referência e nossa animação de rotação. Então, para ver a curva de decaimento como referência, examinamos esse gráfico aqui, incluímos essa propriedade e o conjunto do editor gráfico. Clique nele. E agora temos a curva de decaimento e nosso editor gráfico como referência. Então, vamos começar aqui com essa chave. Nossa referência aqui é 28. Portanto, nossa chave de rotação aqui deve ser -28. Tudo bem? Aqui nesta chave, podemos observar a chave que corresponde à curva de decaimento. Aqui nesta chave, a curva de referência está em 9,7. Então, vamos fazer isso -9,7. Vamos dar uma olhada nessa chave na curva. E você está, a curva diz 1,2. Vamos fazer com que seja -1,2. Vamos desligar a referência. Ok, agora, como você pode ver, as chaves que temos agora na rotação estão formando uma curva de decaimento até chegarmos ao zero ou até que ela pare. Mas agora você pode ajustar suas alças Bezier alças e veremos o que você tem. Ok? Ok. Acho que é bom, mas às vezes você acha que quer ajustar um pouco as teclas. Talvez você não esteja 100% satisfeito com o resultado. Talvez você possa ajustar seu tempo ou fazer isso, digamos, menos quadro-chave mais próximo. O segundo para tornar o momento mais adequado. Vou deixar você lidar com isso. Esses são alguns ajustes que você pode fazer para ajustar sua animação até ficar satisfeito com o resultado. Ok, talvez eu queira mudar todo o tempo da animação para poder usar a caixa de transformação, selecionar todos os quadros-chave e torná-la um pouco mais rápida. Ok, então outra maneira é mudar o tempo de sua animação sem usar a caixa de transformação é voltar para você. Pode selecionar todos os quadros-chave e pressionar e segurar Command e selecionar o último quadro-chave. E você pode ajustar seu tempo como quiser. Talvez você queira mais rápido ou talvez você queira mais devagar. Tudo bem, então isso é tudo para oscilação. Certifique-se de praticá-lo o máximo que puder no painel do projeto Você pode obter o arquivo do projeto que contém a arte swing. Nos vemos na próxima aula. 9. Antecipação e overshoot: Tudo bem, então, nesta lição, vou apresentar um novo e importante princípio de animação que costumamos usar em animação. É chamado de antecipação, embora superação não seja considerada um princípio, mas geralmente é usada após a antecipação. Você pode pensar nisso como um acessório. Ok, então digamos que eu tenha esse logotipo aqui e queira aplicar alguma animação de escala nele usando antecipação e superação. Então, primeiro eu quero reduzi-lo um pouco. Digamos que 40. Tudo bem, vou criar um quadro-chave. Vamos fazer alguns quadros e fazer com que sejam cerca de 20, como se estivesse se preparando para escalar. Então, diminui a escala. E então vai aumentar de escala, digamos 75. Ok, então esta é minha animação por enquanto. Vamos selecionar todos os quadros-chave e pressionar F9. Fácil, fácil. Ok, talvez eu queira mudar o horário. Eu quero fazer isso um pouco mais rápido. Ok, então, como definição, antecipação é o movimento na direção oposta à forma como o objeto vai se mover. Então, está se preparando para crescer. Tudo bem? E aqui eu posso acessar o Editor de gráficos usando o gráfico de valores para brincar com o espaçamento, se eu quiser. Então, talvez eu queira que comece bem. Assim, posso fazer a curva usando a alça Bezier. Eu posso torná-lo mais lisonjeado. Portanto, as molduras ficarão bem próximas umas das outras. Assim, podemos ter uma animação mais lenta. Vai começar aos poucos. E então ele aumenta de escala. E aqui eu também posso deixar a alça Bezier mais plana para tornar a saída fácil mais suave. Tudo bem, então agora isso é para antecipar. Agora vamos adicionar algumas exceções. Ultrapassar é quando você passa pelo local para onde deveria ir e depois volta à posição inicial. Então, digamos que eu possa criar um quadro-chave aqui após o último quadro-chave que tenho. Agora. Eu posso ir até o gráfico de valores e selecionar esse quadro-chave e inventá-lo assim. É só um pouco a alça de Bezier. Agora, aqui está a animação, ela passa da posição final e depois volta para sua posição inicial. Eu posso fazer isso talvez por volta dos 90. Então, pode ser mais óbvio, vamos ver. Então, aqui, aqui, essa é a nossa superação. Ele sobe e depois desce para sua posição inicial. Eu posso criar o último quadro-chave e ouvir forma mais suave fazendo a alça de Bezier, tornando a curva mais lisa. Certo? Vamos começar com o cronograma. Mais rápido. Talvez eu possa mudar um pouco o momento da ultrapassagem. Tudo bem? Tudo bem, então talvez seja só para antecipar e ultrapassar. Você pode escolher qualquer forma ou logotipo que quiser e começar a aplicar expectativa e superação em sua animação. 10. Salto: Tudo bem, então é a lição de equilíbrio. E tenho certeza de que a última coisa que você quer ouvir em uma aula de animação é ouvir a palavra física. Mas espere um pouco. Se você quer ser um bom animador, precisa saber como quicar uma bola ou qualquer coisa de uma forma real, elegante e convincente. Para conseguir isso, você precisa pensar sobre o que está fazendo algo se mover e quais são as forças que atuam sobre ele para escolher o movimento certo para o seu equilíbrio. Ok, então vou começar esta lição primeiro usando o Photoshop para demonstrar como a bola salta e os diferentes fatores que afetam o salto de ambas. Então, primeiro, digamos que eu tenha uma superfície de acorde rígida e uma bola de tênis. Ok, agora temos dois fatores que afetarão o equilíbrio desta placa. O peso da bola. E agora temos uma bola de tênis. E o segundo fator é a superfície ou o tipo de superfície que temos. Agora temos uma superfície dura. Então a bola de tênis vai cair no chão. Então, ele vai saltar. Então, ele vai saltar um pouco menos. Já que vai perder um pouco de sua energia do que um pouco menos e menos e menos, até chegar, até parar. Portanto, esse movimento saltitante segue uma curva de decaimento. Então, alguns desenham uma pequena linha no auge de cada limite. Eles deveriam fazer uma curva de decaimento inclinada como esta. Ok, então, para fazer com seus ossos pareçam bons e confiáveis, evite ter um padrão equilibrado que tenha uma linha reta do início ao fim, como essa ou qualquer outra coisa. Ok? Assim, cada salto diminui seguindo o caminho da curva AD e terminando em zero. Tudo bem? E preste atenção nisso, também é importante. O ângulo em que a bola atinge o chão. Digamos que esse seja exatamente o mesmo ângulo que sai do chão. Suas alças Bezier. E o After Effects, veremos mais adiante, deve ter todos ângulos simétricos. Além disso, cada salto leva cada vez menos quadros. Portanto, o tempo dos limites DKs, assim como a altura. Então, o tempo entre os quadros como esse, será cada vez menor que a altura, os limites. Então, todos eles seguem essa curva de decaimento inclinado. Ok, digamos que eu tenha um tipo diferente de bola, uma bola de boliche. E vai cair à direita. Agora temos um tipo diferente de superfície e temos um tipo diferente de bola. Essa bola é, obviamente , mais pesada e o tapete vai ajudar, ou afetará o salto da tigela, já que é o tapete. Então, com base no peso da bola e no tipo de superfície, ela vai saltar apenas uma ou duas vezes. Máximo. Uma vez. Tudo bem? Portanto, antes de começar a animar uma balança, você deve se perguntar três perguntas principais. Primeiro, do que é feita a superfície? Do que a tigela é feita? E qual é o tamanho da lâmpada? Essas três perguntas, uma vez respondidas, determinarão o tempo e o dk, o mouse. Ok, agora estou dentro do After Effects para animar alguns saltos. Então aqui eu tenho uma bola de tênis, e aqui eu tenho a superfície. Então, para começar a responder às perguntas principais, as três principais questões que discutimos anteriormente são as três principais questões que discutimos anteriormente que tipo de bola eu tenho uma bola de tênis. É de tamanho médio. Que tipo de superfície eu tenho? É uma superfície dura. Então, apenas respondendo a essas três perguntas. Temos uma ideia, como deve ser o balanceamento, como devemos tratar o equilíbrio desse conselho? Então, a primeira coisa que tenho que fazer sempre que tenho uma balança é quebrar ou os componentes dos limites e trabalhar em cada um separadamente. Eu vou te mostrar como primeiro nosso equilíbrio está acontecendo na posição Y. Vamos fazer a rotação primeiro, ok? Então, primeiro nossa raiz, nosso equilíbrio está acontecendo na posição Y. E também pode se mover da esquerda para a direita, que é a posição x. E pode muito bem estar girando. Então é a rotação. Então, esses são os três componentes diferentes que podem acontecer em um salto. Portanto, devemos trabalhar em cada um separadamente. Ok, vamos começar animando os limites na posição Y. Ok? Digamos que primeiro eu vou criar um novo quadro-chave. Vamos mover 20 quadros. Meio que coloque esse quadro-chave aqui. E digamos que a bola de tênis caia dessa altura. Digamos 1150. Ok, a altura é boa. Vai se formar assim. Então, vou selecionar todos os quadros-chave e pressionar F9. Fácil e fácil, e vamos ao editor gráfico. Ok, então eu quero que a bola de tênis comece um pouco com impulso e depois acelere. Então, vamos fazer esse Bezier lidar assim. Então, vai ser assim. Ele começa devagar e depois acelera 20 quadros no tempo. Eu acho que é justo. Ok, então agora nosso equilíbrio vai levar menos tempo, como discutimos antes. Digamos que agora ele atinge o chão e agora deve se recuperar. Então, digamos que a primeira, a queda levou 20 quadros. Então, digamos que o próximo salto tenha 15 quadros. Então, há t e cinco, então são 15 quadros. Vamos criar um quadro-chave. E agora vamos brincar com as alças de Bezier. E, como discutimos antes, o ângulo aqui deve ser igual ao ângulo aqui, então podemos vê-lo assim. Isso também. Agora, a grande questão é: qual deve ser a altura para o próximo salto. Então, agora nosso equilíbrio está acontecendo. Deveria ser assim? Ou deveria ser menor? Temos duas maneiras de descobrir isso. Ou podemos observar e seguir nossa intuição, ou podemos usar uma curva de referência, como fizemos para a oscilação, criando um novo objeto nulo e criando novos quadros-chave para ter a curva de decaimento como referência. Por enquanto, vou continuar o equilíbrio apenas observando. E talvez no final, se eu não estiver satisfeito com a bola quicando, eu possa criar um novo nulo para tê-lo como referência, se eu quiser ajustar meu equilíbrio. Então, vamos continuar. Agora eu tenho um segundo limite. Então, o terceiro salto. Vai levar menos tempo. Digamos que dez quadros. Um novo quadro-chave. E lembre-se que esse ângulo deve ser igual a esse ângulo. Ok, então, apenas observando, certifique-se de que é uma curva de decaimento e não uma linha reta. Certo? Portanto, se você desenhar uma linha reta sobre a ponta de cada limite, certifique-se de que seja uma curva e não uma linha reta, como discutimos no início da lição. Ok, então aqui eu tenho meus segundos títulos. Agora, o terceiro talvez deva ter cerca de cinco quadros. Eu posso acrescentar um pouco. Tudo bem, perfeito. Acho que o equilíbrio está bom. Basta observá-lo sem usar a curva de decaimento. Se você acha que deveria. Se você se sentir mais confortável usando a curva de decaimento, vá em frente e use-a. É a mesma técnica usada para a oscilação. Portanto, fique à vontade para usá-lo como referência para mim agora, acho que estou satisfeito com meus resultados. Assim, você pode ajustar as curvas como quiser, desde que esteja satisfeito com o resultado final. Ok, agora vamos trabalhar no segundo componente da balança. E é a posição X. Agora, a bola tem que estar fora da moldura e vai saltar , entrar na moldura e parar no final. Então, vamos criar um novo quadro-chave. Vamos tirar a bola de tênis do quadro. E vamos arrastar tudo para cá. Talvez isso possa parar aqui. Ok? Ok, agora podemos brincar com o Curve Editor. Primeiro, vamos selecionar os dois quadros-chave e pressionar F9. Fácil e fácil. Agora eu posso ir para o editor gráfico. Ok, então aqui, quando ela parar, eu também posso tornar a curva mais plana. Talvez eu possa testá-lo. Digamos que seja assim e veja o que vai acontecer. Não, acho que é uma má opção. Vamos deixar a curva mais plana para chegar bem lenta e suave. Vamos fazer com que o começo talvez seja assim. Também é ruim. Vamos mantê-lo como está e ver qual é o resultado. Ok, agora eu tenho minha animação, talvez uma, talvez aqui ela possa continuar, para se mover um pouco. Depois que ele parar de saltar. Ele para de saltar e depois é contínuo. Vamos retirá-lo completamente da moldura. Ok. Acho que estou satisfeito com o Curve Editor. Não preciso ajustar nada. Tudo bem, então agora estou satisfeito com esses dois componentes, a posição x e a posição y. Agora, vamos fazer a rotação, que é o terceiro componente dos nossos limites. Então, vamos criar um novo quadro-chave. Vamos movê-lo para cá e girá-lo um pouco. Talvez assim. Vamos selecionar os quadros-chave e o voo confiável para facilitar. Ok, vou adicionar o spinning. Não muito. Eu acho que é bom. Dito isso, tentativa e erro. Você pode tentar o quanto quiser até ficar satisfeito com os resultados. Talvez um pouco mais. Sim, acho que isso é bom. Tudo bem, então é isso para esta lição. Sua tarefa é adicionar alguns saltos a qualquer tipo de bola que você não queira. E isso definitivamente afetará o tempo e a curva de decaimento do seu movimento. Você pode encontrar o arquivo do projeto no painel para poder usá-lo e praticar o quanto quiser. 11. Siga por todo: Nesta lição, vou falar sobre acompanhamento. acompanhamento é um dos princípios da animação que adiciona muita vida e diversão ao seu movimento. Então, como animador, não se esqueça de entender esse princípio: o que é acompanhamento? O acompanhamento é uma parte de uma forma continua se movendo depois que essa forma é interrompida. Tudo bem, então agora vamos entrar no After Effects e fazer algumas melhorias. Ok, então aqui eu tenho uma caixa de pancadas. E o que eu preciso fazer com ele é movê-lo para frente e para trás. Mas a vantagem é usar o ou adicionar o acompanhamento nele, não apenas para ir e voltar, temos que adicionar o acompanhamento. Eu tenho esse bastão aqui e está separado em várias camadas. Tudo bem? Então, para girar esse manípulo para frente e para trás, eu tenho que começar da parte inferior desse carrapato. E se eu for até essa camada e pressionar R para girar, se eu a mover para frente e para trás, ela está girando do centro e está se movendo ao longo. Então, o que eu preciso fazer primeiro é mudar seu ponto de ancoragem e colocá-lo na parte inferior da forma. Pressione Y. Você pode pressionar Control e segurá-lo para encaixá-lo. Tudo bem, agora, se eu girar para a esquerda e para a direita, ele está girando de baixo para baixo. Incrível. Mas agora o resto das formas não estão seguindo essa camada. Isso porque ainda não fizemos a paternidade. Então, o que eu posso fazer agora é selecionar essa camada aqui usando o chicote, arrastar e soltar na camada um. camada dois, que é essa, é filha dessa camada mãe. Agora, se eu girar essa camada, essa camada seguirá a camada abaixo. Vou aplicar a mesma coisa nas camadas acima. Então eu seleciono essa camada e essa camada deve seguir a camada abaixo dela. Portanto, usando o chicote, arraste e solte, essa camada também deve seguir a camada abaixo dela. Então escolha chicote e arraste. E essa forma também deve seguir a camada abaixo dela. Então escolha o chicote. E você realmente é porque, agora, se eu girar essa camada, todas elas seguirão a camada base. Tudo bem? Antes de continuar, também preciso alterar o ponto de ancoragem dessas camadas e colocar todas elas na parte inferior. Então, mais y. Encaixe na parte inferior. Esse também. Este também neste. Certo? Então, agora vamos aplicar a rotação básica. Vamos criar um quadro-chave para a camada básica. Vamos mover cerca de 20 quadros e fazer com que seja -30 -30 mais 30. Então, está se movendo para frente e para trás. Vamos aplicar o Easy. Ok, vamos fazer com que seja -30 novamente. Ok, agora eu posso ir ao editor gráfico e copiar e colar as camadas. Tudo bem? Tudo bem, agora que eu tenho a rotação, mas do jeito que está agora, ela parece super básica, parece rígida e nada está acontecendo. Então, vamos aplicar o acompanhamento. Então, o que eu posso fazer é copiar, colar essas chaves aqui, copiar e colar nossas chaves nessa camada acima da camada básica. Tudo bem, vamos movê-los talvez em torno de cinco quadros. E vamos ver o que vai acontecer. Tudo bem, vamos aplicar a mesma coisa na camada acima. E vamos movê-lo tão bem quanto cinco quadros. E o mesmo para este. E o mesmo para este. Ok. Eles, eles seguem adiante. Parece bom, mas talvez eu possa ajustar a rotação da bolsa. Talvez eu possa arrastar as chaves da bolsa até aqui só para retirar qualquer bateria. Tudo bem, então veja o quanto a animação é diferente agora, depois de aplicarmos o acompanhamento, ela dá mais diversão a todo o movimento. Ok, agora, digamos que eu queira que toda a animação seja menos solta, ou, digamos, acho que um pouco de exagero está acontecendo aqui. E eu quero que a rotação seja menos exagerada. Então eu posso ir para a camada básica, ir para o Editor de gráficos. Eu posso selecionar meus quadros-chave aqui. E usando a caixa de transformação, selecione a tecla Control Tab no teclado para mudar os dois lados. E talvez eu possa fazer assim. Se você quiser que seja mais exagerado, pode fazer assim. Isso é demais. Ok, então você entendeu. Você pode aplicar a mesma técnica em qualquer camada que quiser aqui para deixá-la menos ou mais solta. Tudo bem, então vamos passar para o próximo exemplo e agora temos um cenário diferente para lidar. Portanto, temos a mesma caixa de perfuração. Mas a diferença agora é que o bastão da caixa de perfuração tem a forma de uma camada. Então, como vamos aplicar o acompanhamento? Primeiro, vou começar aplicando a rotação básica desta caixa de agrupamento. Então, vamos até esse ponto. Vamos fazer o ponto de ancoragem na parte inferior desse carrapato. E você pode marcar esta caixa aqui para fazer isso sozinho. Tudo bem. Crie um quadro-chave para a rotação. Vamos mover cerca de 15 quadros e torná-los -30, 13. Aplique Easy, Ease e vamos ao editor de curvas para copiar e colar nossos quadros-chave. Ok, então aqui está nossa rotação básica para o manípulo. Tudo bem, agora vou aplicar o acompanhamento usando duas ferramentas, Puppet Tool e a ferramenta basal Direct. Então eu clico na minha camada de bastão e passo até a ferramenta de marionetes aqui. Quero criar três ferramentas de marionetes, uma na parte inferior do bastão, uma no meio e outra na parte superior. Tudo bem. Portanto, ao abrir a ferramenta de marionetes, certifique-se de que o Puppet Engine seja legado e não avançado. Tudo bem, então aqui estou minha ferramenta de marionetes. Tudo bem? Tudo bem, então agora eu preciso usar Ludwig Basil para ter controle sobre essas ferramentas de marionetes a fim de fazer nosso acompanhamento. Ok, então vá para o Windows. ferramenta basal basal Duik é usada principalmente para manipulação de personagens, mas, por enquanto, vou usar apenas uma coisa dela: adicionar osso. Vou te mostrar como fazer isso daqui a pouco. Vamos selecionar nossas ferramentas de caneta. Tudo bem, e vá para o equipamento. Links e restrições e selecione Adicionar ossos. E os ossos são adicionados às nossas ferramentas Puppet. Os vermelhos. Aqui estão as camadas. Pino de marionete um, ferramenta de alfinete de marionete e pino de marionete três. Então, esses ossos agora podem controlar nossa Ferramenta de Marionetes. Agora vamos fazer a paternidade como fizemos no exemplo anterior. Então, ferramenta Caneta, pino dois e pino três no pino dois. E vamos fazer com que o alfinete do boneco seja queimado um em nossa camada, camada adesiva. Então, quando eu movo o manípulo, os ossos ou os controladores perdem nossa forma. Tudo bem, agora eu tenho a rotação básica aplicada ao manípulo. Agora, vamos dar um passo adiante. Não preciso aplicar nenhuma rotação a esse controle na parte inferior, só preciso adicionar rotação a este e ao acima. Então, vamos abrir as propriedades de rotação, criar um quadro-chave. E aqui eu posso usar a rotação. Vamos fazer com que seja talvez assim. Você pode simplesmente olhar para ele. Podemos copiar e colar nossos quadros-chave. Vamos aplicar o Easy Ease. E agora eu posso copiar e colar esse controlador. Vamos mexer um pouco. Perfeito. Agora eu tenho meu acompanhamento aplicado ao bastão. Vamos desligar o solo. E vamos garantir que a bolsa siga nosso bastão. Ok, não esse. Talvez. Vá até o pino. Pino três. Sim. Tudo bem, legal. Tudo bem, então essa é uma forma de fazer o acompanhamento. Quando temos uma camada de uma forma, você pode usar a ferramenta de marionetes e podemos usar o Duik basal para adicionar ossos ter controle sobre sua ferramenta de marionetes. Eu forneci um link para você no painel do projeto para que você possa baixar o Duik basal e usá-lo neste exercício. Não se esqueça de compartilhar seus exercícios e o painel do projeto para que você possa mostrar seu progresso e inspirar outros estudantes. Felicidades. 12. Comprimir e esticar: Tudo bem, então aqui estamos. Chegamos até aqui e espero que você esteja praticando os princípios ao longo dessa jornada. E agora temos que esmagar e nos alongar. Portanto, squash and stretch é um dos princípios da animação que é aplicado a uma forma para dar uma sensação de realismo e flexibilidade. Então, deixe-me demonstrar esse princípio mostrando essas duas amostras. Ok, então vou começar mostrando uma amostra rápida dessa animação sem aplicar squash e stretch a ela. É uma animação de limites simples e, como você pode ver, parece rígida e nada está acontecendo além do equilíbrio dessa tigela. Então, se ativarmos o efeito de eco, você poderá ver que os quadros entre a animação e a tigela estão tendo a mesma forma ou volume em toda a animação. Ok, agora vamos ver o exemplo de squash e stretch. Tudo bem, então, como você pode ver agora, a animação parece melhor. Tem abóbora e elasticidade aplicados a ele. Você pode sentir a diversão e a flexibilidade de, do objeto, da forma dele ativarem o Eco Fact. Você pode ver como o volume do círculo está mudando em toda a animação. Então, ele começa a se comprimir e se esticar no início. Em seguida, ele colide e depois volta. E aqui no meio, ele volta ao volume normal. Em seguida, continua a se espremer e a se esticar. Tudo bem, agora eu quero explicar algo crucial ao fazer squash and stretch. Digamos que eu crie uma nova composição. E digamos que eu tenha essa bolinha. Tudo bem, digamos que temos essa bola e ela vai se mover da esquerda para a direita. Então, ele vai se estender horizontalmente. E, como você sabe, para brincar com esse squash and stretch, você precisa acessar essa propriedade de escala. Tudo bem? Então, ele vai se esticar horizontalmente, mas também tem que se comprimir verticalmente. Certo? E se ignorarmos os movimentos verticais, o volume da bola ficará incorreto ou melhor, distorcido. Então, para evitar isso, temos que colocar os números corretos aqui para corrigir o volume. Então, digamos que se quisermos que o trecho horizontal seja 200, a questão é que deveria ser 50. Mas isso é complicado, especialmente quando temos números complexos. Então, para encurtar a história, essa não é a maneira ideal brincar com esse squash and stretch. Então, para facilitar as coisas para você, eu tenho uma expressão para o squash and stretch usando o controle deslizante. E a expressão é aplicada na escala da forma. E usando esse controlador de slides, você pode movê-lo para a direita e para a esquerda. E você pode apertar e alongar sem se preocupar em distorcer o volume do objeto. A propósito, você pode baixar esse arquivo de projeto para usá-lo. E eu vou te mostrar como você pode copiar e colar essa expressão e o controlador de slides qualquer formato que você quiser. Tudo bem, agora vou aplicar pouco de squash e alongar essa bola quicando. Ok, primeiro, vou obter a expressão com o controle deslizante. Então, primeiro vou copiar o controle deslizante, com base nele a partir daqui. Agora estou tentando entender a expressão. Então selecione em escala, vá até Editar, Copiar somente expressão e cole na camada. Então agora eu posso me espremer e me alongar. Ok, deixe-me fazer um alongamento. Crie um quadro-chave. Pressione U para revelar todos os quadros-chave na camada. Você faz isso assim. E agora vou orientar o objeto passar para pressionar Control Alt no teclado. E você pode orientar essa forma ao longo do caminho. Pressione Ok, tudo bem, então agora eu tenho essa abóbora e aqui ela vai esmagar. Então, vamos fazer isso assim. Ok? Eu tenho um problema com os controles deslizantes, então o intervalo é de zero. Centenas. Então eu posso, eu posso esmagar, eu posso me alongar assim. Então, para corrigi-lo, você pode pressionar o botão direito do mouse em Editar valor e fazer o intervalo -100, 200. Então agora eu posso me espremer e me alongar. Ok, então agora eu vou fazer perguntas, talvez como -25. Ok? Então, eu preciso ajustar a rotação. Portanto, a rotação cria um quadro-chave e faz com que ele alterne e segure o quadro-chave. E aqui, assim, e agora eu vou selecionar toda a posição branca e arrastá-la para baixo até esfriar para fazer a bola colidir com o chão. Certo? Agora, ele colide e o próximo quadro precisa se esticar novamente. Então, talvez 25. Tudo bem, e aqui ele tem que voltar ao tamanho normal, então zero. Ok? E depois pesquisa novamente, talvez 25. E aqui, vamos acabar com isso. Talvez -25. Tudo bem, então aqui ela se estende novamente. Vamos fazer com que seja 25 também. Deixe-me ajustar esse quadro-chave para que tudo esteja bem. Aqui, de volta ao tamanho normal. E então aqui se estende assim. E aqui, -25. E então se estique e volte aqui ao normal. Tudo bem. Nada mal. Ok. Tudo bem, tudo bem. Agora, se você quiser exagerar, você quer exagerar no equilíbrio. Você pode, você pode fazer assim. A questão é: são menos bolas? Você pode fazer, nós podemos fazer o alongamento assim, se você quiser. Se você quiser parecer mais caricatural, vá em frente e faça assim. Estou exagerando aqui, mas fique à vontade para fazer o que quiser. Tudo bem? Então, em geral, a quantidade de squash e stretch depende do estilo que você deseja e do exagero que você acha que combina com sua animação. Ok, agora vou aplicar o mesmo squash e alongar essa bola quicando. Mas a única diferença agora é que a bola está girando. Então, vamos ter um pequeno problema com relação à rotação. Pense. Então. Se eu quiser, digamos que aplique um pouco de abóbora para isso, veja o que vai acontecer. Parece uma bola de futebol girando. Portanto, para evitar que isso aconteça, precisamos ter mais controle sobre a abóbora e o trecho dessa tigela. Então, vamos retornar isso para zero. E primeiro vou criar um novo objeto nulo. Tudo bem? Então, a primeira coisa que eu quero fazer é transformar as teclas de posição em não. Então copie e cole. E agora nem todos têm a mesma animação do tabuleiro. Assim, posso me livrar da animação de posição na camada da bola. E vamos reduzir a bola até o zero. Tudo bem, então agora o nulo está controlando a animação do osso. Ok? Vamos ter certeza de que está orientado ao longo do caminho. Desde agora eu posso mover a bola. Vamos ter certeza de que está no topo da novela. Ok, agora eu quero ter esse controlador deslizante no nulo. Então, vamos copiar e colar a expressão também. E vamos começar a criar um pouco de squash and stretch. Vamos criar um quadro-chave no início. E vamos segurar a tecla de rotação. A propósito, mantive a rotação da tigela como está. E no objeto nulo, vou controlar a compressão e o alongamento e alguns ajustes na rotação. A rotação original ainda está na camada da bola. Ok, então aqui, vamos fazer com que seja talvez assim. E agora vamos mudar a rotação assim. E eu posso selecionar toda a posição branca e arrastá-la para baixo para colidir com o chão. Tudo bem, então, tudo bem. Então, agora não há necessidade de nos esmagar, pois eu apenas mudo a rotação da tigela e depois a devolvo a zero. Tudo bem, então aqui eu posso devolver a placa ao seu tamanho original. E aqui, vamos esticá-la assim. E aqui eu também posso mudar a rotação. Eu posso mover essa posição para baixo para colidir com o chão. E aqui, vamos retornar a rotação para zero e a tigela ao volume original. E agora ele vai se estender cada vez menos , pois está perdendo sua energia. Vamos girar a bola assim e ajustar o Y para colidir com o chão. E zero desse jeito. Ok, eu quero ajustar o volume do círculo. Então, aqui, agora ele volta a zero. Tudo bem, então aqui tenho minha animação. Então, basicamente, aqui está como podemos lidar com a abóbora e alongar quando fazemos uma rotação no objeto. Tudo bem, então isso é para squash e stretch. Certifique-se de obter o arquivo do projeto no painel do projeto e praticar o máximo que puder. E, como exercício, você precisa fazer squash e se alongar. Um com rotação da tigela para que você possa praticar o nulo e outro sem ele. Estou muito feliz treinando e aplausos. 13. Animação secundária: Então, aqui chegamos à nossa última lição de princípios de animação, a animação secundária, ou como eles a chamam, a ação secundária. A ação secundária é um dos 12 princípios da animação. E esses princípios foram elaborados para animadores de personagens, por exemplo, quando um personagem tem o braço se move para trás antes de realizar a ação primária, que é jogar a pedra para frente, é chamada de animação secundária. Então, mover o braço para trás é a animação secundária que vem antes da ação primária, que é jogar a pedra para frente. Agora, nós, como designers de movimento, nossa compreensão da ação secundária não é o que nossos antigos animadores de personagens usam para pensar sobre ela. E não se restringe apenas à animação de personagens. A animação secundária é uma animação adicional que suporta ou reforça a ação principal. Tudo bem, então aqui está um exemplo de animação para o McDonald's feito pelo estúdio Buck. Tem mais sabor de vídeo, então vamos assistir. Starry Night, os mesmos dois ou três. Bloqueios e risadas. Novinho em folha. Surpresa, 15 por dia. Eles são realmente ótimos. Tudo bem, mas é uma animação fofa. É uma bela animação e tem muitas ações secundárias acontecendo. Eu vou te mostrar alguns. Tudo bem, se formos para essa cena, tudo bem, veja a cena aqui. Tudo bem, agora, veja os pequenos círculos dentro dos traços enquanto o cachorro e o carteiro bebem refrigerante. Esses movimentos dos círculos dentro desse tropo são uma animação secundária e causam muito impacto a toda a cena. A cauda em movimento aqui do cachorro. Certo? Portanto, mover a cauda do cão também é uma ação secundária e o torna menos rígido e mais vivo. Vamos ver, nesta cena. Nesta cena, temos as partículas de poeira e os corações surgindo quando a vassoura da bruxa cai no chão. Essas são animações secundárias. Agora imagine essa cena sem a animação secundária. Quero dizer, isso pode passar, mas, até a morte, liste um pouco de realismo. Ou melhor, teria faltado um efeito interessante em toda a cena. Tudo bem, agora, vou criar uma animação secundária para esse movimento simples. Então, eu vou te mostrar como isso pode ser feito. Agora, como temos todos os princípios à sua disposição, esta lição será um passeio no parque. Então aqui eu tenho essa bola batendo nessa barreira ou parede, seja o que for. Preciso ter algumas formas geométricas para me comportar como partículas que se espalham ou explodem por trás dessa parede, como se ela fosse parte do mundo. Então, primeiro, vou criar uma nova composição Control N. E vou criar um quadrado simples. E vamos adicionar um traço não preenchido. Tudo bem, centralize o ponto de ancoragem no meio dessa forma e vamos alinhá-lo ao meio. Ok, então aqui eu tenho essa forma quadrada simples. Agora vou criar um novo nulo. E vamos transformar essa forma em nulo. Tudo bem? Agora vamos aplicar alguma animação a essa raiz quadrada. E agora nosso nulo está controlando as formas. Então, toda a animação vai acontecer dentro do nulo. Ok, então primeiro, vou começar separando a posição. E vamos. Crie uma posição y aqui e mova-a em torno dez quadros, escale-a e mova-a para cima assim. Então agora eu tenho esse movimento que é aplicado em 0s. Ok, então, no final , ele deve desaparecer. Ele vai agir como uma partícula, então vai desaparecer no final. Vamos reduzi-lo. Então, aqui, ele vai desaparecer. Isso é aplicar Easy, Ease. Tudo bem. Vamos ao editor gráfico. Eu quero que o movimento dessa partícula, digamos, se mova muito rápido no início. Então, eu vou ajustar a curva assim. Eu quero, eu quero tornar a curva mais íngreme. E, como você se lembra, mais íngreme é igual a velocidade. Então, digamos que eu tenha isso assim. Ok? Talvez eu possa ajustar um pouco a curva para torná-la menos, menos íngreme. Tudo bem. Ok, agora posso duplicar essa camada, para usá-la em outra camada para não recriar a animação, posso duplicar o nulo e vinculá-lo a outro objeto. Então, nesse caso, posso criar minha animação uma vez e vinculá-la a outras formas. Novamente, é uma maneira de fazer isso. Você tem muitas outras maneiras. Sinta-se à vontade se tiver alguma outra forma, você se sentirá confortável com ela. Vá em frente e faça isso. É apenas minha própria maneira de fazer o tipo de recheio de partículas. Ok, agora eu posso pré-compor esse nulo e a forma que eu tenho. Ok, vamos desligá-lo e agora vamos criar, digamos que eu tenha o Nano. Agora vamos criar uma forma circular. Centralizou o ponto de ancoragem e o meio. Vamos ajustar a forma ao nodal. Agora, o não-humano está controlando minhas formas. Veja. Agora não precisamos recriar nossa animação do zero. Ok, vamos duplicar o nulo e pré-compor nossa forma. Agora eu tenho essas duas formas. Eles estão acima um do outro agora, mas posso ajustá-los mais tarde. Agora vamos criar outra forma. Talvez, por exemplo, vamos criar um quadrado, mas agora vamos preenchê-lo. Seja qual for a cor, eu posso mudar as cores. Mais tarde. Eu tenho esse quadrado cheio. Vamos fazer isso no meio. E vamos reduzi-lo ao nulo. E a animação já é legal. Vamos complicar o nulo e chamamos isso. Ok, agora vamos criar mais uma forma. E digamos que crie uma forma de polígono. Ok? Centralize o ponto de ancoragem e coloque-o no meio da composição e fixe-o até o nulo. Tudo bem. Ok, eu posso ver agora que vamos brincar com as composições. Digamos que eu possa mover o ponto de ancoragem assim e girá-lo. E talvez eu possa reduzi-lo um pouco, aumentá-lo. Vamos rotacionar esse também. Mantenha o cisne por perto. Então, estou descendo os pontos de ancoragem para que eu possa girar a forma assim. E tudo o que eu tenho é essa partícula ou efeito disperso. Eu posso usá-lo como uma animação secundária. Ok, agora que tenho meu pente em abundância, vamos chamá-lo de partículas. Então eu posso arrastá-lo e soltá-lo nesta composição. Vamos colocá-lo aqui. Vamos girá-lo, diminuí-lo. Ok, então a animação secundária deve começar quando a bola colidir com essa barreira. Então, talvez, vamos ver o que temos agora? Tudo bem. Ok, vamos adicionar os efeitos completos para que eu possa deixar a animação secundária branca como se fosse parte da parede. Ok, eu também posso duplicar minhas partículas, comp. Faça outro, torne-o menor assim. E talvez eu possa mudar um pouco a rotação. Vamos ver, o que temos? Tudo bem, eu acho que é perfeito. Ok, agora talvez eu possa adicionar algumas partículas da tigela, como se estivessem saindo da tigela. Então, o que eu posso fazer é duplicar essa partícula, compor, movê-la, girá-la um pouco. Vamos posicionar aqui e mudar a cor de preenchimento para a cor da bola. Tudo bem. Eu acho que isso é perfeito. Tudo bem, então basicamente isso é tudo para a aula secundária de animação. Vá em frente e pratique o máximo que puder. E o que eu recomendo é se você pode pegar qualquer projeto com o qual já trabalhou antes. E se você acha que tem algum espaço para adicionar, acha que sua animação carece de algum tipo de movimento ou falta algum tipo de coisa nela. Talvez seja uma boa ideia agora adicionar alguma animação secundária a ela. 14. A segunda parte: Tudo bem, agora chegamos à segunda parte da aula, onde criarei o projeto da aula. É uma pequena animação para revelar o título da aula. E farei o meu melhor para empregar todos os princípios que abordamos durante esta aula. Acho que você deve estar pronto agora para criar sua própria peça de animação para revelar o título da aula da maneira que quiser. Não precisa ser uma animação longa, apenas uma pequena peça para utilizar todos os princípios e técnicas que você aprendeu durante esta aula. 15. Entrada de telefone: Tudo bem, então vamos começar. Começarei mostrando a vocês um pequeno quadro de histórias que criei para este projeto de classe. É uma coisa simples, é um telefone. Então, vou digitar algo na barra de pesquisa e, em seguida, alguns aplicativos aparecerão. E então temos os princípios da animação, que é o título da nossa aula, revelarão qualquer forma divertida e divertida. Ok, então eu estou dentro do After Effects. Vou começar criando um novo projeto de oito por 108. E vamos fazer a taxa de quadros. Ok, agora vou primeiro criar a paleta de cores que tenho neste arquivo de IA. Agora eu tenho uma ferramenta chamada ferramenta re dynamic color. Você pode criar sua própria paleta de cores aqui. Então você pode simplesmente clicar em sua forma e atribuir a cor diretamente. Mas se você não tiver essa ferramenta, tudo bem. Você pode simplesmente criar suas paletas de cores aqui. Você pode criar caixas e simplesmente atribuir a cor à forma desejada. Você pode ter várias, várias formas. Assim, você pode criar sua paleta de cores e dessa forma. Mas como eu tenho a ferramenta, vou criá-la aqui mesmo. Ok, então deixe-me pensar nessa cor. Crie uma cor sólida. Basta selecioná-lo e pressionar o sinal de adição. Então eu posso editar minha paleta de cores agora. Baseado em script, fazendo este. E essa. Ok, então eu vou atualizar. Então eu posso ter a paleta de cores. Tudo bem, agora usando a cor dinâmica da matriz, agora eu tenho minha paleta de cores aqui. Tudo bem? Ok, agora vou copiar e colar essa forma. Vou selecionar a ferramenta Caneta, clicar, copiar e colar. Vamos adicionar um traço a ele. Agora, posso atribuir uma cor de preenchimento a ele, que é essa cor. Tudo bem? E para aplicar o traço, posso clicar aqui mais uma vez. E eu posso aplicar o traço. Talvez eu possa aumentar sua largura como se 15 fosse bom. Ok? 15 é bom. Vamos centralizá-lo. Ok, então aqui está nossa primeira cena. Tudo bem. Então, nossa primeira cena, o telefone vai entrar da esquerda para a direita. Vai girar um pouco aqui. Então, selecione a camada, pressione P e vou separar as dimensões. A exposição. Acho que talvez eu possa estender um pouco o tempo. Talvez sejamos 15 quadros para alcançar o centro do quadro. Tudo bem. Por favor, relaxe. E vamos deixá-lo mais suave quando chegar. Tudo bem. Ok, agora eu quero saber, eu quero que ele gire um pouco a partir desse ângulo. Mas agora eu já apliquei a animação. Não consigo mudar seus pontos de ancoragem. Então, o que eu posso fazer é criar um novo objeto nulo. E vamos colocá-lo aqui. Tudo bem, e vamos fazer com que a forma queime até o NADH. O NADH está controlando nossa forma. Então eu posso girá-lo a partir daqui. Ok, então agora chega assim, talvez 15. Ok, talvez aqui eu possa aplicar alguma oscilação. Então eu posso ir ao editor de curvas. Talvez seja demais, eu posso abaixá-lo um pouco. E por aqui, talvez ultrapasse. Talvez eu possa adicionar mais oscilação. Talvez aqui eu possa adicionar um novo quadro-chave. Tudo bem. 16. A barra de pesquisa: Tudo bem, agora, como nosso storyboard nos diz, temos que ampliar o telefone e, em seguida, a barra de pesquisa está subindo, subindo, acima aqui. Então, vamos criar um novo nulo. Vamos chamá-lo de controle de telefone. E vamos atribuir o valor nulo aos controles do telefone. Agora, o controle do telefone está controlando tudo, a camada, a camada do telefone e o NADH. Então eu posso usar a escala e a posição. Pode fazer uma zona como esta. Ajuste o tempo. Ok, então agora deixe-me separar as posições. Eu removi a curva da posição y e também da escala. Talvez o momento. Tudo bem, acho que está bom agora. Tudo bem. Agora eu quero criar essa barra de pesquisa. Vamos até a Ferramenta Retângulo e vamos escolher uma ferramenta de retângulo arredondado. Centralize o ponto de ancoragem. E vamos acabar com esse traço e aplicar a cor verde. Tudo bem, talvez eu possa torná-lo mais arredondado. Talvez assim. Tudo bem, e vamos nomear essa barra de pesquisa de camadas. Tudo bem. Agora eu quero criar essa forma também. Então, o que eu posso fazer é duplicar e vou, você saberá por que estou fazendo isso agora. Altere a escala. Talvez goste, e certifique-se de alterar a escala a partir do caminho do retângulo e não da transformação da forma desta forma. E vamos mudar sua cor para amarelo, laranja, qualquer coisa. Ok, então vai estar aqui. Então, vamos dar um nome a esse slide. Essa forma vai aparecer a partir daqui e depois vai se mover. Ou vai deslizar para chegar a esse ponto. Então, enquanto está se movendo da esquerda para a direita, ele precisa revelar a forma abaixo dele, que é essa barra de pesquisa. Então, o que eu posso fazer é aplicar animação de escala nela. E isso é um exagero. Ok, eu acho que isso é bom. E agora, uma vez que ele aparece, ele tem dois modos. Ele tem que se mover dessa posição para essa posição. Então, vamos nos inscrever. Então, vamos separar nossa posição e selecioná-la, criar um quadro-chave e ele se moverá. Chega a esse ponto. Ok? Vamos tornar o tempo mais rápido. Tudo bem. Agora eu quero acrescentar algo a essa forma, que é a abóbora e o stretch. Então, primeiro eu quero obter o código e o controle deslizante. Então, vou encontrar o arquivo do projeto e pegar o código e o controle deslizante dele. Ok, então aqui eu tenho o arquivo do projeto para o squash and stretch, que eu possa obter o controle deslizante e o código e. Acho que está aqui. Sim, então vamos copiar esse controle deslizante. E vamos pegar o código. Edite, copie somente a expressão. E agora eu posso esmagar e esticar minha forma. Deixe-me ajustar o, deixe-me adicionar o valor para que seja menos cem 200 para que eu também possa movê-lo de volta. Tudo bem. Eu não preciso dessa composição agora. Ok? Então , assim, e depois volte ao normal. Ok, então eu terminei com isso agora, como dissemos antes, eu preciso dessa forma para revelar a forma abaixo dela, que é a barra de pesquisa verde. Então, o que eu posso fazer primeiro, vamos, deixe-me virar essa barra de pesquisa e eu vou duplicá-la. Vamos chamá-la de máscara. E eu vou, primeiro, selecionar a barra de pesquisa, ir até Track Matte e selecionar nossa máscara. Agora eu posso movê-lo para aqui. E vamos colocar a máscara no controle deslizante. Agora. Tudo bem. Ok, então aqui eu tenho meu tapete. É chamado de storyboard e veja o que temos. 17. Digite aqui: Ok, então aqui eu preciso começar a digitar coisas e essas formas geométricas começarão a aparecer. Então temos essas pequenas caixas aqui, que são os aplicativos. Eles vão começar a aparecer um após o outro, eu acho. Tudo bem, então vamos criar essa forma. Faça seu traçado e centralize o ponto de ancoragem. Faça a largura do traçado. Talvez. Vou escrever sete tão bem. Ok? Tudo bem. Agora vamos fazer que ele entre no quadro e de uma forma divertida. Então, vou mudar o ponto de ancoragem para o topo. Forneça alguma rotação, alguma animação sobre a rotação. E vamos fazer com que isso venha do exposto acima. E vamos aplicar um caminho de corte. Tudo bem. Sempre posso pressionar U no meu teclado para revelar todos os quadros-chave que você tem em sua camada são 0s. Ok, agora, talvez eu possa ter alguma oscilação na rotação. Vamos adicionar alguns quadros-chave. Veja, agora estou apenas fazendo a oscilação sem usar a curva de referência. Só estou olhando para isso. Então, tudo bem, eu acho que isso é divertido. Ok, agora eu quero que a forma entre imediatamente, sem diminuir a velocidade no início. Então, vou tornar a curva mais íngreme. Para a rotação também. Talvez eu possa acelerar o tempo selecionando todos os quadros-chave e pressionando e segurando Command. Tudo bem, sim, eu acho que isso é bom. Agora eu quero mover a forma para a história certa. Revele essas formas, formas geométricas. Esse aqui. Então, vou escolher o quadro-chave de alternância. Aqui. Aqui, eu quero revisar três formas. Então 11, isso é para os dois. possa Talvez eu passar mais tempo entre eles. Ok, eu acho que isso é bom. Então, primeiro eu tenho a forma triangular. Os pontos três. Então eu tenho a forma do retângulo, desculpe, a forma do triângulo, e mudo a cor para branco. Eu posso dizer isso para você. Ok, então esse triângulo vai aparecer aqui. Então você dá a eles, eu terei a forma quadrada. Então, vai aparecer aqui. Tudo bem, então forme um poema. E então eu tenho o circuito. E vai aparecer aqui, sim. Ok. Eu posso alinhar as formas selecionando todas as formas e indo até Align and Distribute verticalmente. Horizontalmente. Tudo bem. Eu posso alinhá-los. O topo. Talvez. Não. Vamos mantê-los assim. Tudo bem, então vamos ver o que temos agora? Ok? Talvez eu possa mover essa barra um pouco aqui. E eu posso mover todas as formas, talvez um pouco para a esquerda. Então, eu não tenho essa grande lacuna aqui. Então, o que eu posso fazer é criar um novo nulo, selecionar todas as formas associadas ao nulo e arrastá-lo assim. Tudo bem? Ok, eu não posso acreditar no nulo agora. Eu não quero isso no momento. Se eu precisar, posso recriar um. Talvez possa. Está um pouco longe demais da forma. Vamos reverter o prazo para devolvê-lo assim. Tudo bem? Acho que é bom. Tudo bem, agora vamos aplicar alguma animação a essas formas geométricas. Então, talvez vamos fazer essa forma girar assim. Com alguma oscilação. Isso é demais. Ok. Eu não posso mudar o horário. Rejeitado. Então, aqui, nossa primeira forma. Sim, eu acho que é legal. E vamos fazer essa forma girar de um ângulo diferente. Vamos tentar copiar e colar essas teclas de rotação. Sim, acho que podemos fazer isso. Vamos aplicar essas teclas de rotação a esta. Sim. Tudo bem, agora vamos adicionar algumas animações secundárias, essas formas geométricas. Uma nova composição, e vamos chamá-la de animação secundária. E eu vou criar uma nova forma. Centralize o ponto de ancoragem. Vamos colocá-lo no meio. Talvez eu possa torná-lo um pouco maior. E então eu posso reduzir toda a composição. Está tudo bem. Vou criar um novo nulo. E, como fizemos anteriormente, aplicamos a automação no nulo e, em seguida, podemos vincular nosso nulo a qualquer objeto que quisermos. Então, nesse caso, quando fazemos, a animação quer. Então, vamos vincular a forma do não. Não. Tudo bem. Faça a curva assim para que ela comece instantaneamente. Agora vamos duplicar o nulo e o PreComp. Eu não faria tudo e seria barato. Agora podemos criar uma nova forma e vinculá-la ao nosso normal. Perfeito. Agora temos, posso ter a animação pronta? Eu preciso apenas ajustar a rotação para fazê-los se espalhar. Tudo bem? Eu posso duplicar algumas das formas e fazer escalas diferentes. Tudo bem. Agora eu tenho meu pente pronto. Eu posso arrastá-lo e soltá-lo. Agora eu posso ajustar sua posição. Tudo bem. Mas eu posso colocá-lo aqui. Agora, duplique essa composição e coloque-a no quadrado. Tudo bem, então sim, definitivamente a animação secundária dá muito impacto. Faça o movimento das formas geométricas. 18. Popping Up Apps: Tudo bem, então nosso próximo passo é criar os aplicativos. Eles vão aparecer consecutivamente. Tudo bem, agora vamos criar, talvez eu possa copiar e colar a forma. Tudo bem, vamos aplicar essa cor. Tudo bem, agora eu posso criar um novo nulo. Vamos colocar isso aqui e mudar permanentemente ou de outra forma para o nulo. E eu posso reduzi-lo, aumentá-lo para se alinhar com a diretriz. Aqui eu tenho quatro formas. Agora eu posso selecionar tudo e duplicar. E duplique novamente. Tudo bem. Eu posso selecionar todos e tudo bem, então agora eles vão aparecer. Então, vamos aplicar alguma animação nessa escala. E vamos, vamos fazer algumas ultrapassagens também. Tudo bem? Agora eles precisam aparecer, não necessariamente consecutivamente, talvez aleatoriamente. Então, o pop-up de forma aleatória. Tudo bem, eu acho que isso é bom. Tudo bem, agora, voltando ao nosso storyboard, temos que escolher uma forma aleatória desses quadrados. E esse tem que ser ampliado para ser igual para ficar assim. Então, posso escolher essa forma como se fosse tocar nela. E talvez, enquanto tocamos, possamos mudar sua cor. Portanto, está claro que estamos escolhendo esse aplicativo para abrir. Então, vamos aplicar um pouco de escala a isso. Talvez seja uma escala para baixo e depois para cima. Tudo bem. E vamos mudar sua cor. Então, talvez possamos alterá-la para talvez essa cor e depois voltar para a cor original. E então, e então podemos fazer o resto das formas desaparecerem. Então. Selecione todas as formas, crie um novo quadro-chave na escala. E talvez possamos ter alguma expectativa antes que eles diminuam a escala. Então, talvez eles aumentem um pouco e depois diminuam. E eles também podem sair aleatoriamente. Então, agora essa forma vai aumentar, talvez alguma expectativa, e então ela se expandirá assim. agora essa forma vai aumentar, E vamos ajustar o posicionamento também. Pode se mover para este centralizado assim. Vamos ajustar a curva para ter alguma expectativa. Me fez querer que chegasse. Também podemos aplicar algumas exceções na escala. Crie um novo quadro-chave. Vá para o gráfico. Vamos conferir nosso storyboard. Então, sim, aqui podemos diminuir um pouco o zoom. Então, a forma aparece. E nesse único dia, eles começam a desaparecer. E selecionando nosso aplicativo, podemos diminuir um pouco o zoom. Então, aqui temos o controlador do telefone. Mas o que também podemos fazer é arrastá-lo para o topo. E vamos selecionar todas as nossas formas dentro do telefone e vinculá-las ao controlador do telefone. Então, agora nosso telefone está controlando toda a nossa forma. Então, aqui, podemos começar a escalar. Assim. Muito, talvez assim. Ok, eu não escalei muito. Exatamente o momento. Um pouco mais rápido. Ok, eu preciso ajustar essa caixa para que ela fique mais centralizada. E acho que temos um problema com o alinhamento dessa barra. Também tem que ser centralizado. Talvez mais baixo e talvez você possa ampliá-lo mais. Sim. Vamos ajustar a ultrapassagem. Acho que é demais excluir e criar uma nova, talvez seja sutil. Ultrapassar é o suficiente. Sim. Ok, antes de continuar, preciso ajustar o alinhamento da barra de pesquisa. Tudo bem, então aqui está nossa barra de pesquisa com as formas, vamos atribuir uma nova cor a elas, talvez ciano. Ok, então aqui eu tenho todos os meus ativos para a barra de pesquisa, posso criar um novo nó e atribuir todos os ativos ao nulo. E vamos chamá-lo de controle da barra de pesquisa. E então eu preciso atribuir o controle da barra de pesquisa ao controle do telefone. Tudo bem, então vamos arrastá-lo para a última aula. Muito melhor. Tudo bem. 19. A animação de título: Tudo bem, agora vamos para a cena final. É a animação de texto, os princípios da animação. Esse é o título da aula. Ok, agora, vamos copiar e colar o texto. Centralize o ponto de ancoragem. Alinhe o texto. Tudo bem, agora eu preciso pré-compor e contextualizar. Agora eu posso trabalhar na animação de texto em uma composição separada, então eu tenho mais espaço. Tudo bem, então agora vou animar esse texto e você tem maneiras diferentes de fazer isso. Primeiro, preciso separar essa palavra em caracteres. Então, eu quero cada personagem em uma camada separada. Então, eu tenho um plugin de decomposição de texto. É um plugin poderoso. Eu posso simplesmente selecionar minha camada e vou me certificar de que ela seja decomposta em caracteres. E então eu clico em decompor, e agora eu tenho todos os meus personagens em uma camada separada, então eu tenho mais controle sobre cada personagem para que eu possa animá-lo da maneira que eu quiser. Portanto, se você não tiver o texto decomposto, poderá fazer isso manualmente. Então, a primeira coisa que você pode fazer é contar o número de caracteres que você tem em sua palavra. Então, no meu caso, agora eu tenho nove personagens neste mundo. Então, eu quero nove cópias desse texto, 23456789. Agora, o que devo fazer é separar cada camada mascarando-a, ou você pode excluir os outros caracteres. Então agora eu tenho uma camada, eu posso ter n, posso usar a ferramenta de caneta. Tudo bem, e o terceiro personagem é eu. E continua até termos cada personagem em uma camada separada. Mas como eu tenho o texto decomposto, vou apenas usá-lo. Tudo bem? E, a propósito, se você quiser comprar o texto decomposto, você pode encontrá-lo no site do script e00. Tudo bem, então deixe-me começar a animar esses personagens. Posições separadas. Ok, eu não preciso da posição X. Agora, eu quero que esse texto saia dessa caixa, assim. Ok, então eu quero tirá-lo da caixa. Tudo bem. Para torná-lo um pouco mais rápido. Opa, eu esqueci. Ok, talvez possamos fazer alguma ultrapassagem. Então, vamos criar uma nova chave. Vá para o Editor de gráficos. Faça assim. Então, ele vai além da posição final e depois volta. Talvez eu mude um pouco o tempo para torná-lo um pouco mais rápido. Tudo bem, agora vamos fazer com que os personagens sejam completos consecutivamente. Então. Talvez apenas atrase um quadro. Tudo bem. Ok, agora eu preciso tornar uma faixa fosca para tornar meu texto de animação invisível sempre que estiver fora desta caixa. Então, vou duplicar essa caixa. Vamos dar um nome a ele. Máscara. Certo? Ok, agora vamos animar os princípios. O que eu vou fazer é a mesma coisa. Posições separadas. Tudo bem. Vamos remover a posição x e algumas ultrapassagens. Eu acho que é muito rápido. Talvez eu possa fazer a ultrapassagem, me dar uma bicicleta e fazer a ultrapassagem mais alta. Certo? Vamos adicionar um pouco de atraso entre os personagens. Uma moldura. Ok, vamos torná-los puros aleatoriamente, não como os textos de animação. Gostaria de ter alguma variedade. Bem, eu deveria ter dividido as camadas antes, mas está tudo bem. E eu também quero ajustar as curvas. Então, eu só preciso ir ao editor de curvas e tornar o Bezier da curva mais íngreme. Então, começa instantaneamente. Vamos ver o que é, o que temos agora? Então, por favor, eu desliguei os personagens aqui. Vamos verificar os princípios. Ok, agora, a última coisa que eu quero fazer é fazer o telefone sair da moldura. Então, deixe-me pegar o controlador do telefone. Tudo bem, agora eu quero vincular o texto ao controlador do telefone. Não preciso vincular a máscara, pois a máscara já está vinculada ao texto. Então, eu apenas vinculo o texto ou o controlador de fonte. Tudo bem. Agora vamos fazer o telefone sair. Vamos fazer alguma antecipação. E então ele sai da moldura. Tudo bem, talvez vamos girá-lo. Parece incrível. Tudo bem, é bom brincar com as curvas. É bom. Tudo bem. Tudo bem, então agora vamos exportar. Adicionar ao Media Encoder. Kids, um formato H.264 predefinido com alta taxa de bits. Tudo bem, ótimo. E aqui está nossa animação. 20. Fim: E é isso. Agora que você concluiu a aula, suponho que já tenha um conjunto de ferramentas de animação em sua posse que o colocarão muito à frente dos animadores comuns. É um prazer para mim compartilhar esses conhecimentos e habilidades que aprendi nos últimos anos. E eu agradeço muito por decidir fazer este curso. Lembre-se de compartilhar seus projetos para obter feedback e inspirar outros estudantes. E se você achou que essa aula foi útil, eu agradeceria se você deixasse um comentário e seguisse meu canal para receber atualizações sobre minhas novas aulas. Até lá, aplausos e boa sorte.