Movimentos lisos: melhor movimento com curvas de animação no Editor de gráfico

1. Boas-vindas: Quando você começa com o design de movimento, é empolgante simplesmente fazer algo se mover. Mas à medida que você avança, você começa a perceber o trabalho de outros designers de movimento. Suas animações são muito suaves, seus movimentos ainda são críveis e muita vida e personalidade estão infundidas. Em comparação, seu trabalho parece monótono ou como se algo estivesse errado, mesmo que você não consiga identificar exatamente o quê. Talvez você quisesse entrar em um campo criativo, como design de movimento, porque você não é um grande fã de matemática e física. Quando você viu uma ferramenta matemática, também conhecida como editor gráfico em seu software de design, provavelmente decidiu descartá-la e evitá-la. Mas há uma razão pela qual o editor gráfico existe. É fundamental para criar animações realistas, interessantes e com aparência profissional. É fundamental para levar suas animações para o próximo nível. Bem-vindo ao Smooth Moves, movimento melhor com curvas de animação no editor gráfico. Sou Megan Friesth e sou explicadora, que quer dizer que escrevo, ilustro e anime animações educacionais principalmente sobre tópicos relacionados à saúde e ao meio ambiente. Tive a experiência exata que descrevi há um segundo. Estudei fisiologia na faculdade, depois fiz um mestrado em tecnologia criativa e design. Eu não estudei especificamente para design de movimento, então a maioria das minhas habilidades de animação são autodidatas. Passei um tempo evitando o editor gráfico porque achei que não o entendia. Mas, ao que parece, as aulas de matemática e física que eu deveria fazer para formar estavam me preparando para criar movimentos realistas em minhas animações. Eu simplesmente não sabia disso na época. Mesmo que você nunca tenha feito uma aula de física, você intuitivamente sabe muito sobre física, provavelmente tudo o que você precisa para animação apenas por viver neste mundo. Você só precisa aprender a aplicar isso às suas animações, é para isso que serve essa aula. Alcançar movimentos realistas é o foco desta aula. Mas depois de entender como controlar o movimento de suas animações, você pode ultrapassar os limites de um efeito dramático ou de desenho animado que seja divertido e cheio de personalidade. Esta aula é para você se sentir confortável com os fundamentos da tecla de configuração para criar animações no Adobe After Effects. Embora muitos dos conceitos discutidos nesta aula se apliquem à animação em geral, usarei o After Effects para demonstrá-los e concluir o projeto da classe. Se você é novato em animação no After Effects, confira primeiro algumas das minhas aulas para iniciantes. Se você evitar cronicamente o editor gráfico ou usá-lo ocasionalmente, você sairá da classe com uma compreensão clara dessa ferramenta poderosa. Você obterá novas formas de analisar o movimento que você pode aplicar a cada animação criada daqui em diante. Falaremos sobre definições para dar a você o vocabulário para se comunicar com outros designers de movimento e colocaremos esses conceitos em prática com um exercício divertido e o projeto de classe. Se você está pronto para levar suas animações para o próximo nível, então vamos começar. 2. O que esperar do projeto do curso: Nesta aula, você aprenderá sobre os conceitos por trás do movimento e aplicará o que aprendeu em um projeto prático. Examinarei os termos da animação e explicarei como a matemática e a física básicas podem ser aplicadas para tornar e explicarei como a matemática e a física básicas podem ser aplicadas para tornar suas animações mais realistas. Não se preocupe em memorizar as definições dos termos que abordaremos. O importante aqui é entender como você pode aplicar esses conceitos ao seu trabalho. Dito isso, conhecer esses termos pode ser útil ao se comunicar com outros designers de movimento. Eu forneci a você um guia em PDF para download com informações importantes das aulas. É basicamente como se eu tivesse feito anotações para você durante a aula. Há até um pouco de informação extra que não é realmente abordada nas videoaulas. Certifique-se de baixar esse guia e tê-lo à mão. Sinta-se à vontade para adicionar suas próprias notas a ele. Animar uma bola quicando é uma primeira tarefa clássica de animação. Mas ao criar essa pequena cena de elementos em queda, você terá um portfólio ou peça de mídia social mais interessante . Você pode até mesmo usar essa técnica como uma forma animar itens em um vídeo explicativo. Se animar objetos saltitantes não parece muito empolgante, saiba que essa é uma ótima prática para conceitos que surgem repetidamente muitas animações diferentes, como até mesmo personagens e ciclos de caminhada. Durante a parte prática desta aula, você pode me acompanhar para replicar minha animação. É muito bom copiar minha animação exatamente para fins de aprendizado. Por favor, não publique isso ou apresente como seu próprio trabalho original fora do Skillshare. Se você está se candidatando a um emprego de design de movimento, é sempre muito importante ser muito honesto sobre o que exatamente você criou. Você sempre pode simplesmente mencionar na aula ao lado das postagens do seu projeto de classe, ou se quiser ter sua própria animação original, você pode ilustrar sua própria coleção de itens e usar a mesma técnicas que vou examinar na aula. Você pode escolher um tema, como seu café da manhã favorito ou coisas para levar ao acampar, se precisar algumas restrições para criar. É útil ter objetos com diferentes pesos e materiais, para que você possa praticar considerando como isso afetará seus movimentos. Para praticar mais, você pode assistir à aula pela primeira vez, acompanhando-me e replicando minha animação. Depois, você pode voltar e tentar aplicar esses conceitos à sua própria ilustração. Não importa como você decida fazer isso, prática prática é fundamental para tirar o máximo proveito da aula. Se você tiver alguma dúvida ao longo do caminho, sinta-se à vontade para publicá-la na guia de discussões abaixo deste vídeo e farei o possível para entrar em contato com você o mais rápido possível. Vamos examinar os arquivos que estão incluídos na classe. Primeiro, há o PDF das notas. A seguir está um arquivo de projeto do After Effects com três componentes diferentes. Na pasta de demonstração, há algumas animações muito simples que são usadas durante as aulas para explicar os conceitos com os quais essas colunas são rotuladas. Eu os forneci para casos em que é útil brincar com eles para ter uma ideia de como as coisas funcionam. Há também esse Exercício do Editor de Gráficos, que usaremos em um vídeo posterior. Eu criei essas diferentes composições como exercícios para você praticar o editor gráfico e tudo isso está explicado no próximo vídeo. Para o projeto da turma, forneci minha animação final caso ela ajude você a separar as coisas. Essa composição de natureza-morta é a animação final. Na pasta de elementos, existem diferentes pré-composições usadas na animação final. Há também uma versão nova que ainda não tem nenhuma animação que você possa usar como ponto de partida. Eu criei essa ilustração no Adobe Illustrator e a mudei para o After Effects com um dos meus plugins favoritos de todos os tempos, o Overlord. Dessa forma, não há nada vinculado a esse arquivo de projeto porque todas são camadas de forma. Se você quiser saber mais sobre o Overlord, abordo em minha aula 5 melhores plugins para eficiência. Quando eu reproduzo a animação final em vídeos diferentes ao longo da aula, você notará que eu adicionei texturas. Existem algumas maneiras de adicionar texturas, mas para este projeto, mas para este projeto, eu uso principalmente o método de Jake Bartlett, que ele aborda em sua classe, Texturização no Adobe After Effects. Eu removi as texturas para você e para mim enquanto gravava a aula para que ela renderizasse mais rapidamente. Certifique-se de baixar esses arquivos e vamos começar. 3. Sincronismo: [MÚSICA] O tempo se refere ao tempo entre os quadros-chave. Visualmente, isso se parece com a distância entre os quadros-chave na linha do tempo. Como você provavelmente sabe, quadros-chave que estão mais próximos produzirão uma animação mais rápida ou tempo mais rápido do que os quadros-chave que estão mais afastados. Uma coisa que você talvez não tenha notado é que os quadros-chave têm um tom de cinza um pouco mais claro quando há outro quadro-chave do outro lado. Seu primeiro quadro-chave será cinza mais escuro na metade esquerda e seu último quadro-chave será cinza mais escuro na metade direita. O cinza escuro encerra os quadros-chave dessa propriedade. Isso pode ser útil se você estiver recebendo uma animação que não esperava. Isso pode ajudar você a perceber se há um quadro-chave, que foi retirado da linha do tempo e não está mais visível, mas ainda existe, então está fazendo com que algo se mova. 4. Espaçamento: Se o tempo for a distância entre os quadros-chave, espaçamento é o que acontece no espaço entre esses quadros-chave. Qualquer vídeo é apenas uma série de imagens que são trocadas diante dos olhos tão rapidamente que vemos uma imagem em movimento. Na animação, cada quadro deve ser criado, seja pelo animador que os desenha ou pelo animador configurando quadros diferentes e o computador preenche o resto. Em um programa como o After Effects, você define quadros-chave que informam ao computador quais valores você deseja que algo tenha em determinados momentos. Em seguida, o computador calcula todos os valores de cada quadro entre os quadros-chave que você definiu. Isso é chamado de interpolação, o processo de preenchimento de quadros desconhecidos entre quadros-chave conhecidos. Outro nome para interpolação é interpolação. Qual a diferença entre espaçamento e interpolação? espaçamento se aplica a todos os tipos diferentes de animação, seja desenhada à mão, célula ou animação usando um software como o After Effects, usando um software como o After Effects que faz interpolação para você. interpolação exige que o software preencha os valores dos quadros entre valores definidos ou quadros-chave. Vamos ver como isso pode ser útil. Geralmente, há várias maneiras de ir do ponto A ao ponto B. Em outras palavras, há várias maneiras interpolar entre os quadros-chave. Veremos as duas maneiras de controlar como o After Effects interpola entre os quadros-chave nos próximos vídeos. 5. Interpolação espacial: A primeira forma de controlar a interpolação entre os quadros-chave é no espaço, portanto, na interpolação espacial. Isso geralmente se aplica apenas à propriedade de posição. Em sua composição, se você tiver uma camada com a propriedade position animada, deverá ver um caminho de movimento parecido com esse. Se você não vê isso, certifique-se de que esse botão aqui esteja ativado para que fique azul, ou você pode usar o atalho do teclado, que é Command ou Control, Shift e H, e isso ocultará ou mostrará o caminho do movimento. Depois de ter o caminho do movimento, você pode clicar nos pontos finais que são os quadros-chave e obter alças ou, se não tiver, se for até a ferramenta Caneta, clicar e segurar, e depois vá para a ferramenta de conversão de vértice. Em seguida, você pode clicar em Adicionar alças ao seu caminho de movimento. Vou voltar à ferramenta de seleção normal e agora posso ajustar essas alças para alterar o caminho do movimento da minha animação. Isso está mudando a interpolação espacial, então agora, se eu reproduzir isso, ela vai se mover nessa onda. Algumas dicas rápidas para você trabalhar com interpolação espacial e caminhos de movimento. E se eu quiser que esse quadrado se alinhe com o caminho enquanto ele está se movendo, em vez de apenas ficar na mesma posição? Eu quero que ele gire um pouco à medida que se move ao longo desse caminho. Há uma maneira fácil de fazer isso em vez de animar a rotação. Você pode clicar com o botão direito do mouse na camada, ir para Transformar e, em seguida, até Orientar automaticamente, e então você só quer ter certeza de que Orient Along e então você só quer ter certeza de que Path está selecionado e pressionar “OK” e agora, o quadrado girará automaticamente à medida que se move ao longo do caminho. Você ainda pode entrar na rotação. Digamos que eu quisesse que talvez o objetivo fosse primeiro ou algo parecido, você sempre pode ajustar a rotação ainda, você ainda tem controle total sobre isso, mas ela se alinhará automaticamente ao seu caminho de movimento. Se você quiser mover todo o caminho do movimento, uma maneira fácil de fazer isso é selecionar a propriedade para que ela selecione todos os quadros-chave e , em seguida, você pode simplesmente movê-la na composição para onde você quiser que esteja. Agora, se você quisesse fazer isso com os valores aqui deslizando-os, você teria que estar sobre um dos quadros-chave, e então você pode fazer a mesma coisa. Apenas certifique-se de que todos os seus quadros-chave estejam selecionados. Você tinha um caminho de movimento parecido com esse, e você quer que ele se curve nessa posição e depois seja direto daqui. No momento, temos essas duas alças que estão trancadas juntas, então, se eu mover uma, ela move a outra para formar uma linha fluida contínua. Mas e se eu quiser quebrar essas alças? O que eu posso fazer é simplesmente manter pressionada a opção e, em seguida pegar a alça que você deseja mover e, em seguida, ela quebrará essas duas alças, então agora você pode obter um canto mais pontudo aqui. Agora que quebramos essas alças, você não precisa segurar a opção quando quiser voltar e editar isso. Se você quiser conectá-los novamente, você pode manter pressionada a opção novamente e isso os juntará novamente para que eles sempre sejam uma linha reta e estejam conectados novamente. Se você quiser se livrar completamente das alças, vá até a ferramenta Caneta e use a ferramenta de conversão de vértice para simplesmente se livrar dessas alças ou recuperá-las novamente. Se você tiver uma forma realmente específica que deseja que seja um caminho de movimento para outra camada, o que você pode fazer é alternar para baixo a forma e ir para o Caminho e, em seguida, selecionar Caminho ao lado o cronômetro e basta copiá-lo, então comando C. Então eu vou excluir, então desclique no cronômetro nos quadros-chave de pesca que eu tinha, e vamos começar do início da linha do tempo. Depois, vou clicar “Colar” com a posição selecionada e ele vai colar a mesma forma do meu ziguezague. Às vezes, ele não o cola exatamente no mesmo lugar, então você pode simplesmente, com todos os quadros-chave selecionados, mover todo o caminho do movimento para o lugar certo. Agora meu quadrado vai se mover na forma desse ziguezague. Mas e se eu quisesse que fosse na outra direção? Em vez de ir da direita para a esquerda, quero ir da esquerda para a direita. Posso selecionar todos esses quadros-chave apenas selecionando Posição aqui, clique com o botão direito do mouse, vá para o Assistente de quadro-chave e, em seguida, quadros-chave de reversão temporal. A razão pela qual ele escolheu ir da direita para a esquerda provavelmente foi por causa de como eu criei essa forma, mas é fácil alternar apenas fazendo os quadros-chave de inversão de tempo e agora ele vai da esquerda para a direita. 6. Interpolação temporária: interpolação temporal é a interpolação de valores no tempo. Quando você define quadros-chave no After Effects por padrão, eles são lineares. Os quadros-chave lineares são em forma de diamante. software de animação geralmente tem uma maneira de visualizar o espaçamento da animação. No After Effects, esses pequenos pontos no caminho de movimento da camada mostram a interpolação temporal. Lembre-se de que, se você não vê o caminho de movimento da sua camada, certifique-se de que esse botão esteja ativado ou azul. Cada ponto mostra onde essa forma estará em cada quadro entre esses dois quadros-chave. Você pode se lembrar do termo espaçamento pensando nesses pontos, mostrando o espaço que sua camada se move entre cada quadro. Pontos mais próximos indicam movimento mais lento e pontos mais afastados indicam movimento mais rápido. Você pode ver que, para esses quadros-chave lineares, a forma se move na mesma quantidade entre cada quadro. Isso geralmente parece abrupto e de aparência mecânica. Os quadros-chave lineares são o padrão, mas na maioria das vezes você não quer deixar seus quadros-chave assim. Outra interpolação temporal comum é chamada de Easy Ease. Para alterar os quadros-chave para Easy Ease, primeiro você precisa selecioná-los, depois clicar com o botão direito do mouse, ir para Keyframe Assistant e, em seguida, Easy Ease. Ou o atalho do teclado é F9 e, em um Mac, lembre-se de que você também precisa pressionar a tecla Fn. Agora, observe como esses quadros-chave se transformaram em forma de ampulheta. Para a forma Easy Ease, você pode ver que há menos espaço ou menos mudança de valor no início e no final dessa animação e, no meio, os pequenos pontos estão mais espaçados. O que isso nos diz é que o círculo vai se mover lentamente no início, vai acelerar e depois vai desacelerar antes de parar. Vamos reproduzi-los para comparar. Se eu selecionar as duas camadas, podemos comparar a aparência desse visual dos pequenos pontos no caminho do movimento dos quadros-chave lineares versus o Easy Ease. Se você precisar converter quadros-chave de volta em quadros-chave lineares, basta segurar “ Command” e clicar neles. Easy Ease geralmente é mais agradável aos olhos do que o movimento linear, porque é mais realista da forma como as coisas se movem na vida real. Se você está aplicando o Easy Ease todos os seus quadros-chave, esse é um bom primeiro passo. Mas mais tarde na aula, você aprenderá como ajustar a interpolação temporal no editor gráfico para tornar suas animações ainda melhores. Muitas vezes, os animadores falam sobre atenuar quadros-chave em vez de dizer ajustar a interpolação temporal, porque isso é um bocado complicado, mas é isso que eles querem dizer. O caminho do movimento é ótimo para ver o espaçamento da propriedade de posição, mas não há uma maneira visual automática ver o espaçamento de muitas outras propriedades como escala ou rotação no visualizador de composição. Aqui está a animação simples que eu tenho nessa camada. Não acho muita necessidade disso, mas há um truque que você pode usar se quiser ver a interpolação temporal de todas as propriedades da sua animação mapeada. Em um software de animação projetado para criar animações quadro a quadro, geralmente há uma maneira de ver os quadros em ambos os lados do quadro atual. Isso é chamado de casca de cebola. Para esse pequeno truque, estamos essencialmente criando nossa própria casca de cebola. Para fazer isso, vamos até Layer, New, Adjustment Layer e, em seguida, garantir que sua camada de ajuste esteja em cima de qualquer uma das camadas para as quais você deseja ver essa casca de cebola. Em seguida, vá até o painel de efeitos e predefinições e procure CC Wide Time e, em seguida, basta aplicá-lo à sua camada de ajuste. Agora, se eu percorrer a linha do tempo, você pode ver que essas versões semitransparentes dessa forma são as molduras antes e depois do quadro atual. Se eu for até o painel de controles do efeito, posso aumentar o número de etapas, ou seja, o número de quadros que estamos vendo para frente e o número de quadros que estamos vendo para trás. Isso começa a ficar um pouco difícil ver o que está acontecendo. Você pode ajustar isso para torná-lo mais útil para você. Uma época em que achei essa casca de cebola DIY realmente útil é quando algo está sacudindo ou se movendo de uma forma que não parece muito lisa, posso aplicar essa casca de cebola e ver onde há uma grande lacuna o movimento, como quando há um grande salto, e então eu sei que essa é a área em que preciso trabalhar. Quando terminar de ver essa casca de cebola você pode excluir ou simplesmente desativar essa camada de ajuste. Ver uma casca de cebola é muito útil ao fazer animações quadro a quadro, e o After Effects não é o melhor programa para isso. Como eu disse, as cascas de cebola não são muito necessárias quando se trabalha no After Effects, mas se você encontrar um momento em que gostaria de ver uma, agora você sabe como obtê-la. 7. Dados básicos do Editor: Vamos ver como você pode personalizar com precisão o espaçamento de suas animações no editor gráfico. É assim que você pode realmente levar suas animações para o próximo nível. Quando você trabalha no editor gráfico, geralmente está ajustando a interpolação temporal da sua animação. Para acessar o editor gráfico, primeiro selecione pelo menos um quadro-chave de qualquer propriedade que você queira ver. Ou você pode simplesmente selecionar a propriedade aqui. Em seguida, clique nesse ícone gráfico. Há dois gráficos diferentes que você pode ver no editor de gráficos. Se você tiver marcado o tipo de gráfico de seleção automática aqui, After Effects adivinhará qual gráfico você achará mais útil para essa propriedade. Mas você sempre pode alterar o tipo de gráfico aqui. Primeiro, vamos dar uma olhada no gráfico de valores. A linha mostra o valor da propriedade, portanto, nesse caso, rotação ao longo do tempo. Temos tempo em segundos ou quadros no eixo x e rotação em graus no eixo y. Esses quadrados são os quadros-chave. Esses são quadros-chave lineares, então o gráfico é uma linha diagonal reta, que mostra que a rotação está mudando na mesma quantidade em cada quadro. Está se movendo a uma velocidade constante, nunca desacelerando ou acelerando. Se eu mudar para o gráfico de velocidade, ele nos dirá exatamente que a velocidade é constante o tempo todo. O gráfico de velocidade mapeia a velocidade no eixo y ao longo do tempo no eixo x. Se você não sabe se está vendo o gráfico de velocidade ou valor, como se estivesse assistindo um tutorial e não conseguisse ver o menu, veja as unidades no eixo y. Se for um valor como pixels, graus ou porcentagem, algo acima de segundos, então é o gráfico de velocidade. Ou se for apenas um valor, então é o gráfico de valores. Vamos voltar ao gráfico de valores. Se você precisar ajustar a visualização do seu gráfico, você pode usar esse mesmo controle deslizante de montanha que usaria para ampliar e a linha do tempo ou o mesmo teclado, os atalhos funcionam. Então, mais para ampliar e menos para diminuir o zoom. Esse ícone de lupa ajustará automaticamente seus gráficos à altura da área do editor gráfico. Lembre-se de que diferentes níveis de zoom podem fazer com que seu gráfico pareça um pouco diferente. Este botão também ajustará seus gráficos em toda a área, na medida da largura. Estou no gráfico de valores e atualmente não há alças para ajustar esse gráfico. Mas se eu clicar e arrastar para selecionar esse gráfico, incluindo os quadros-chave, posso aplicar o Easy Ease. Na verdade, há três maneiras de fazer isso a partir do editor gráfico. Assim como na linha do tempo, você pode clicar com o botão direito do mouse, ir para o assistente de quadro-chave e depois Easy Ease, ou você pode usar o atalho de teclado F9 ou usar esse botão para aplicar o Easy Ease. Agora, o gráfico tem uma curva e existem alças que são chamadas de alças de Bezier ou alças de influência. Você pode usá-los para ajustar a curva do gráfico para alterar o espaçamento de uma animação. Mas antes que você possa realmente ajustar o gráfico para obter uma animação personalizada, você precisará entender como ler esses gráficos para entender o que eles estão dizendo sobre o espaçamento de uma animação. Lembre-se de que esse é o gráfico de valores. Está nos dizendo que a rotação começa em tantos graus e, mais tarde , termina em tantos graus. A inclinação ou inclinação do gráfico nos fala sobre a velocidade. Quanto mais plana a linha, mais lenta e mais íngreme a linha, mais rápido é o movimento. Sei que estamos abordando alguns conceitos matemáticos aqui, mas se você parar para pensar sobre isso, faz todo o sentido. Este gráfico não começa muito íngreme, então nossa forma está começando devagar. Então a inclinação aumenta no meio aqui, então a forma está se movendo rapidamente. Em seguida, a inclinação começa a se nivelar no final, o que significa que essa forma está diminuindo. Agora vamos ver a mesma coisa, mas no gráfico de velocidade. Aqui podemos obter as mesmas informações sobre o espaçamento da nossa animação, mas elas são apresentadas de uma forma diferente. Lembre-se de que o eixo y é a velocidade, então, quando a velocidade é lenta, o gráfico de velocidade estará mais próximo de zero no eixo y. Então, no meio desses quadros-chave, a velocidade é mais rápida, então a velocidade está mais distante de zero no eixo y. Em seguida, a forma fica mais lenta antes de parar, então o gráfico de velocidade cai novamente , chegando a zero. Se você já teve que fazer uma aula de cálculo, você pode ter reconhecido que o gráfico de velocidade é uma derivada do gráfico de valores, e se você nunca fez cálculo ou isso não fez absolutamente nenhum sentido você, então deixe-me explicar. Isso significa apenas que se você representar graficamente a inclinação do gráfico de valores, como você vai quadro a quadro e observa quão íngreme é a inclinação em cada ponto, e então você traça isso em um novo gráfico, o resultado é o gráfico de velocidade. Se isso não fazia absolutamente nenhum sentido para você, não se preocupe com isso. Continuaremos praticando a leitura gráficos para que você não precise entender o que acabei de dizer sobre derivadas para entender e usar o editor de gráficos. Só sei que quando percebi que algumas das coisas que eu estava aprendendo em cálculo que pareciam totalmente irrelevantes para minha vida na época realmente úteis em animação, fiquei muito empolgada. Se é você também, aí está. Eu sei que mencionei que movimento linear não é muito realista, pelo menos em muitos casos, e a razão para isso é porque não há aceleração ou desaceleração. Se você pensar em um carro, a aceleração é quando você está acelerando, como depois de ser parado. Ou a desaceleração é exatamente o oposto. Diminuindo a velocidade como antes de parar. Às vezes, as pessoas pensam erroneamente que aceleração significa realmente pisar no acelerador ou ir muito rápido. Mas, na verdade, a aceleração é a taxa de mudança na velocidade, e a desaceleração está apenas especificando que essa taxa de mudança na velocidade está diminuindo. A aceleração ocorre sempre que você muda de velocidade. Em outras palavras, a qualquer momento, o gráfico de velocidade não é uma linha reta reta. Se você quiser saber a rapidez com que a camada está acelerando ou desacelerando, observe a inclinação do gráfico de velocidade. Eu posso aumentar a aceleração puxando essa alça para tornar a inclinação do gráfico de velocidade realmente íngreme aqui. Agora você pode ver que o círculo está realmente acelerando desde o ponto de partida. Se você pensar novamente no cálculo, a derivada do gráfico de velocidade é a aceleração. O que significa que se você fosse quadro a quadro e traçasse a inclinação do gráfico de velocidade em cada ponto, obteria um gráfico da aceleração de uma camada. Mas se isso não fazia sentido para você, novamente, não se preocupe com isso. After Effects não tem um gráfico de aceleração. O que você precisa saber é que, se quiser saber onde algo está realmente acelerando ou desacelerando, procure quando a inclinação do Gráfico de Velocidade é realmente íngreme, subindo ou descendo. Se você usar os termos matemáticos que estou usando aqui ao falar com outros animadores, você será preciso e poderá parecer inteligente. Mas, com mais frequência, você ouvirá animadores falarem sobre entrar ou sair de um quadro-chave ou tornar uma animação mais contundente. Se você quiser ver o gráfico de valor e velocidade ao mesmo tempo, clique no segundo ícone e selecione o gráfico de referência. Qualquer gráfico em que você estava ainda será editável, seja o gráfico doce ou o gráfico de valores, e o outro gráfico será mostrado como referência. Este não será editável, mas reagirá a qualquer alteração que você fizer no outro gráfico. Um gráfico pode parecer mais fácil para você do que o outro, mas é importante entender e ser capaz de usar os dois. Porque há certos casos em que um pode ser melhor do que o outro para ajustar o espaçamento de uma determinada propriedade. Então, eu encorajo você a brincar um pouco no editor gráfico com uma animação muito simples como essa e começar a ter uma ideia de como as coisas funcionam. Para resumir, ao observar o gráfico de valores, observe a inclinação do gráfico para ver o quão rápido ou lento algo está se movendo. Plano é igual a lento e íngreme é igual a rápido. Ao olhar para o gráfico de velocidade, mais longe a linha estiver do zero, mais rápido. Às vezes, o gráfico de velocidade é negativo, como se sua camada estivesse viajando da direita para a esquerda ou de baixo para cima, ou se estivesse girando em uma direção negativa ou diminuindo, seja a linha está acima ou abaixo de zero, quanto mais próxima a linha estiver de zero, mais lenta a velocidade e quanto mais longe, mais rápida. Se você quiser saber sobre a aceleração de uma camada, veja o quão íngreme é o Speed Graph. Quanto mais íngreme, maior a aceleração ou desaceleração. 8. Como trabalhar com a propriedade de posição: [MÚSICA] A propriedade position é um pouco única na forma como funciona no editor gráfico porque é composta por dois valores um valor x e um valor y. O valor x é representado por essa linha vermelha e o valor y é essa linha verde. Se você esquecer, basta passar o mouse sobre uma linha e uma etiqueta aparecerá. A forma está se movendo linearmente da esquerda para a direita, pois podemos ver o que é esse gráfico x. A posição y não está mudando, então esse gráfico é plano. Agora vamos dar uma olhada no gráfico de velocidade. Isso mostra apenas a velocidade geral, não separa x e y. Como esses são quadros-chave lineares, o gráfico é plano nessa velocidade. Vamos voltar ao gráfico de valores novamente e ajustar o espaçamento dessa animação. Primeiro, quão fácil é, mas observe que ainda não há alças aqui. Para ajustar o espaçamento da propriedade de posição, precisamos separar os valores x e y. Há duas maneiras de separar as dimensões. Clique com o botão direito na posição e escolha dimensões separadas. Você não precisa estar no editor gráfico para fazer isso ou usar o botão no editor gráfico. Na verdade, posso excluir o quadro-chave da posição y, pois eles não estão mudando. Agora existem alças e, às vezes, fazer essa etapa confunde o espaçamento que você tinha na animação. Vamos tentar ajustar a posição x. Talvez algo assim. Uma coisa a ter cuidado aqui é que você pode realmente ajustar o caminho do movimento ou a interpolação espacial da camada ajustando o gráfico de valores da propriedade de posição. Se eu arrastar essa segunda alça para cima de forma que a linha ultrapasse o valor do meu quadro-chave, a forma ultrapassará a posição final e depois voltará. Às vezes, isso pode ser útil se você quiser criar uma animação de overshoot, que é um dos 12 princípios de animação sobre os quais falarei em outra aula. Se você não quiser que isso aconteça agora, mantenha pressionada a tecla Shift para encaixar a alça na horizontal perfeita. Dessa forma, ele se estenderá além do seu valor final. Para ajustar o gráfico de valores da propriedade de posição, você precisa separar as dimensões. Se apenas uma das dimensões estiver animada , isso geralmente é bom. Mas se você tiver um caminho de movimento específico personalizado que deseja que sua camada siga, isso pode ser complicado, e falaremos mais sobre isso em um vídeo posterior. 9. Como trabalhar com a propriedade: A propriedade de escala também tem um valor X e Y, mas funciona de forma um pouco diferente da propriedade position. Você não pode separar as dimensões da propriedade de escala. No editor gráfico, há apenas uma linha para escala nos gráficos de valor e velocidade. Mas se você desbloquear proporções restritas e mover uma das alças, na verdade há duas linhas, elas estão apenas sobrepostas. Há linhas separadas para os valores das escalas X e Y que você pode ajustar separadamente. O mesmo vale para o gráfico de velocidade. Se você bloquear as proporções novamente, poderá ajustar as alças e as linhas se ajustarão proporcionalmente. 10. Exercício do Editor: Saber ler e ajustar gráficos para obter o movimento desejado é extremamente importante para aumentar o nível de suas animações, e isso exige muita prática. Espero que você possa chegar a um ponto em que você possa simplesmente olhar uma curva de animação e entender o que ela está dizendo sobre o movimento de sua animação. Com ainda mais prática, espero que você possa assistir a uma animação ou observar uma curva de animação e entender quais ajustes precisam ser feitos para torná-la ainda melhor. Deixe-me ver alguns exemplos das palavras que digo na minha cabeça ao ler curvas de animação. Primeiro, você precisa saber se está vendo o gráfico de valor ou velocidade. Este é o gráfico de valores, então a inclinação da linha nos dirá rapidez com que a forma está se movendo. Lendo isso na minha cabeça, eu diria que lento, rápido , lento ou sai do primeiro quadro-chave, vai mais rápido depois acessa o último quadro-chave, ou agora seria muito lento ou alivia a primeira chave, na verdade lentamente, depois se move muito rápido e depois acessa o último quadro-chave. Agora vamos dar uma olhada em um exemplo de gráfico de velocidade. Quanto mais longe a curva estiver de zero, mais rápida, e uma inclinação acentuada significa que a camada está acelerando ou desacelerando rapidamente aqui. Aqui, isso significaria que ele está acelerando muito rapidamente, então atinge sua velocidade máxima cerca de um terço da animação e, em seguida, continua desacelerando ou desacelerando a partir daí. Dentro do arquivo de projeto que você pode baixar para esta classe, há uma pasta chamada exercício de editor gráfico. Aqui, há oito exercícios práticos para você. Para a metade, você usará o gráfico de valores para manipular a curva de animação e para a outra metade usar o gráfico de velocidade. Vou demonstrar como esse exercício funciona com esse exemplo extra que eu fiz. Dentro dessas composições, há um círculo com uma animação linear. Você não precisa adicionar nenhum quadro-chave. O círculo só é animado na posição x e eu já separei as dimensões. Sua primeira etapa é converter esses quadros-chave em facilidade, para que você tenha alças para ajustar no editor gráfico e, em seguida, ajustar a curva de animação com base nessa descrição usando o gráfico que diz aqui. Essa linguagem não é a mais precisa, então há um pouco de espaço de manobra na resposta. Existem diferentes maneiras de descrever o movimento, então eu tento adicionar alguma variedade aqui. Depois de achar que seu círculo se movendo como na descrição, ative a visibilidade dessa camada vermelha para ver a resposta correta e comparar o movimento e o gráfico do seu círculo. Obviamente, existem maneiras de trapacear nesse exercício, mas isso não vai te ajudar a aprender. Espero que você ache esses exercícios úteis para praticar o editor gráfico. 11. Como descobrir como Animar quase qualquer coisa: [MÚSICA] Agora que você conhece os conceitos por trás movimento e como usar o editor gráfico, é hora de aplicar isso ao seu trabalho. Toda vez que você vai animar algo, adquire o hábito de se perguntar por que ele se move? Está se movendo por causa da gravidade? É autopropulsado? Está reagindo a alguma coisa? Ou é uma combinação de fatores? O que motiva esse movimento? Quando você sabe por que algo se move, você pode descobrir como ele deve ser animado. Se algo está caindo por causa da gravidade, ele acelera em direção ao solo até colidir com o solo. Agora você pode ajustar sua curva de animação para refletir isso. Mesmo que você nunca tenha feito uma aula de física, provavelmente sabe intuitivamente tudo o que precisa para aplicar isso às suas animações. Se você não tiver certeza de como algo se moveria de forma realista, faça um teste ou, melhor ainda, faça um vídeo de referência. Você pode reproduzir o vídeo de referência em câmera lenta para ver as nuances de como algo se move. Ou você pode importar o vídeo para o After Effects para animá-lo ao lado dele. Se você não consegue gravar um vídeo de referência sozinho, geralmente pode encontrar um vídeo on-line para o que precisa. Somente quando você souber como algo se move com precisão você pode ultrapassar os limites para adicionar mais personalidade, fazê-lo se mover de uma forma mais interessante ou torná-lo mais dramático. É conhecer as regras para quebrar a situação das regras. Nesta aula, estamos principalmente nos concentrando em animar as coisas de forma realista, e deixaremos o resto para mais tarde. Vamos começar com o projeto da turma. 12. Plantador em queda: Vamos começar a aplicar os conceitos que você aprendeu ao projeto da turma. Veja como é o projeto final da aula. Dentro do arquivo de projeto que você pode baixar para essa classe, você terá uma pasta chamada Projetos de classe. Dentro dela, há outra pasta para a versão finalizada. Você pode dar uma olhada neste arquivo finalizado se isso for útil para você. Você também tem uma pasta chamada Comece aqui. Você quer abrir a composição da natureza morta começa aqui, e esse será o seu ponto de partida. Vou usar exatamente a mesma composição mas na verdade vou preservar minha pasta start here para que eu tenha esse ponto de partida em branco e vou usar esse chamado tutorial , mas é a mesma coisa. Eu já codifiquei algumas coisas por cores para você e criei algumas pré-composições. Mas vamos começar com a inervação da panela caindo. Você não precisa necessariamente fazer isso, mas vou apenas desativar a visibilidade todas as camadas com as quais não estamos trabalhando e afastá-las da minha linha do tempo. Isso só facilitará o foco no que precisamos ver. Obviamente, vamos animar a propriedade de posição aqui, então vou selecionar o pote e pressionar “P” no teclado para abrir a posição. A primeira coisa que quero fazer é clicar com o botão direito na posição e separar as dimensões. A razão pela qual estou fazendo isso é porque vamos apenas animar a posição Y, e se eu separar as dimensões, então eu posso ajustar o gráfico de valores no editor de gráficos, o que eu acho um pouco Um pouco mais fácil para algo que realmente envolve física, como esse pote caindo. Primeiro eu vou, vamos dar uns 15 quadros no futuro e apenas definir a posição Y para aqui quando ela cair no chão. Em seguida, voltarei ao início da linha e vamos aumentar a posição Y para que fique fora da tela. Esses serão quadros-chave lineares. Essa animação vai parecer uma boneca e cair a uma taxa constante, e isso não é realmente realista. Primeiro, vou clicar e arrastar para selecionar esses dois quadros-chave e aplicar o Easy Ease. Lembre-se de que há várias maneiras de fazer isso, mas eu gosto de usar o atalho de teclado que é F9. Agora, isso vai avançar no movimento Easy Ease. Se olharmos para o gráfico, este é o gráfico de valores, e eu posso dizer que essa animação vai ficar lenta porque a inclinação não é tão íngreme aqui, e então vai acelerar no meio porque a inclinação é mais íngreme e depois diminuirá porque o nível da inclinação está errado logo antes de atingir o último quadro-chave. Como eu separei as dimensões, agora posso ajustar essas alças para manipular esse gráfico de valores. Esse é um passo muito importante. Este vaso de flores está se movendo por causa da gravidade. gravidade acelera as coisas em direção ao solo até que elas caiam no chão. Na verdade, há um número para isso na física que é 9,8 metros por segundo. Se você achasse que não sabia disso, provavelmente poderia pensar isso e chegar à conclusão correta. Pense se você derrubasse um ovo de um prédio muito alto. Ele vai acelerar tanto quanto está caindo toda essa distância que, quando atinge o chão, definitivamente tem que respingar. Mas se você derrubar o mesmo ovo mais perto do chão, como quando você está parado no chão, há uma chance de que ele nem quebre. Isso ocorre porque ele tinha menos distância, menos tempo para acelerar enquanto estava caindo, então ele atinge o chão com menos força como se você o derrubasse daquele prédio alto. Esse fato físico e esse experimento mental apenas nos diz que as coisas não diminuem logo antes de chegarem ao solo. Não há nada lá que possa fazer com que diminua a velocidade. As coisas aceleram em direção ao solo por causa da gravidade, então o Easy Ease está errado, então vamos consertá-lo. Vou pegar essa alça e arrastá-la para baixo para que o gráfico não fique nivelado. Agora, o gráfico continua sendo íngreme até o último quadro-chave. Isso significa que ele vai acelerar até atingir o solo. Já dá para perceber que isso fica muito melhor e faz com que a panela pareça mais pesada. Na verdade, posso ajustar o peso desse pote ajustando essa curva. Se eu tornar isso mais parecido, a inclinação desse gráfico ainda é bem íngreme. Não está se nivelando, não está desacelerando. Mas você pode ver que a panela parece muito mais leve nesse caso, do que se eu arrastasse essa alça até o fim assim. Agora realmente chega a um terço no chão. Eu só vou fazer isso em algum lugar no meio. Acho que isso parece muito bom. Acho que parece muito preciso para uma panela pesada com sujeira nela. Vou pular para o gráfico de velocidade bem rápido, porque lembre-se de como eu disse que a inclinação do gráfico de velocidade é aceleração. Se você observar a inclinação desse gráfico de velocidade, poderá ver que ele é sempre positivo. A inclinação é sempre positiva em qualquer ponto desse gráfico, e isso significa que o pote está sempre acelerando. Se você se lembra de quando tínhamos isso no Easy Ease, a inclinação será positiva aqui e depois negativa aqui. Isso significaria que está realmente desacelerando aqui. Eu só queria mostrar o gráfico de velocidade apenas para explicar a aceleração novamente e mostrar que o gráfico de velocidade nem sempre precisa subir e descer. Se houver uma aceleração quando ela atingir o solo ou quando a animação parar, ela terá apenas essa linha aqui E o gráfico não voltará para baixo, curvando-se de volta para zero. Isso é exatamente o que queremos. O próximo passo é adicionar um pouco de impulso a isso. Não vai saltar muito porque isso é pesado, mas quero adicionar um pouco mais de interesses. O que eu vou fazer é avançar talvez cinco quadros no tempo e definir outro quadro-chave da posição Y, que é exatamente o mesmo para esse ponto final no chão. Como seria de esperar, isso não tem nenhuma animação entre esses dois últimos quadros-chave porque eles têm exatamente o mesmo valor. Agora, se você recebeu uma animação que não esperava, às vezes isso acontece, mas na próxima etapa, vamos corrigi-la. Vou voltar ao editor gráfico e podemos simplesmente ajustar o gráfico com essas alças para adicionar um salto. Lembre-se de que este é um gráfico dos valores y. Você pode pensar nisso como espelho do que está acontecendo na composição, mas o gráfico está de cabeça para baixo. A parte inferior do gráfico aqui é quando o pote está no topo da composição, e quando o gráfico está aqui em cima, o pote está na verdade na parte inferior da composição. Você só precisa virar esse gráfico em sua mente. Se aumentarmos o tamanho dessa curva aqui, que é o salto, o pote vai saltar mais alto. A razão pela qual esse gráfico está de cabeça para baixo é apenas por causa da forma como os efeitos posteriores definem as coordenadas, então ele o define como 0,0 estando no canto superior esquerdo e, em seguida, os valores de x aumentam medida que você vai da esquerda para a direita, os valores de y aumentam à medida que você vai de cima para baixo. Basta virar esse gráfico em sua mente e ele poderá ajudá-lo a pensar sobre como isso está realmente se movendo no espaço. Como você pode ver, quando eu aumento essa forma do salto, o pote salta é maior, mas eu realmente quero que seja um salto muito pequeno porque, novamente, este é um pote pesado, então seria Não salte muito. Se isso ajudar, você pode ampliar o gráfico pressionando a tecla mais. Só queremos ter certeza de que isso parece um salto. O gráfico deve ser mais íngreme, pois é como bater no chão e voltar a subir. Então, ao mudar de direção no meio da curva, ele se nivelará e deverá acelerar de volta ao solo. Nosso gráfico reflete bastante isso, então vamos reproduzir isso. Sim, acho que parece muito bom. Obviamente, você pode gastar muito tempo ajustando o editor gráfico, mas espero que, ao praticar, você melhore em conseguir algo que goste com menos tempo. Acho que parece muito bom. 13. Animate laranjeiras: [MÚSICA] Em seguida, vou animar as laranjas caindo na tigela porque essa animação é muito parecida com a panela mas obviamente as laranjas são feitas de um material diferente, e eles têm pesos diferentes. Vamos considerar isso na aparência da nossa animação. Primeiro, vou selecionar todas as três laranjas, clicar na propriedade “Posição”, clicar com o botão direito do mouse nela e separar as dimensões. Eu vou ter que fazer isso em cada um [NOISE], mas agora está definido. Vamos fazer uma laranja de cada vez. Digamos que isso leve cerca de 15 quadros para cair, e eu vou definir um quadro-chave da posição Y na primeira laranja para aqui mesmo em 15 quadros. Então, vamos voltar no tempo e trazer isso até o fim, para que fique fora da composição. Obviamente, não queremos quadros-chave lineares, então vou aplicar o Easy Ease e depois entrar no editor gráfico. Novamente, não queremos que seja essa curva Easy Ease porque não queremos que ela diminua ao atingir o solo. Vou apenas arrastar essa curva para fora. Vamos até esconder esse pote só para não distrair. Acho que parece muito bom. Podemos fazer mais alguns ajustes. Talvez não diminua tanto o primeiro quadro-chave. Ele começa a se mover um pouco mais rápido mais cedo. Depois de ajustar esse gráfico ao seu gosto, agora vamos adicionar esse salto. Vou seguir em frente, talvez cinco quadros e definir outro quadro-chave da posição Y. Na verdade, vamos fazer com que essa laranja salte algumas vezes. Vou apenas definir mais quadros-chave da posição Y, exatamente o mesmo valor. Vamos fazer esse equilíbrio quatro vezes, então precisamos de cinco quadros-chave da posição Y no total aqui. Agora, vamos entrar no editor gráfico para realmente criar esses saltos. Agora, basta clicar nesses quadros-chave para obter as alças e arrastar a alça para baixo para criar um equilíbrio. Vou fazer isso em cada um desses saltos bem rápido e depois voltaremos e ajustaremos. Eu quero que o primeiro salto seja o mais alto, porque isso seria realista. Ele vai saltar mais alto e, em seguida, perder impulso ou perder a altura da balança à medida que avança. Vou apenas ajustar meus gráficos para refletir isso. O que estou criando agora , ao criar esse salto, esse tipo de gráfico é chamado de curva de decaimento. Quando você olha para o gráfico, se você desenhar uma linha reta do ponto inicial até o ponto final, seus saltos não devem realmente tocar nessa linha. Eles devem decair um pouco exponencialmente com o tempo. Em outras palavras, o primeiro salto é o mais alto e, em seguida, eles encolhem um pouco mais a cada vez. Vamos voltar atrás para ver onde estamos até agora. Obviamente, esse salto está acontecendo muito rápido. Vou ajustar o tempo disso antes de ajustar mais a curva. Você pode ajustar o tempo na linha do tempo ou pode realmente ajustá-lo no editor gráfico. Vou clicar e arrastar para selecionar todos esses quadros-chave e, em seguida, manter pressionada a tecla Shift para garantir que eu não altere o valor do quadro-chave. Eu só vou tirar isso daqui. Talvez caia na primeira vez, tipo 18 quadros. Foram necessários 15 quadros para o pote cair, então faz sentido que a laranja demore um pouco mais para cair porque é mais clara. Em seguida, selecionarei os últimos quatro quadros-chave e arrastarei esses para fora. Em seguida, vamos selecioná-los e arrastá-los para fora. Cada vez que ele salta, não vai demorar tanto porque não está saltando tão alto. Estou ajustando o tempo de acordo. Algo assim parece um pouco melhor mas agora, isso está saltando muito alto. Quando eu ajustei o tempo , ele realmente ajustou o gráfico um pouco demais, então vamos trazer esse caminho de volta para baixo. Esse também. Outra coisa a se considerar quando você está trabalhando com uma curva de decaimento é que você quer que a alça que entra no quadro-chave, a da esquerda, seja um pouco mais longa do que a que está saindo o quadro-chave. O da direita. Nesse caso, esse parece muito bom. Então, esse no próximo quadro-chave deve ser ainda mais curto do que o segundo no último quadro-chave. Assim como as balanças estão decaindo, eu quero que essas alças se decomponham. Isso porque, quando ele entra nesse quadro-chave, ele está indo muito rápido e, em seguida, está perdendo força à medida que volta a subir. Então, quando ele se recupera pela segunda vez, perde ainda mais força, então as alças também devem refletir isso. Vou voltar e ajustar as alças, ter certeza de que isso está acontecendo. Esse é muito longo. Algo parecido. Se virmos todas as alças, você pode ver que elas também correspondem a essa curva de decaimento. Para cada quadro-chave, as alças são bastante simétricas se você observar o ângulo. Vamos voltar atrás e ver onde estamos. Isso parece muito, muito melhor do que era antes. Vou ajustar esse gráfico um pouco mais. Acho que essa parte pode ser um pouco mais rápida à medida que os saltos menores acontecem. Vou apenas ajustar o tempo aqui um pouco. Acho que parece muito bom. Talvez o último salto seja um pouco alto demais. Isso vai ser apenas um ajuste fino, reproduzi-lo e fazer pequenos ajustes até que você esteja satisfeito com sua animação. Então, quando você estiver satisfeito com sua animação na primeira laranja, podemos simplesmente copiar a posição Y. Estou selecionando aqui para selecionar todos os quadros-chave e, em seguida, clicar em “Comando C” para copiar. Então, como separamos as dimensões dessas outras duas laranjas, podemos dar a elas a mesma posição Y da primeira laranja. Vou clicar em “Comando V” para colar esses quadros-chave. No momento, eles parecem estar todos juntos, mas eu posso compensá-los a tempo de fazer com que pareça muito mais interessante. Vamos mover a laranja três para trás, ou vamos fazer quatro quadros. Em seguida, moveremos duas laranjas para trás e três quadros adicionais. Agora isso parece muito mais interessante. Agora, obviamente, essas laranjas provavelmente estariam batendo umas outras, colidindo e criando algum movimento diferente , mas não vou me preocupar com isso por isso. Outra coisa que podemos consertar é que originalmente eu tinha minhas laranjas em diferentes níveis dentro da tigela. Para corrigir isso, parece que número dois laranja precisa ser um pouco maior. Posso simplesmente pegar todos esses quadros-chave da posição Y e garantir que todos estejam selecionados. Mantendo pressionada a tecla Shift, vou apenas arrastá-las para cima. Algo assim, e eu vou reduzir um pouco esse laranja três. Ao selecionar todos os quadros-chave, vou segurar a tecla Shift e arrastá-los para baixo para que fiquem em níveis diferentes. Isso não afetou o salto. Tudo ainda funciona. 14. A rega queda do Animate: [MÚSICA] Agora vamos animar a lata de água que está se encaixando. Para este, vou adicionar um pouco de rotação à medida que ele cai, para que ele caia em sua esquina, gire e caia no lugar. Primeiro, o que preciso fazer é garantir que o manípulo do regador esteja ligado ao regador. Dessa forma, posso simplesmente animar o regador e a alça será fixada. Em seguida, preciso usar a ferramenta Pan Behind, então essa ferramenta, ou Y no teclado, e vou mover meu ponto de ancoragem para onde queremos girar o regador. Se eu aumentar o zoom, vamos tentar colocar isso aqui nesta esquina. Você pode manter pressionado “Command” para encaixá-lo no lugar, de forma que simplesmente o encaixe na borda inferior dessa camada. Agora, posso voltar para a propriedade de posição e garantir que você selecione sua ferramenta de seleção novamente com B no teclado. Em seguida, com a propriedade de posição selecionada, vou “clicar com o botão direito do mouse” e ir para Dimensões separadas. Agora vamos animar a posição Y. Com 15 quadros, ele estará no chão e, em seguida, em zero quadros, nós o moveremos para fora da tela. Agora isso se encaixa. Vamos adicionar facilidade e, em seguida, trabalhar no Editor de gráficos. F9 para facilitar a facilidade e, em seguida, com os quadros-chave selecionados, vamos entrar no Editor de gráficos. Lembre-se de que não queremos que isso diminua quando chega ao chão, porque isso não faz sentido, então vou pegar essa alça e realmente arrastá-la para baixo porque quero que pareça pesada. Lembre-se de que quanto mais íngreme a encosta aqui, mais pesada ela vai parecer porque mais rápido ela vai subir. Acho que parece muito bom. É um bom baque. Talvez eu possa até ajustar isso, para que comece a cair mais rápido mais cedo. Estou feliz com isso. Agora vamos voltar e adicionar essa rotação. Vou clicar em “Shift” e “R” para exibir a propriedade de rotação e manter essa propriedade de posição ativa também. Eu vou fazer com que a rotação seja, digamos, talvez oito, aqui. Vamos definir esse quadro-chave. Podemos fazê-lo girar no ar. Talvez comece em zero e talvez o peso disso, o centro de gravidade esteja um pouco errado, então é por isso que está girando. Em seguida, ele precisará girar de volta ao lugar, então fale sobre aqui. Vamos girá-lo de volta para zero. Vamos facilitar esses quadros-chave e depois ajustá-los no Editor de gráficos. Até agora, parece que sim. Sinto que aqui está indo um pouco devagar, então isso é algo em que podemos trabalhar no Editor de Gráficos. Este é o gráfico de valores dessa rotação. Eu quero que ele gire em vez de diminuir a velocidade aqui, porque não há realmente nada que possa fazer com que ele diminua a velocidade ao atingir sua posição final sentada no chão. Vou levantar essa alça para torná-la mais rápida, para que ela acelere nessa rotação até atingir o solo. Faz sentido que ele acelere nessa orientação, onde está sentado no chão, porque a gravidade é o que está puxando isso, ou alterando essa rotação que ela se sente o solo, então ele deve acelerar até o lugar. Além disso, neste momento, não há nada que realmente faça a rotação comece a desacelerar, então também vou ajustar o gráfico para isso para que ele acelere nesse estado de rotação. Talvez eu queira que isso seja girado um pouco mais à medida que começarmos a vê-lo no quadro. Eu também posso arrastar este para trás, para que ele gire um pouco mais cedo. Podemos simplesmente voltar e tentar ajustar as coisas até que pareçam muito boas. Acho que isso parece bom por enquanto. Vamos também adicionar um salto a isso. Vou até esse último quadro-chave de rotação e definirei outro quadro-chave de posição. Agora precisamos entrar no Editor de gráficos e criar esse salto exatamente como fizemos no último vídeo. Vou arrastar essas alças para baixo. Lembre-se de que, por maior que façamos dessa pequena curva do gráfico, será a altura em que a lata de rega girará. Isso vai ser muito alto, eu acho, porque isso é muito pesado. Vamos tentar algo assim. Acho que parece muito bom. Parece pesado, mas é feito algum tipo de material que o torna um pouco elástico. Acho que somos bons nessa animação. 15. Anime a fatia laranja: [MÚSICA] Vamos animar a fatia de laranja, caindo, saltando e girando. Preste atenção na aparência da fatia de laranja na animação final. No final, ele balança para frente e para trás, então faremos isso também. Eu já pré-compus todos os diferentes pedaços da fatia de laranja. Essa laranja é uma composição com todas essas coisas diferentes dentro dela, mas você realmente só precisa se preocupar com a composição em si. Primeiro, vamos entrar na propriedade de posição e separar as dimensões. Eu também quero mudar de onde ele vai girar, então eu quero mover o ponto de ancoragem para baixo. Vou apenas usar a ferramenta pan behind, que é Y no teclado, e também manter pressionado o comando para encaixá-la nessa borda inferior. Agora vamos definir os quadros-chave de posição. Para muitos dos objetos que eram mais pesados, eu estava usando cerca de 15 molduras e depois acho que usei 18 molduras para que a laranja caísse. Mas essa fatia de laranja vai ficar ainda mais leve do que isso. Coisas mais leves, obviamente, se você pensar em uma pena, vai levar muito mais tempo para cair no chão. Talvez vamos para, digamos 23 quadros e definiremos o quadro-chave da posição Y. Então, como sempre, voltaremos ao início da linha do tempo e tiraremos tudo isso do quadro. Vamos adicionar o Easy Ease e ajustar isso no Editor de gráficos. Ao cair, não deve diminuir a velocidade e isso parece bom. Vamos ajustar isso, ainda mais, quando ele saltar. Vamos animar esse salto. Vou apenas ir aqui na linha do tempo e definir outro quadro-chave da posição Y. Na verdade, eu quero que isso salte algumas vezes porque é leve e é um material saltitante. Vamos definir como, digamos, 1, 2, 3, vamos fazer seis saltos, ou cinco saltos, valendo seis quadros-chave. Eu tenho seis do mesmo quadro-chave aqui. Lembre-se de que, à medida que as coisas saltam , levará um pouco menos de tempo para elas saltarem, então tente ajustar esses quadros-chave adequadamente. Agora vamos entrar no Editor de gráficos e ajustar a curva da animação para fazê-la saltar. Vamos apenas arrastar essas alças para baixo para cada um desses saltos. Eu apenas faço isso mais ou menos na primeira vez e depois ajusto. Acho que isso poderia ir ainda mais alto. Lembre-se de que este será o objeto mais leve para que ele possa saltar mais alto, provavelmente. Este poderia ser um pouco maior. Estou criando outra curva de decaimento aqui, garantindo que as alças sejam simétricas. Se você olhar na vertical, desenhe uma linha aqui. Além disso, o segundo é um pouco menor e que os saltos estão diminuindo com o tempo. Obviamente, isso precisa ser muito menor. Se isso ajudar, você pode ampliar o gráfico apenas para vê-lo em uma escala maior. Acho que alguns deles no meio aqui são um pouco parecidos demais, então vamos ajustar isso. [RUÍDO] Talvez o último possa ser ainda menor. Basta ajustar novamente. Talvez tudo isso precise de um pouco de ajuste. Aqui está o que temos até agora. Acho que esse movimento é um pouco nítido demais. Vou entrar nos gráficos e puxar essas alças para torná-los um pouco menos íngremes. Isso fará com que as alças fiquem mais largas de cabeça para baixo. [RUÍDO] Agora vamos ver se fica melhor. Acho que parece um pouco melhor. Acho que há um salto aqui que aparece um pouco alto demais. Acho que é esse, então vamos acabar com isso. [RUÍDO] Isso parece melhor. Um pequeno truque para você se tiver dificuldade em vê-lo ser reproduzido em tempo real e detectar o que está errado, acesse o painel de visualização e verifique se a linha do tempo está selecionada. Se você alterar a taxa de quadros para algo menor do que a taxa de quadros real, ela será reproduzida em câmera lenta. Se eu apenas definir isso para 15 quadros, porque estou trabalhando em 30 quadros, agora ele vai reproduzi-lo em câmera lenta para que eu possa ver mais facilmente o que está acontecendo. Quando terminar de assistir em câmera lenta, certifique-se sempre alterar a taxa de quadros para automática ou para a taxa de quadros real que você veja as coisas em tempo real. Agora vamos adicionar esse valor de rotação. Vou apenas fazer o Shift R para exibir a propriedade de rotação. Neste ponto, quando ele cair no chão pela primeira vez, vou girá-lo, digamos, digamos está acontecendo bem longe, algo assim, e vou definir esse quadro-chave de rotação. Mas se você olhar bem de perto, notará que isso está realmente acontecendo agora. Para compensar isso, vou apenas ajustar a posição Y. Com minha camada selecionada, usarei apenas as teclas de seta para empurrar essa camada para cima, de forma que a parte inferior da laranja toque o chão. Então, no próximo quadro-chave, quero que ele gire de volta para o outro lado. Comecei com menos 36, quero fazer algo na direção positiva, mas um pouco menos que 36. Talvez façamos apenas 22. Novamente, isso está passando pelo chão, então eu vou apenas empurrá-lo para cima. Vamos para o próximo quadro-chave e voltar para a outra direção. Algo menos do que nosso último quadro-chave. Sempre podemos ajustar isso mais tarde. Isso parece bom e eu vou empurrar isso de volta. É importante posicionar primeiro os quadros-chave e depois a rotação. Dessa forma, podemos ajustar a rotação posteriormente, facilitando um pouco. Volte para o outro lado, e empurre isso um pouquinho para cima e para trás novamente. Novamente, isso está decaindo toda vez que gira e não precisa ser ajustado demais na posição Y. Vamos até mesmo girar isso um pouco depois de terminar de saltar. Provavelmente precisei girar o quadro-chave anterior um pouco mais, mas podemos ajustar isso posteriormente no Editor de Gráficos. Agora, vamos adicionar o Easy Ease a esses quadros-chave e acessar o Editor de gráficos para ajustar. Este é o gráfico do valor da rotação. Queremos que os valores diminuam com o tempo. Isso está diminuindo. Mas esses quadros-chave, esse precisa ser maior. Vamos arrastar essa para cima para que tenhamos essa bela forma decadente. Talvez esse precise cair, algo assim. Talvez esse tempo precise ser ajustado aqui. Vamos ver como isso parece. Isso parece muito bom, mas se pensarmos sobre o que a rotação deveria estar fazendo, ela não deveria estar fazendo um Easy Ease. Precisamos ajustar esse gráfico. Quando ele vem e atinge o chão, novamente, como eu tenho dito muitas vezes, não faz sentido que isso diminua a velocidade ao chegar ao solo, porque a gravidade o está puxando para baixo, também puxando isso valor de rotação, portanto, ele deve acelerar até esse quadro-chave. Vou apenas arrastar a alça para baixo para refletir isso, e então, quando ela gira para trás, a mesma coisa aqui. Arraste esse quadro-chave para cima. Não está diminuindo a velocidade à medida que entra nesse quadro-chave. Então a mesma coisa aqui e aqui e depois temos mais uma sobre esse último salto. Então, à medida que balança para frente e para trás, acho que não há problema em fazer acho que não há problema esse Easy Ease porque tem menos a ver gravidade e mais com o atrito do chão e da laranja. Vamos jogar isso de volta. Depois de ver os quadros-chave de rotação e posição juntos, talvez você queira voltar e ajustar algumas coisas, mas, no geral, acho que isso parece muito bom. [RUÍDO] 16. Anime a queda e tigela giratória: [MÚSICA] Agora vamos animar a tigela se encaixando, mas também vamos girá-la. Para este, vou realmente dar duas rotações. Ele vai pular de um lado para o outro e depois pousar no lugar. [RUÍDO] Primeiro, quero ter certeza de que a base da tigela é a coisa que vai impulsionar a animação. Vou colocar a tigela na base da tigela. Preciso ajustar esse ponto de ancoragem novamente. Vamos ampliar. Vamos mover esse ponto de ancoragem para esse canto inferior. Usando a ferramenta pan behind, que é Y no teclado, mantenha pressionado o comando para encaixá-la neste canto inferior. Agora vamos entrar na posição e separar as dimensões, depois vamos para 15 quadros e definir um quadro-chave da posição Y, voltar para cima e movê-lo totalmente para fora da composição. Agora isso vai se encaixar. Mas eu tenho as laranjas mostradas aqui porque elas obviamente precisam cair depois que a bola atinge o chão. Eu só vou trazer essas laranjas de volta. Vamos movê-lo de volta até um segundo para tirá-los do caminho. Agora podemos adicionar o Easy Ease a esses quadros-chave, acessar o editor gráfico e ajustar o movimento. Como sempre, não queremos que as coisas diminuam a velocidade logo antes de chegarem ao chão quando estão caindo. Vamos ajustar essa curva. Isso parece muito bom. Talvez eu faça com que acelere um pouco mais rápido aqui. Essa bola é bem leve; provavelmente a coisa mais leve que eu animei até agora , talvez além das laranjas. Vamos apenas ajustar essa curva. Eu acho isso bom. Agora vamos adicionar a rotação. Faça Shift R para exibir a propriedade de rotação. Em seguida, vamos girar essa tigela quando ela cair para menos 12 e defini-la como quadro-chave. No início da linha do tempo, talvez não esteja totalmente girado para menos 12, talvez esteja apenas em menos 4, apenas comece a cair um pouco fora do centro. [RUÍDO] Vou adicionar o Easy Ease a esses quadros-chave, entre no editor gráfico. Não há razão para que isso diminua ao chegar ao solo. Não há nada lá que possa fazer com que ele comece a diminuir sua rotação. Levante essa alça para que ela continue acelerando à medida que entra nessa rotação. Agora ela cai e pousa desse jeito. Agora precisamos balanceá-lo e girá-lo de volta na outra direção. Provavelmente precisa girar para trás até aqui. Mas o complicado é que, se eu girar isso de volta para o outro lado, a tigela vai mergulhar abaixo do chão porque está girando em torno desse ponto de ancoragem. Na verdade, vou girar isso de volta para zero, e vamos configurar um controlador para nos permitir girar em torno desse ponto. O que eu quero fazer é subir a camada de um novo objeto nulo. Agora podemos pegar esse nulo e colocá-lo onde queremos que a rotação esteja, a segunda rotação. Vou ampliar para acertar exatamente, talvez até tenha visto a base da tigela e o nulo para ter certeza de que posso ver o que estou fazendo sem que o chão fique no caminho. Agora, esse nulo é exatamente onde queremos que a segunda rotação esteja. O que vou fazer é reduzir a base da tigela a esse valor nulo. Podemos renomear isso como nulo porque é sempre uma boa ideia rotular suas camadas. Vou nomear esse controlador de rotação da tigela. Agora, se eu girar isso, você pode ver que aquela tigela agora pode girar em torno desse outro eixo. É como se tivéssemos dado a ele um ponto de ancoragem extra. Na verdade, vou desfazer, voltar para zero porque precisamos definir um quadro-chave em que essa rotação da tigela seja zero e que esteja aqui quando for girada para cima do outro lado. Agora, quando está no lugar, quando essas duas coisas estão alinhadas, agora podemos girar o nulo para girar a tigela. É importante que você defina esse quadro-chave para estar em rotação zero e, quando essas duas coisas estiverem alinhadas, o nulo e esse canto da tigela, poderemos usar o nulo. Se você usar esse nulo para tentar girar a tigela quando ela estiver aqui, isso não vai te dar o efeito desejado. Ele vai girar em torno desse ponto. Mas como esse ponto não está alinhado com a tigela, você está obtendo um efeito que provavelmente não deseja. É importante definir os quadros-chave dessa forma para que você possa girar o nulo quando ele estiver alinhado com o canto da tigela em que você deseja que a rotação fique. Vamos rotacionar isso um pouco mais. Agora queremos reduzir a rotação para zero. Vamos ajustar a rotação de nulos de volta para zero. Let's Easy Facilite esses quadros-chave de rotação no nulo e acesse o editor gráfico para ajustá-los. Isso será muito semelhante à rotação na base da tigela. Quando está girando para este lugar, não precisa diminuir a velocidade, há nada que faça com que comece a desacelerar. Precisamos garantir que esse gráfico não esteja nivelado. Vou apenas arrastar esse quadro-chave para baixo. Pode começar devagar aqui, pois está ganhando impulso por causa da gravidade, puxando-a para o lugar e, aqui, não há razão para desacelerar; gravidade está acelerando as coisas em direção ao chão. Essa alça deveria estar mais levantada assim. Faz com que pareça que se encaixa. Mas isso parece um pouco estranho sem o salto. Então, vamos adicionar isso. [RUÍDO] Aqui, vou definir um quadro-chave da posição Y. Esse será o primeiro salto e, na verdade , terá dois saltos e outro quadro-chave da posição Y alinhado com essa última rotação. Em seguida, podemos entrar no gráfico desses quadros-chave na posição Y e adicionar esse salto puxando essas alças para baixo. [RUÍDO] Acho que é muito bom quanto à altura que eu quero, talvez um pouco menos. [RUÍDO] Na verdade, isso é um pouco alto demais, eu acho, vamos derrubá-lo. Lembre-se de que queremos que a segunda alça seja um pouco mais curta do que a primeira, porque haverá uma perda de impulso à medida que ela salta. É muito bom. Vamos reproduzir o que temos. [RUÍDO] Podemos continuar ajustando isso para torná-lo ainda melhor, mas vamos chamar isso de bom por enquanto. 17. Anime saltar laranja: [MÚSICA] Vamos animar a laranja que salta da tigela e depois rola. Preste atenção nessa laranja na animação final. Vamos começar animando a laranja na posição Y, depois adicionaremos a posição X e, posteriormente, em um vídeo diferente, adicionaremos a folha. Na verdade, vou apenas esconder a folha e timidá-la por enquanto. Vou entrar na propriedade de posição da laranja e separar as dimensões. Como eu já animei as outras laranjas pulando na tigela, a animação nessa laranja deve ser bem parecida com essa, então eu posso usar isso como ponto de partida. Vou entrar nas minhas camadas compartilhadas e ir até uma das laranjas que eu já animei. Vamos apenas copiar essa posição Y. Ao selecionar a posição Y aqui, ele selecionará todos os quadros-chave, e eu posso fazer um “Comando C” para copiar. Então eu posso simplesmente ignorar todas as camadas novamente. Volte para essa laranja, pressione “P” no teclado. Como eles já estão separados, posso simplesmente clicar em “Comando V” para colar os quadros-chave da posição Y, e ele manterá a mesma posição X mas na verdade eu quero mover a posição X, para que caia em cima da tigela. Precisaremos mover toda essa camada para frente tempo para que isso aconteça depois que a tigela já pousar. Aqui é onde eu quero ter certeza de que o fundo dessa laranja está alinhado com a parte superior da tigela, como se estivesse batendo na borda da tigela, então vou mover a posição X acabou assim, e então eu também posso ajustar a posição Y. Vou apenas selecionar esse quadro-chave e apenas empurrar a posição Y para cima. Eu só gosto de usar as teclas de seta do meu teclado para isso. Parece muito bom, mas vamos ampliar e garantir que esteja perfeito, e então também podemos deslocar a posição Y, então eu quero clicar no centro da laranja para alinhar com a borda do tigela. Acho que parece muito bom. Agora, ele vai cair na tigela em que vai saltar e eu quero que agora caia no chão. Observe aqui que esse quadro-chave não está exatamente alinhado com o indicador de reprodução. Na verdade, está entre um quadro, então eu preciso apenas arrastá-lo um pouco para cima e esse valor Y. Eu realmente quero que a laranja esteja no chão, então vou empurrá-la em direção ao chão. Acho que o valor do solo deveria ser 766, então posso simplesmente digitar isso. Então, todos esses outros quadros-chave posteriormente também devem estar pousando no chão, então vou digitar esse valor 766 porque sei que é onde eles deveriam estar. No momento, a laranja vai saltar para cima e para baixo no lugar. Ele salta uma vez na bola e depois pula no chão mas eu quero que isso se mova para a esquerda. Bem aqui, onde ele salta para a borda da tigela, isso que eu queria começar a mover para a esquerda. Vou definir um quadro-chave da posição X aqui. Em seguida, vamos avançar no tempo até o último quadro-chave. Vamos apenas arrastar a posição X. Isso é legal porque agora você pode ver o caminho do movimento. Você pode ver todos esses saltos. Não tenho certeza de onde quero que isso esteja. Vamos apenas mostrar algumas das minhas outras camadas para fins de perspectiva. Eu sei que foi assim, e talvez vamos ver como é o vaso de flores. Acho que essa é a posição certa para a laranja. Vou apenas esconder essas duas camadas novamente e experimentá-las. Agora, a laranja está saltando da tigela e se movendo para a esquerda. Ele simplesmente para abruptamente no final e eu quero que ele role um pouco antes de chegar ao fim aqui. O que eu vou fazer é simplesmente mover esse quadro-chave para fora e, em seguida, definir outro quadro-chave aqui, que se alinhe com a última posição Y. Dessa forma, posso saber que será uma animação linear e posso adicionar uma facilidade fácil a essa, para que ela chegue à posição final de descanso. Agora, se entrarmos no editor gráfico, queremos ter certeza de que essa linha é bem reta. Essa linha é constante. É uma linha diagonal bem reta. Em seguida, ele diminuirá esse valor. Talvez possamos puxar essa alça um pouco mais e ajustar o tempo, para que essa linha fique reta e, em seguida, facilitar esse valor final. Essa última parte do gráfico é curva, mostrando que está diminuindo à medida que atinge sua posição final. Vamos ver o que temos. Talvez você precise voltar e ajustar isso, mas acho que estamos muito bem aqui. 18. Anime movimento reativo: planta: [MÚSICA] Já animamos o vaso se encaixando, mas agora vamos adicionar a planta. A planta vai reagir ao movimento da queda do vaso. Eu já criei essa pré-composição de caule vegetal para você que tem o caule e todas as folhas para esse único fio da planta. Então, em nossa animação final, podemos simplesmente duplicar o caule da planta várias vezes para ter uma planta completa. A primeira coisa que precisamos fazer é garantir que o caule da planta esteja ligado ao vaso, para que, quando o vaso cair, a planta venha com ele. Em seguida, podemos adicionar um efeito de curvatura a esse caule da planta para fazer com que tudo se dobre. Vá até Efeitos e predefinições e pesquise por CC Bend It. Então você só quer aplicar o CC Bend It no caule da planta. Se você olhar de perto, ela cortou minha folha superior, então o que eu preciso fazer é ajustar os valores inicial e final para que tudo fique visível. Esse é o fim. Vou arrastá-lo para cima para que minha folha inteira apareça. Então, na parte inferior, vou arrastar isso até a parte inferior da haste. No painel de controles do efeito, você deve ver CC Bend It em sua camada e você pode ajustar o valor da dobra para dobrar essa haste. Agora podemos animar esse valor de curvatura para animar a planta reagindo ao movimento da queda do vaso. Enquanto esse vaso está caindo, acho que quero que o caule da planta fique bem reto para cima e para baixo assim, como se estivesse soprando o vento criado a partir da queda do vaso. Mas então a aparência final do caule da planta não será curva porque acho que fica melhor. Vou colocar um quadro-chave um pouco no meio desses dois primeiros quadros-chave enquanto a planta está caindo. Isso vai ser, bem, é direto para cima e para baixo. O valor da curvatura será zero. Estou apenas configurando o quadro-chave aqui no Effect Controls. Então, se eu clicar na minha camada e pressionar U no teclado, isso mostrará todos os quadros-chave nessa camada. Agora eu também posso animar isso aqui embaixo. Então, quando a planta atingir o solo, alinhando-a com esse quadro-chave, quero que a curva seja bem dramática. Talvez algo assim. Então, quando o pote salta de volta, podemos fazer com que ele volte a subir, talvez assim. Então, à medida que desce, talvez façamos com que o caule da planta salte um pouco. Ele voltará desse jeito e depois voltará desse jeito e talvez essa seja sua posição final. Agora vou selecionar todos esses quadros-chave e pressionar F9 para facilitá-los. Em seguida, vamos até o editor gráfico para ajustar. Em geral, esse formato parece bom, queremos que a quantidade de curvatura diminua com o tempo. Mas vamos reproduzir nossa animação e ver como ela fica. Parece que esse salto é muito rápido. Vou apenas arrastá-los um pouco para fora. Vamos ver como isso parece. Isso acaba repentinamente aqui. Talvez queiramos que termine quando está se movendo para baixo em vez de para cima. Vou falar um pouco mais sobre isso . Então, vamos garantir que nossa curva de animação ainda tenha uma boa queda. Talvez esse ponto precise ser um pouco mais. Eu só quero ter certeza de que isso tem a forma de um cone. Também vamos garantir que isso esteja realmente facilitando esse valor final. Vamos arrastar essa alça. Então, ela está começando a dobrar logo no começo aqui, então eu vou arrastar essa alça para que seja mais repentino quando ela atinge o chão que ela se dobra. Talvez eu até precise mover todo esse quadro-chave. Demore um pouco mais de tempo para que possa se curvar repentinamente. Estou tornando essa encosta muito íngreme aqui. Acho que preciso ajustar um pouco mais o tempo para que isso aconteça muito rápido. Vamos tentar isso. Está parecendo melhor. Acho que o momento ainda é muito rápido aqui no final. Vamos tentar isso. Parece muito bom. Acho que ainda termina mais ou menos. Talvez precisemos ajustá-los e vamos fazer isso no editor gráfico. Talvez possamos reduzir um pouco essa quantidade de curvatura para que não seja necessário fazer uma mudança tão grande no último quadro-chave. Acho que isso vai ser melhor. Vamos reproduzi-lo em tempo real. Acho que isso parece muito bom. Parece que a planta está reagindo ao vaso se encaixar. Agora vamos animar as folhas dentro do caule da planta para tornar essa animação ainda melhor. Isso fará com que pareça um pouco mais fluido e as folhas não fiquem tão rígidas quando estão presas a esta planta. Vou clicar nessa camada do caule da planta. Mas primeiro eu quero colocar minha cabeça de jogo sobre esse primeiro quadro-chave no valor da curvatura para que eu saiba onde está quando estou nessa composição. Quero animar essas folhas para que fiquem mais eretas quando a planta estiver mais reta. É quando está caindo. Vou fazer a rotação dessa folha e vamos trazer isso. É ainda mais reto para cima e para baixo. Talvez uns seis. Então, a folha oposta do outro lado do caule deve ter a mesma rotação, mas negativa, então menos 6. Vamos definir quadros-chave de rotação para eles e depois subir o caule da planta fazendo a mesma coisa. Essa folha, essa folha e essa folha também devem ter seis. Então essa folha, essa folha e essa folha devem ser menos 6. A folha superior provavelmente pode ficar girada em linha reta para cima e para baixo em zero. Agora, só quero ter certeza de definir quadros-chave para todos esses valores. Agora, como o caule da planta está voltando para uma posição curvada aqui, quero que as folhas se dobrem adequadamente. As folhas dessa metade da planta deveriam se curvar mais e as folhas dessa metade da planta provavelmente deveriam ficar ainda mais retas para cima e para baixo, para que se inclinem mais para a esquerda. Certificando-se de que minha cabeça de jogo esteja acima desse segundo quadro-chave, vou clicar aqui. Agora eu sei onde definir esses quadros-chave. Vamos reduzir isso para que talvez ainda seja menos 10. Então, nesta folha superior, talvez também pudéssemos girá-la para curtir, vamos fazer menos 10 aqui também. Ambos estão inclinados na forma em que se dobram, que faz sentido para a forma como as folhas realmente reagirão. Podemos fazer o mesmo com as outras folhas desse caule. Esses três serão menos 10. Esses três também serão menos 10. Tudo está em menos 10 agora, exceto por essa folha superior, que podemos girar até ficar boa. Talvez menos 10 também seja bom. De volta à nossa composição principal, você pode ver que isso parece um pouco mais, as folhas também estão participando desse movimento. Se passarmos para o próximo quadro-chave, vamos fazer com que essas folhas fiquem mais eretas. Talvez não tão eretos quanto estavam nessa posição inicial, mas um pouco menos inclinados para a esquerda do que neste segundo quadro-chave. Vou clicar novamente no caule da minha planta e vamos definir esses quadros-chave. Vamos girar essa folha para que tal quatro? [RUÍDO] Essas outras três folhas deste lado provavelmente podem fazer o mesmo e, neste lado , vamos trazê-las de volta para baixo, então talvez elas devam ser como menos 4. Nossa folha superior pode ser talvez apenas menos 2. Vamos voltar para a composição principal e, em seguida, indo para próximo quadro-chave, clicaremos novamente no caule principal da planta e agora adicionaremos mais quadros-chave de rotação. Este primeiro conjunto, quando eles foram girados para a esquerda, estavam em menos 10, mas isso estava mais curvado para a esquerda, então vamos fazer com que isso seja um pouco menos do que menos 10. Vamos tentar menos 8 e podemos realmente fazer isso em todos eles, então menos oito. Eram iguais, então menos 8, e essa folha superior. Veja o que parece bom, provavelmente menos 8 novamente e depois vamos voltar para nosso próximo quadro-chave. Esse novo conjunto de quadros-chave deve ser esse conjunto de quadros-chave, mas um pouco menos, então isso estava em menos 4 e 4 deste lado, então vamos fazer. Para esses caras, faremos que tal dois? Esses do lado direito, faremos menos 2, e nossa folha superior, apenas menos 1. Voltando à nossa competição principal pela última vez. Essa é a posição final de descanso, então vamos fazer isso como esses quadros-chave , mas um pouco menos. Esses estamos em menos 8, então vamos fazer menos 5. Esses também estavam em menos 8, então faremos menos 5 e, em seguida, essa folha superior talvez apenas menos 4. Vou apenas selecionar todos esses quadros-chave e fazer F9 para facilitá-los. Vamos voltar à nossa competição principal e ver como isso se parece. Espero que você possa dizer isso, isso parece um pouco mais fluido. As folhas também estão dobradas, então isso faz com que pareçam um pouco mais naturais. Mas uma coisa que podemos fazer é fazer as folhas reajam ao movimento do caule, porque se você pensar em como todas essas coisas estão conectadas, o vaso está impulsionando toda essa animação. Todo o movimento está acontecendo porque o pote está caindo. O caule é enraizado no vaso e, em seguida, as folhas são presas ao caule, então o movimento reativo deve ter um efeito cascata. Começando com a panela passando para o caule e depois para as folhas. Devemos começar a animar essas folhas inferiores primeiro, provavelmente depois do caule. O caule é a curva e, em seguida, as folhas que começam na parte inferior devem animar primeiro depois disso e , em seguida, um pouco deslocadas seriam as próximas folhas do conjunto, o próximo conjunto de folhas, o próximo conjunto de folhas até esta folha final. Vou voltar ao caule da minha planta e compensar esses quadros-chave. Vamos apenas mover cada quadro-chave um quadro para trás para que todos os quadros-chave sejam deslocados de nossos quadros-chave dobrados na composição do caule da planta. [RUÍDO] Vamos pegar o próximo conjunto de folhas; então esta e esta, e mover esses quadros-chave mais um quadro para cima. No próximo conjunto de folhas subindo, pegarei esses quadros-chave e os moverei um quadro acima da etapa anterior, e então, nesses últimos, pegaremos a folha superior para movê-los. mais uma e a folha mais alta pode se mover sobre mais uma. Se apenas reproduzirmos essa composição, você pode ver que ela tem um efeito mais ondulante. É um pouco mais lento e natural do que se mover ao mesmo tempo. Se você pensar no movimento como sendo impulsionado da base da planta ou no caule se movendo para cima , essa animação faz sentido. Se reproduzirmos isso o jogo do caule parece um pouco mais fluido, fluido e mais natural e realista. O que precisamos fazer a partir daqui é apenas duplicar esse caule da planta para que tenhamos vários caules de plantas dentro do vaso. Eu posso simplesmente selecionar este e pressionar o “Comando D” para duplicá-lo, e então eu posso simplesmente arrastá-lo, mas eu quero que caule da planta se dobre na outra direção. Em vez de ajustar todos esses valores de curvatura na verdade, vou pegar esse caule da planta, pressionar “S” no teclado e ajustar a escala para invertê-lo horizontalmente. Vou desbloquear as proporções restritas e, em seguida, fazer menos 95 na direção x, e isso vai inverter as coisas dessa maneira. Eu também posso simplesmente movê-lo para onde eu quiser. Temos dois caules de plantas , mas eles estão se movendo exatamente da mesma maneira, apenas uma imagem espelhada que parece um pouco estranha. É como chifres ou algo assim. Vamos pegar esse caule vegetal duplicado e entrar nos quadros-chave da dobra, então estou selecionando todos eles. Para entrar no Editor de gráfico, podemos realmente ajustar todos os valores de uma vez dentro do Editor de gráfico. Para fazer isso, você precisa ter certeza de que Mostrar caixa de transformação está marcada para que fique azul e, em seguida, você pode clicar e arrastar o gráfico inteiro para selecionar a coisa toda e agora podemos tratar isso como uma forma que podemos manipular. Podemos arrastar tudo para cima e, se você pressionar a tecla Shift, garantirá que não a deslize para a esquerda e para a direita. Essa coisa toda é um pouco menos flexível. Você também pode tornar o caule da planta mais rígido diminuindo a diferença entre as curvas. isso parece um pouco diferente. Mas uma coisa é que, quando eu fiz isso , isso mudará esse primeiro valor para esse caule da planta não fique tão reto para cima e para baixo no começo e eu ainda quero que seja. Vou apenas definir esse valor de curvatura volta para zero para o primeiro quadro-chave. Outra coisa que podemos fazer para tornar isso um pouco diferente é ajustar a escala. Talvez isso seja menos 100 e 100. Só para ficar um pouco maior, ajuste a posição dela. Vamos fazer essa coisa toda de novo para fazer uma terceira haste, então vou duplicar a principal arrastá-la. Vamos fazer a escala 105 apenas para que ela tenha mais variedade e vamos entrar nos quadros-chave de dobra. Na verdade, podemos simplesmente clicar e arrastar sobre parte do gráfico, não atrapalhar essa primeira curva acima de zero, que eu quero manter. Podemos simplesmente arrastá-los para cima para que essa haste fique menos flexível, e então talvez eu arraste essa parte de baixo para cima apenas para fazer com que a haste inteira não se dobre tanto. Vamos ver como isso parece. Acho que isso parece muito bom. Todas as hastes estão dobradas de uma só vez que parece um pouco antinatural, então talvez eu possa simplesmente deslocar os quadros-chave em cada uma dessas hastes para torná-la um pouco mais deslocada. Nem todos estão acontecendo ao mesmo tempo. Vou apenas selecionar todos os quadros-chave nesta haste intermediária, arrastá-los um quadro para nesta haste intermediária, cima, e então talvez todos os quadros-chave neste possam passar dois quadros cima e eu vou manter um um pouco mais de variedade. Aqui está a animação final dos caules das plantas. 19. Movimento reativo do animate: folha laranja: [MÚSICA] Esta folhinha na laranja deveria estar reagindo ao movimento dessa laranja caindo. Vamos animar isso agora. Primeiro, preciso ter certeza de que a folha está voltada para a laranja para que ela permaneça conectada, e depois preciso ter certeza de que o ponto de ancoragem dessa folha girará do ponto certo. Vou usar a ferramenta pan behind e manter pressionado o comando para encaixá-la no lugar. Agora, obviamente, já animamos a laranja para que possamos ajustar a rotação da folha de acordo com essa animação na laranja. Mas primeiro eu realmente quero ter certeza que a laranja está girando porque ela vai ricochetear nesta tigela aqui, a tigela que você pode realmente ver agora. Há uma tigela da qual ela está saltando, e então, à medida que salta daqui, ela deve estar girando apenas para fazer com que pareça um pouco mais interessante e realista. Vou definir esses quadros-chave de rotação primeiro. Ele atinge a tigela aqui, então vou pressionar R no teclado para abrir a rotação e definir um quadro-chave de rotação. Então, vamos clicar em U para ver todos os quadros-chave. Vamos seguir em frente no tempo e ele deve continuar girando até parar. Vamos fazer com que ele faça uma rotação completa, mas na verdade vou fazer com que seja menos um, assim ele girará nessa direção, no sentido anti-horário. Agora precisamos animar essa folha fazendo algo que pareça mais natural do que isso. Vou apenas arrastar a camada da folha que ela se alinhe com a camada laranja. Isso não é muito necessário, mas eu só gosto de manter minhas camadas organizadas e organizadas assim. Quando as laranjas caem, quero que a folha fique reta para cima e para baixo, como a planta soa, como se o vento caindo estivesse soprando a folha em linha reta. Vamos mudar a rotação para menos 180. Nossa folha não está realmente presa à laranja neste momento, então vamos movê-la e colocá-la onde ela fica bem. Vamos definir essa rotação aqui para menos 180. Quando a laranja cai, a folha fica grudada diretamente no ar, mas quando a laranja salta da tigela e começa a se mover de volta para cima, a folha deve voltar imediatamente para baixo porque o impulso da laranja subindo será empurrar a folha de volta para baixo. Vamos apenas definir um quadro-chave. Vamos até aqui e girar isso de volta para baixo. Então, quando ele cair no chão, isso realmente será uma boa rotação, então vamos mover esse quadro-chave e depois ajustar o espaçamento dessa animação no Editor de Gráficos. Primeiro, adicionarei o Easy Ease e depois entraremos no Editor de Gráficos. Eu quero que isso aconteça para que, assim que as laranjas saltam de volta, isso já esteja batendo de volta para baixo. Preciso ajustar essas alças para que voltem rapidamente para baixo, então há uma mudança acentuada aqui. Algo assim parece muito bom até agora. Então, a partir daqui, a laranja está rolando, mas também saltando. Vamos ver o que isso faria a seguir. A laranja está saltando para cima e girando, então eu acho que a folha realmente cairia para a esquerda e depois cairia assim. Talvez a folha nesse ponto estivesse caindo no chão desse jeito. No meio, vamos ver se isso parece certo. Acho que provavelmente começaria a cair um pouco mais cedo do que ficar reto porque a laranja está se movendo para cima, eles estariam empurrando a folha para baixo, então vamos ajustar isso no gráfico Editora. Queremos que ela caia mais cedo, então, se ajustarmos a curva dessa forma, ela fará isso. Vamos passar para a próxima fase. Aqui a laranja está girando e não faz sentido que a folha passe pelo chão. Talvez neste momento ele vire para o outro lado para que aqui fique assim. Acho que isso parece muito bom. Então, quando chegamos ao final aqui, notei que na camada laranja, esse quadro-chave de última rotação é apenas um quadro-chave linear, então ele não vai diminuir a velocidade ao terminar de girar para sua posição final e isso vai parecer um pouco abrupto. Precisamos adicionar um Easy Ease a isso, assim como fizemos na posição x da laranja. Não quero afetar nenhuma das outras rotações no resto dessa camada, quero que seja linear, porque senão vai atrapalhar a aparência da folha. Neste último quadro-chave da posição y, é aqui que a laranja começa a rolar e essa é a parte que eu quero apagar. Vou definir outro quadro-chave linear na rotação e, em seguida, vamos apenas facilitar esse último quadro-chave. Agora podemos continuar com a rotação dessa folha. Nós tínhamos aqui, e então, quando a laranja salta de volta, a folha provavelmente deveria estar caindo para que ela repouse no chão assim aqui. Provavelmente podemos fazer isso acontecer um pouco mais cedo, quando o movimento da laranja aumenta, o ar empurra a folha para baixo. Isso provavelmente deve acontecer um pouco mais cedo, então vamos entrar no segundo quadro-chave e ficar mais íngremes lá, e então ele saltará uma última vez e depois rolará e queremos essa folha para passar para sua posição final, que é algo assim. Acho que isso parece muito bom. Talvez precisemos acessar esse quadro-chave um pouco mais, então vou arrastar essa alça para fora. Isso parece muito bom, eu acho. Vamos jogar tudo de volta. Acho que todo o final é um pouco abrupto, então talvez peguemos todos esses quadros-chave e demos a eles um pouco mais de tempo para rolar e tudo para girar no lugar certo. Acho que parece melhor. Agora temos a laranja com a folha saltando da tigela. 20. COMO JUNTAR TUDO: Agora que temos todos os nossos objetos se encaixando, vamos ajustar um pouco o tempo para que nem todos se encaixem ao mesmo tempo. Aqui está o que temos até agora. Seria ótimo ter o regador funcionando primeiro. Vamos deixar o regador como está e depois afastar um pouco o vaso de flores. Talvez isso comece em cinco quadros. Vou apenas mover esses e talvez a tigela. Isso afetará todas as laranjas. Talvez eles devam começar em dez quadros. Isso parece bom. A fatia de laranja deve ser um pouco mais tarde. Talvez possa chegar em, digamos, 20 quadros, veja como fica. Talvez as laranjas possam realmente chegar um pouco mais cedo. Vamos fazer a laranja com a folha primeiro. A tigela parece estar no lugar por aqui. Vamos ver os quadros-chave nessa laranja. O mais rápido possível seria aqui. Vamos ver como isso parece. Isso parece muito bom. Você pode ajustar ainda mais isso da maneira que achar que parece boa. Mas vou deixar o meu aqui. 21. Quando usar o gráfico de valor versus velocidade: [MÚSICA] Quando se trata do valor nos gráficos de velocidade, pode ser tentador apenas querer ficar bom em um, usar esse o tempo todo e ignorar o outro, mas nem sempre um é melhor que o outro, e tomar um atalho aqui não é uma boa ideia. Às vezes, o gráfico de valores é melhor do que o gráfico de velocidade para ajustar a animação em uma determinada propriedade, e às vezes é o contrário. Às vezes, existem desvantagens. Vamos ver alguns cenários diferentes de quando usar o gráfico de valores versus o gráfico de velocidade. Muitas vezes, animações que dependem muito da física, como objetos caindo ou saltando , são mais fáceis de usar no gráfico de valores, mas às vezes a propriedade de posição pode ser complicada no editor de gráficos. Para usar o gráfico de valores com a posição, você precisa separar as dimensões. Caso contrário, não há alças, pelo menos no gráfico de valores. Isso funciona bem se apenas na posição x ou y estiver animado, ou se apenas um de cada vez estiver animado. Também pode funcionar bem se você estiver animando algo como um salto em que a maior parte da ação ocorre em uma direção. Onde as coisas ficam complicadas é se você tem um caminho de movimento específico que deseja que sua camada siga. Nesse caso, separar dimensões pode atrapalhar a interpolação temporal. Aqui está um exemplo. Digamos que eu queira essa borboleta se mova nesse caminho de movimento e também queira ajustar uma interpolação temporal dessa animação. Primeiro, vou adicionar facilidade aos meus quadros-chave porque quero que eles fiquem lentos, acelerem, fiquem mais lentos aqui, acelerem, diminuam a velocidade aqui e depois acelerem e diminuam a velocidade. Eu quero que ele faça esse movimento fácil de facilitar. Talvez haja uma flor ou algo assim nesses pontos em que ela desacelera, onde eu quero que ela realmente vá devagar. Digamos que essa seja a interpolação temporal que eu quero , mas diga que quero que seja um pouco mais dramática. Quero que a borboleta faça uma pausa mais longa nesses quadros-chave. Finja que há uma flor aqui ou algo assim nesses dois quadros-chave. Se eu entrar no editor gráfico, esse é o gráfico de valores. Como não separei as dimensões, não tenho alças para poder ajustar esse gráfico. Mas se eu fosse separar as dimensões, você pode ver que, antes de tudo, isso mudou a forma do gráfico. Em segundo lugar, se eu jogar isso de volta, você pode realmente dizer que isso eliminou a interpolação temporal de fácil facilidade. Eu queria que a borboleta fosse lenta aqui, mas se você olhar para os pontos no caminho do movimento, ela está realmente espaçada entre os pontos muito distantes nesses quadros-chave, o que significa que a borboleta vai esteja indo muito rápido nesses quadros-chave. Eu poderia tentar suavizar isso ajustando o gráfico de valores mas se eu fizer isso, você pode ver que ele começa a realmente afetar os valores porque esse é o gráfico de valores e isso afeta o caminho real do movimento na composição. Isso não é o que eu quero. Vou apenas desfazer tudo isso e voltar para quando as dimensões não estavam separadas. Em vez de ajustar o gráfico de valores quando eu quiser esse caminho de movimento específico, será muito mais fácil ajustar o gráfico de velocidade. Novamente, vou facilitar isso e vamos voltar ao editor gráfico, mas mudar para o gráfico de velocidade. Agora eu posso ajustar o gráfico de velocidade sem afetar a trajetória do movimento. Agora, isso fará com que a borboleta especialmente rápida entre os quadros-chave e mais lenta nos quadros-chave. Agora, isso me deu o efeito mais dramático que eu queria. Aqui está uma pequena dica profissional para você. Pode não parecer muito estranho porque é uma borboleta, mas se você tivesse outro objeto que estivesse se movendo pela sua cena assim, e parecesse estranho porque estava tomando um parada completa no quadro-chave, aqui está uma maneira de fazer com que pareça um pouco mais suave. Se você entrar no editor gráfico, você pode realmente pegar esse ponto em que a velocidade chega a zero e aumentá-la para que ela continue flutuando. Isso pode lhe dar uma animação muito bonita. Se clicarmos e arrastarmos para selecionar esse quadro-chave, ao abri-lo, você verá que apenas uma das alças se moverá. O que você precisa fazer primeiro é clicar com o botão direito do mouse, ir para Keyframe Velocity e, em seguida, marcar a caixa que diz bloqueio contínuo de saída para entrada e, em seguida, clicar em “Ok”. Agora você pode aumentar esse ponto e ele elevará os dois lados para que a velocidade nunca chegue a zero e simplesmente desça. Você pode ver o que isso parece em comparação com esse segundo quadro-chave. Se você tem uma animação parecida com essa, essa é uma boa maneira de suavizá-la. Um cenário para o qual eu gosto de usar o gráfico de velocidade é quando eu quero que o espaçamento de animações diferentes, possivelmente até mesmo em propriedades diferentes, seja o mesmo. Já que, dependendo das propriedades ou se um valor for negativo, os gráficos de valores podem parecer bem diferentes. O gráfico de velocidade será mais parecido. Isso é útil para sincronizar as coisas. As flores de arte de linha que desenham no projeto da classe são um bom exemplo de animação com a qual acho o gráfico de velocidade um pouco mais fácil de trabalhar. Até agora, animamos coisas que foram impulsionadas pela física, mas essa animação é um pouco mais abstrata. Como explicar como eu criei toda essa animação de flores não é um assunto muito importante para esta aula, criei um tutorial separado sobre o processo exato passo a passo para criar algo assim. Você pode conferir isso no meu canal do YouTube. No momento, eu tenho todo o quadro-chave definido nessas flores, mas elas são todas lineares, e também espaçei as camadas para que as coisas entrem na ordem certa. Eu usei caminhos aparados para animar o caule e os galhos animados em. Para as folhas, flores e esses pequenos botões, animei a escala e a rotação. Vamos ver alguns exemplos de como eu usaria o gráfico de velocidade para aperfeiçoar essa animação. Nesta folha, tenho quadros-chave de escala e rotação. Vou adicionar facilidade e depois entrar no editor gráfico. Este é o gráfico de velocidade, e você pode ver que o gráfico vermelho é a escala e obviamente está acima de zero, e então o azul é a rotação, e como está girando no negativo direção, está abaixo de zero. Se eu observar a mesma coisa no gráfico de valores, você pode ver que ela não é tão simétrica. Embora eu possa ajustar aqui, é um pouco mais difícil de visualizar do que o gráfico de velocidade. Para a animação desta folha, quero que ela vá bem rápido no início e depois chegue realmente ao último quadro-chave. Vou apenas clicar e arrastar essa alça de influência para que o gráfico reflita isso. Ele só vai escalar e girar rapidamente e depois diminuir a velocidade ao chegar à sua posição final de descanso. É importante que o espaçamento na escala e na rotação seja o mesmo ou sincronizado para esta folha, porque eu quero que ela pareça um movimento fluido, escalando e girando ao mesmo tempo. Acho fácil usar o gráfico de velocidade em um caso como esse. Para resumir. Com a propriedade position, se você tiver um caminho de movimento exclusivo que sua camada precisa seguir, o gráfico de velocidade provavelmente é a melhor escolha. Se a física estiver envolvida e você não tiver um caminho de movimento complicado, geralmente é mais fácil trabalhar com o gráfico de valores e você precisará separar as dimensões. Se você quiser sincronizar animações em diferentes conjuntos de quadros-chave, mesmo que sejam para propriedades diferentes, pode ser mais fácil fazer isso usando o gráfico de velocidade. Além da propriedade position, maioria das outras propriedades não é tão complicada , então use qualquer gráfico que faça mais sentido para você. Não há realmente uma maneira certa ou errada de fazer algo, é o resultado que importa. Você descobrirá o que funciona melhor em diferentes cenários à medida que continua praticando com o editor gráfico. 22. Venham sempre: Voltando a essa animação de borboleta, deixe-me mostrar uma maneira diferente de afetar a interpolação temporal. Lembre-se de que essa borboleta tem esse sofisticado Motion Path. Digamos que, em vez de desacelerar e acelerar em todo o caminho do movimento, eu só quero que ele se mova devagar no início, rápido no meio e lento no final. Eu quero um Easy Ease geral em todo esse caminho de movimento. Isso significa que eu preciso me livrar desses quadros-chave. Mas se eu me livrar desses quadros-chave , eles não terão o mesmo caminho de movimento. Em vez disso, o que eu posso fazer é, primeiro, aplicar o antigo Easy Ease normal. Então, nesses dois quadros-chave, não quero que seus valores de atenuação sejam calculados na interpolação temporal de toda essa camada, só quero usar suas propriedades de posição para só quero usar que se move nesse caminho de movimento, mas eu não me importo com sua interpolação temporal. Na verdade, eu quero me livrar de sua interpolação temporal. O que eu posso fazer é clicar com o botão direito em um dos quadros-chave e ir para Rove Across Time. Você verá que move levemente o quadro-chave e os transformou em círculos menores. Se você ajustá-los, ele os reverterá para quadros-chave normais do Easy Ease. Basta deixá-los como estão. O que isso fez se você observar atentamente os pontos no caminho do movimento é que isso tornou toda a animação uma curva de animação Easy Ease. Fazendo esses dois quadros-chave, que você pode ver como esses pequenos pontos nessa curva de animação. Fazer esses quadros-chave de rove across time apagou sua interpolação temporal, mas manteve sua interpolação espacial. 23. Quando usar plugins: [MÚSICA] Eu mencionei anteriormente na aula que você raramente deve deixar seus quadros-chave como os quadros-chave lineares padrão , mas nem todo projeto é tão baseado em física quanto o projeto de classe e às vezes, há mais maneiras eficientes de ajustar o espaçamento de uma animação do que acessar o editor gráfico. Isso definitivamente não significa que você pode de aprender o editor gráfico, se quiser criar animações profissionais não há como contornar isso. Existem alguns plug-ins diferentes que têm predefinições gráficas que você pode aplicar aos seus quadros-chave com apenas um clique. Um plug-in é um software de terceiros que você pode baixar e instalar no After Effects. Meu plugin favorito para atalhos de curvas de animação é o movimento. Pode ser um pouco mais caro do que algumas das outras opções, mas tem muitos outros recursos relacionados e não relacionados que eu acho que valem a pena. Vamos dar uma olhada em alguns dos recursos Motion relacionados ao editor gráfico, então aqui eu tenho uma animação muito simples com quadros-chave lineares. Se eu selecionar esses quadros-chave, em vez de aplicar facilidade e depois entrar no editor gráfico, eu poderia usar apenas uma das predefinições para movimento. Vou clicar em um desses pequenos ícones gráficos e ele aplicará esse movimento à minha animação Se você entrar no editor gráfico, verá que isso é aplicado, essa atenuação. Este é o gráfico de velocidade e você também pode ver que, em movimento, você tem uma pequena prévia do gráfico de velocidade aqui , então todas essas predefinições são gráficos de velocidade. Agora você também pode ajustar o gráfico aqui mesmo nesta pequena prévia. Com seus quadros-chave selecionados se você clicar e arrastar esse gráfico, poderá ajustá-lo diretamente em movimento. Além disso, se você clicar e arrastar essa linha central mais escura, ela ajustará o gráfico simetricamente a partir do centro. Observe também que esses controles deslizantes estão se movendo quando eu ajusto o gráfico , porque os controles deslizantes também podem ajustar seu gráfico, então estão puxando as alças de influência dentro do editor gráfico. Você também pode digitar os números da influência. Se você entrar no editor gráfico, se ainda não percebeu isso, ao arrastar uma alça, poderá ver esse número de influência, que é uma porcentagem, que é o número representado aqui. Se eu quisesse que fosse 56 por cento, eu poderia simplesmente digitar isso aqui. Você pode digitar números ou usar controles deslizantes, que equivale a ajustar as alças de influência. Se você arrastar o botão central, ele se ajustará simetricamente, então basta clicar e arrastar e ele ajustará seu gráfico simetricamente. Como sempre, você tem uma prévia aqui. Você também pode redefinir seus quadros-chave para lineares ou para segurar os quadros-chave com esses botões úteis aqui. Se eu quiser que o espaçamento na minha animação seja algo realmente específico, ainda uso o editor gráfico em vez de tentar fazer isso em movimento. Se você criar uma curva de animação que deseja usar repetidamente, poderá salvá-la como uma predefinição com esse botão aqui. Quando é correto usar uma predefinição gráfica em vez de entrar no editor gráfico? Bem, as flores extraídas do projeto da classe seriam um bom caso de uso. Animações mais abstratas ou que não estão enraizadas na física são boas candidatas para predefinições gráficas. Em animações de estilo gráfico em movimento, se você tiver vários elementos que deseja animar da mesma forma, as predefinições de animação são ótimas. Aqui está um exemplo. Neste design de gráfico de velocidade, eu animei as alças e o ajuste do gráfico. Quero ter certeza de que todos esses quadros-chave tenham os mesmos valores de atenuação, então o que posso fazer é selecionar todos esses primeiros, isso é primeiro mover e aplicar uma predefinição de gráfico, então talvez eu queira que continue lento e depois rápido e, em seguida ele manterá a mesma posição. Em seguida, ele vai voltar a ser animado do jeito que veio. Talvez eu queira fazer rápido e depois devagar neste, para que , dessa forma, eu possa aplicar a mesma flexibilização em todos eles. Agora, às vezes você pode sentir um pouco de desvio indesejado, o que você pode ver aqui. Não quero que nada se mova entre esses dois quadros-chave. Esses quadros-chave têm os mesmos valores então nada deve se mover, mas você pode ver que há movimento, então o que posso fazer é selecionar esses quadros-chave, clicar com o botão direito do mouse e segurar o quadro-chave. E dessa forma, não terei aquela animação não intencional que o After Effects adicionou e que eu não quero. Provavelmente vou ter o mesmo problema aqui. Se você observar bem de perto o caminho do movimento, verá que o After Effects adicionou um pouco de animação de overshoot que eu não quero , selecionando os quadros-chave, clicando com o botão direito do mouse e fazendo alterne o quadro-chave para se livrar disso. Se eu examinar meu editor gráfico, você pode ver que, ao usar essas predefinições, ele aplicou muito bem os mesmos valores de atenuação a todos esses quadros-chave diferentes, portanto, neste caso, usando uma predefinição foi muito eficiente. Outro plugin que é útil para garantir que vários conjuntos de quadros-chave tenham o mesmo espaçamento é o EaseCopy. Digamos que eu tenha ajustado o espaçamento nesse conjunto de quadros-chave e agora eu queira aplicar esse mesmo espaçamento a esses outros conjuntos de quadros-chave. Talvez eu tenha feito algo realmente personalizado no editor gráfico ou talvez tenha usado predefinições. De qualquer forma, você pode usar o EaseCopy para copiar a atenuação no conjunto de quadros-chave que você já ajustou e , em seguida, basta selecionar os outros quadros-chave e clicar em Atenuar. O que o EaseCopy permite que você faça é copiar o espaçamento em um conjunto de quadros-chave, que eles chamam de atenuação, e colá-lo em outro conjunto de quadros-chave sem afetar o valor desses quadros-chave. Se você estiver interessado em aprender mais e ver um exemplo de quando isso é útil, confira minha aula, Os 5 melhores plug-ins para eficiência e After Effects. Ou se você estiver interessado em aprender sobre alguns dos outros recursos em movimento que também são abordados nessa aula. 24. O que vem a seguir?: [MÚSICA] Parabéns por concluir esta aula. Espero que você sinta que tem uma melhor compreensão de como controlar o espaçamento de suas animações no editor gráfico. As habilidades que você aprendeu nesta aula exigirão prática para dominar completamente, mas agora você tem uma base sobre a qual desenvolver. Se você quer compartilhar, eu adoraria ver seu projeto de aula. Você pode postar seu projeto como GIF usando o botão Imagem ou fazendo upload para um site como o YouTube ou Vimeo e postando o link aqui. Se houver algo em particular sobre o qual você queira feedback, não se esqueça de incluir uma nota para me informar. Se você postar no Instagram, marque-me para que eu possa ver lá. Para continuar aprendendo, clique no meu nome acima deste vídeo para conferir as outras aulas que estou ministrando no Skillshare e certifique-se de que você está me seguindo no Skillshare, YouTube e Instagram para saber mais aulas , dicas e tutoriais. Muito obrigado por estar aqui. Até a próxima vez. Feliz animação. [MÚSICA]