A arte da animação no After Effects: como dar vida à sua animação

1. Introdução: Oi, sou Hongshu, e sou designer de movimento no Canadá. Estou animando há seis anos, trabalhando em agências de publicidade para clientes como Adidas, PayPal, Walmart e muitos mais. Hoje, vou ensiná-los a animar qualquer coisa com o Editor de Gráficos no After Effects. Se você quer ser um animador profissional, esta é uma coisa número um, a coisa mais importante que você precisa saber, a habilidade mais importante que separa amadores e profissionais, algo que você precisará praticar mais do que qualquer outra coisa na animação. Nesta aula, vou primeiro explicar os conceitos de temporização e espaçamento, o princípio de animação mais importante que existe e mudará completamente como você anima cada coisa pelo resto de sua vida. partir daí, apresentarei o gráfico de valores, como trabalhar com o gráfico de valores e quais os diferentes tipos de animação que podemos alcançar usando um gráfico de valor. Então eu vou trabalhar em dois projetos diferentes para mostrar como animar com o gráfico de valor para dar vida à animação. Depois disso, apresentarei o outro tipo de gráfico, que é um gráfico de velocidade. Vou mostrar-lhe como animar projetos reais com o gráfico de velocidade para dar personagem à sua animação. No final da lição de cada gráfico, eu tenho uma configuração de projeto divertido para você trabalhar. Você será capaz de aplicar as técnicas aprendidas nesta classe a novos projetos ou algo que é seu. Não se esqueça de enviar sua tarefa na página do projeto para compartilhar comigo e obter alguns feedbacks. As técnicas que falamos neste curso podem ser aplicadas a todos os tipos de animação. Depois de entender como animar com o gráfico de valores e o gráfico de velocidade, você terá infinitas opções para sua animação e explorar mais possibilidades por conta própria. Sem mais delongas, vamos entrar. 2. Temporização e espaçamento: Olá a todos, e bem-vindos à primeira classe. Nesta aula, vamos falar sobre tempo e espaçamento. A razão pela qual fiz disso uma primeira classe é porque o tempo e o espaçamento são o princípio mais importante na animação. No entanto, ninguém realmente fala sobre isso. Pelo menos não há pessoas suficientes a falar sobre isso. É um segredo para uma grande, boa aparência, incrível animação que as pessoas não ensinam que estou prestes a revelar. Sem mais delongas, vamos entrar. Primeiro, vamos falar sobre o que é animação. Mas, simplesmente, temos uma estaca aqui. As pessoas podem dizer, da posição A à posição B quando anima, que é animação. No entanto, isso não é realmente uma animação. Isto é apenas um movimento ou uma mudança de posição. O que é animação? No meu entender, animação é tudo o que aconteceu entre A e B. Tudo o que aconteceu entre a posição A e a posição B. Essa coisa toda no centro é animação. Vamos elaborar mais sobre isso mais tarde. Nesta lição, vamos falar sobre a coisa mais importante na animação, o princípio mais importante, o princípio geral que mudará a forma como você anima cada coisa pelo resto de sua vida, a coisa que a sua prática mais do que qualquer outra coisa se você quiser ser um animador profissional. O que é então? A coisa que diferencia um animador imaturo e um animador profissional é a compreensão do tempo e do espaçamento. Se você entender o tempo e o espaçamento como um animador, você já será melhor do que 50% do animador lá fora se ele terminar suas partituras e fazer todos os projetos, e entender as habilidades essenciais que ensinamos aqui, Eu posso garantir que você será melhor do que 80% do animador lá fora porque a maioria dos animadores não sabe sobre esses conceitos essenciais e o que compõe uma grande animação e profissional. Em seguida, deixe-me explicar a vocês o que é tempo e espaçamento na animação. Esta demonstração aqui está disponível para download para que você possa jogar com ele, e é benéfico para ser capaz de entender como o objeto se move com base em como você altera seus quadros-chave. Como aqui, temos uma estaca e duas posições. Deixe-me esconder isso e ligar essa animação aqui. Como você pode ver na tela, primeiro, vamos falar sobre o tempo. O timing é bem simples. Em zero segundo aqui, eu tenho um quadro-chave neste stick. No quadro 30, eu tenho outro quadro-chave aqui na propriedade position para que o manípulo mude de uma posição para a próxima. Agora, se eu tocar, esta é a animação que temos. Qual é o momento, então? Como todos sabemos, esta animação agora, leva 30 quadros para ser concluída. Os 30 quadros é um tempo para esta animação. Essa é a duração da animação e também, quanto tempo leva para a animação acontecer. Esse é o momento. Fácil de entender. No entanto, muitas pessoas não sabem o que é espaçamento e o que significa um espaçamento. Agora, digamos que eu quero fazer essa animação mais rápida, fazer o manípulo para se mover mais rápido. Como é que eu quero fazer isso? Algumas pessoas podem dizer, bem, você pode tornar os dois quadros-chave mais próximos para que possamos modificar o tempo e agora, ele se move mais rápido. Em vez de tirar 30 quadros, pode levar talvez 23 quadros para completar a animação, modo que é mais rápido. Outra maneira pode ser apenas voltar para o assistente quadro-chave com o botão direito do mouse, Fácil Facilitá-lo para que a animação está facilitando e facilitando. Parece que a animação é mais rápida. Depois dessas duas maneiras, é aqui que a maioria dos animadores param. No entanto, há muito mais nisso. Algumas pessoas perguntam, por que minha animação é tão simples ou chata? Não parece tão suave, não tem a energia que eu queria. Aqui está a resposta definitiva para todas as suas perguntas. Não são os únicos dois quadros, A e B, esses dois quadros que você está preocupado. Como animador profissional, você é responsável por cada quadro em sua animação. O que quero dizer com cada quadro? Deixe-me ligar a interpolação. Todos os quadros. De A a B, estes são todos os quadros que o manípulo se move, a fim de obter de A para B. Como um animador profissional, você é responsável por cada quadro nesta animação. Mesmo que você não possa vê-los, se eu não ligar a interpolação, na maioria das vezes, os únicos dois quadros que você vê são o começo e o fim. Mas pense nisso por um segundo. Na maioria das vezes, quando configuramos quadro-chave, estamos vendo apenas os dois quadros-chave que configuramos, A e B, e ignorando tudo o resto entre eles. Todos estes. Se você só está preocupado com esses dois quadros-chave, A e B, e tudo que você faz é simplesmente facilitar os dois quadros-chave, você está perdendo a opção infinita que você poderia ter em sua animação alterando o espaçamento. É por isso que sua animação parece tão simples e amadora. A única maneira de se tornar um animador profissional é assumir a responsabilidade de todos os seus quadros intermediários e manipulá-los com um propósito. A maneira de fazer isso é usando temporização e espaçamento. Agora, você provavelmente entende o que é espaçamento. Todos estes quadros entre si, uns entre os outros, estes são chamados de espaçamento. Lembre-se, o tempo que temos é a duração da animação. Agora, você só está preocupado com A e B, duas posições, e a duração da animação. Quando falamos de espaçamento, é quando falamos sobre todos os quadros entre A e B e como manipulamos todos os quadros entre eles para criar a animação que queremos. A próxima pergunta é, como mudamos o espaçamento? Cronometragem, como todos sabemos, podemos mudar o quadro-chave na linha do tempo aqui. Digamos que a tecla F2 eu possa facilmente arrastar os quadros-chave para alterar o tempo. Isso é muito simples. Mas agora, como mudamos o espaçamento? No After Effects, o espaçamento é realmente controlado por um editor de gráficos que está oculto. É provavelmente por isso que a maioria das pessoas está perdendo isso. É este pequeno botão aqui. Parece tão simples e sem importância. No entanto, este é provavelmente um dos três botões mais importantes do After Effects. No After Effects, você tem todos esses botões e você tem centenas de efeitos, predefinições e tantas outras ferramentas no After Effects. Mas este botão aqui é o que você usa 80 por cento do tempo para o seu trabalho profissional. Quero dizer, 80 por cento do tempo para o seu trabalho profissional. Se você está perdendo isso, este botão aqui, você está perdendo 80% das possibilidades de sua animação. É por isso que seu trabalho não parece tão profissional. Mas não se preocupe. Já que você está aqui, estamos ensinando você como se tornar um animador profissional. Após este curso, você será melhor do que 80% dos animadores lá fora. Agora vamos chegar a uma composição diferente à esquerda aqui, Easing Keyframes Demo, para jogar com alguns do espaçamento para que possamos obter diferentes tipos de animação. Você pode ver aqui, vamos definir os quadros-chave aqui para linear. Basta pressionar Command e clicar com o botão esquerdo. Defina o quadro-chave como linear. Agora, se nós visualizarmos isso, você pode ver que esta é a animação linear que nós obtemos. No entanto, se selecionarmos ambos os quadros-chave e chegarmos a este editor de gráficos para manipular alguns do espaçamento, agora, By the way, para o editor de gráficos, existem dois tipos diferentes de gráficos. Um é gráfico de valor, e então o outro é gráfico de velocidade. Esses dois gráficos funcionam de forma diferente. Vamos falar sobre ambos em detalhes na próxima lição. Mas, por enquanto, tenha paciência comigo. Vou mostrar-lhe algumas das possibilidades que temos. Primeiro, vamos ao gráfico de velocidade. Podemos clicar com o botão direito do mouse Assistente Keyframe, facilidade fácil. Uma vez que fazemos uma atenuação padrão, você pode ver o espaçamento dos quadros alterado. Agora temos mais do stick no início e no final na animação, o que significa que eles estão se movendo lentamente no início e depois se movendo lentamente no final. Agora, vamos arrastar esta curva aqui, torná-la mais dramática. Vamos ver o que temos, como é a animação. Sem alterar o tempo, ainda são 30 quadros, você pode sentir que a animação realmente parece mais rápido. Se eu torná-lo ainda mais dramático, basta arrastar isso todo o caminho, assim, vamos ver qual é a animação que temos. Posso clicar neste botão “Esconder tudo”. Posso esconder todas essas interpolações, só vendo os dois quadros no início e no fim. Sem ver nenhum dos quadros intermediários, é assim que a animação se parece. Você pode ver que tem muito mais energia e então tem caráter para ele. Não parece mais tão chato. Esta é uma curva que temos aqui. Se eu mudar a curva assim, faça-a mais rápida no início, depois lentamente chegando ao fim. Vamos pré-visualizar isso. Você pode ver agora, o bastão se move rápido no início e depois lentamente chega a uma parada. Outra coisa é que agora, você pode ver em um segundo zero frames, eu tenho essa curva toda na parte inferior aqui. Este é o gráfico de velocidade, ou seja, em zero segundo, a velocidade deste objeto é zero. No entanto, se eu arrastar isso até aqui, isso significa que o objeto já tem uma velocidade entrando no quadro para que ele não esteja começando do zero. Vamos pré-visualizar isso. É assim que parece agora. Se tivermos uma curva como esta, o bastão vai mover-se lentamente no início e, em seguida, muito rápido no final. Vamos pré-visualizar isso, parar abruptamente. Você pode ver com a mudança no espaçamento, podemos obter tantas opções diferentes para a nossa animação. Isto é o que os quadros intermediários se parecem com a nossa curva assim. Se mostrarmos a comparação aqui, no topo, temos os quadros-chave lineares e, em seguida, na parte inferior, temos os quadros-chave de atenuação. No entanto, na parte inferior, podemos modificar o espaçamento dos quadros quisermos e alcançar tantas possibilidades diferentes para a nossa animação. Isso é o que eu queria te mostrar. Eu queria mostrar quantas opções você tem para manipular o espaçamento da animação e o que podemos alcançar. Passaremos a maior parte do nosso tempo neste curso no editor de gráficos. Vou ensinar-te a animar aqui e a visualizar animações com base nos diferentes gráficos que temos. Vai precisar de alguma prática, mas posso assegurar-lhe que chegará lá até ao final deste curso. Uma vez que você esteja familiarizado com o editor de gráficos e seja capaz de ajustá-lo com propósito, você terá controle total de seu tempo e espaçamento e será capaz de assumir responsabilidade por cada quadro de sua animação. Assim, animar qualquer coisa precisamente para fazer o que quiser. Não só isso, você terá a confiança de saber que você pode fazer quiser e não se limitando aos dois quadros-chave e o padrão do sistema, Easy Ease, ou usar plug-ins para obter a aparência desejada. Você não será capaz de alcançar tudo e qualquer coisa manualmente com o editor de gráficos, eu também vou anexar uma folha de referência PDF com diferentes tipos de gráficos que são mais comumente usados por animadores profissionais para que você possa pegar este e jogar com ele para obter o tipo diferente de animação no documento. 3. Gráfico de valor explicado: Então aqui, estamos de volta neste arquivo de demonstração do After Effects. Então, agora mesmo, estou na demonstração Easing Keyframes. Aqui, vou demonstrar a vocês como alterar o gráfico de valores para alterar o espaçamento da animação. Podemos ver aqui, agora, eu tenho dois quadros-chave adicionados nesta camada, o stick aqui, de uma posição para a próxima, e leva cerca de 30 quadros, e 30 quadros é o nosso tempo. Tenha em mente que não vamos mudar o tempo da animação. Tudo o que estamos fazendo é usar o gráfico de valores para mudar o espaçamento. Agora você pode ver o bife está apenas se movendo na posição horizontal não está se movendo para cima e para baixo. Então é por isso que eu preciso ir para a propriedade position e, em seguida, clique com o botão direito do mouse em Separar Dimensões. Agora você pode ver a posição x e a posição y estão separadas, e agora podemos excluir a posição y porque não precisamos mais dela. Só precisamos usar a posição x. Este gráfico aqui, esta demonstração com todos os quadros intermediários, isto é para mostrar como o espaçamento vai mudar modificando ou alterando o gráfico de valores. Sim, esta é uma boa maneira de visualizar. Como na maioria das vezes em que você está fazendo animação, tudo que você precisa fazer é definir dois quadros-chave no início e nos fins. Se eu não tiver isso, todos os quadros entre eles, você não seria capaz de perceber o que está acontecendo com a animação em si, e se você só está preocupado com os dois quadros-chave. Lembre-se, como eu disse na primeira lição, não é apenas os dois quadros-chave que você está preocupado com todos os quadros entre os quais você precisa assumir a responsabilidade para se tornar um animador profissional. Agora, vamos ao Editor de Gráficos. Este pequeno botão aqui. Basta clicar nele. Eu quero usar este botão aqui, ajustar o gráfico para ver. Vai caber ao meu ponto de vista aqui. Quero torná-lo maior, e agora, antes de fazer qualquer coisa, quero verificar em qual gráfico estou. Você pode clicar neste botão aqui, ele mostra o tipo de gráfico em que você está. Neste momento, estou no gráfico de velocidade. Mas nesta lição eu quero falar sobre o gráfico de valor, vamos falar sobre o gráfico de velocidade mais tarde. Vamos apenas mudar para o gráfico de valor, e este é um gráfico que você obtém. O que significa agora é da esquerda para a direita, na verdade está aumentando no tempo da esquerda para a direita, assim como sua linha do tempo está aumentando no tempo. Então, de baixo para cima está aumentando em valor, seja qual for o valor que é agora o valor é a exposição. Se você modificar o tamanho do objeto, vai ser aumentando de tamanho. Neste caso, estamos aumentando em valores de exposição. Este gráfico, você pode ver que há dois pontos-chave no início e nas extremidades, e esses dois pontos correspondem aos nossos quadros-chave. Se eu clicar nos dois, segure no turno, clique nos dois pontos aqui, selecione os dois pontos no gráfico de valores. Se eu voltar para a linha do tempo, você pode ver que os quadros-chave estão selecionados. Modificando ou alterando os pontos no gráfico, ele está realmente mudando o quadro-chave. Digamos que se eu quiser mudar o tempo da animação, eu posso pegar esse ponto e então movê-lo para talvez 25 quadros, e se voltarmos para a linha do tempo, você pode ver que nosso quadro-chave é alterado para 25 quadros. Como não queremos mudar o tempo, só queremos jogar com o espaçamento, para que eu possa mudá-lo de volta para 30 quadros. Agora primeiro vamos fazer um padrão, facilidade fácil. Vamos manter o shift e clicar em ambos os quadros-chave e, em seguida, pressionar F9 para facilitar o quadro-chave. Agora você pode ver que este é um padrão do sistema, facilidade fácil, e você pode ver aqui o espaçamento das varas está mudando. Está mais perto no início e mais perto no final. O que significa é que ele está lentamente pegando velocidade, e então indo mais rápido no meio, e depois indo mais devagar no final. Se eu jogar a animação, você pode ver é mais lento no início, pegando velocidade e, em seguida, no meio é mais rápido e, em seguida, abrandando no final. A maneira de visualizar o gráfico é no início, porque agora a coisa que eu quero ensinar é apenas olhando para o gráfico de valores, você será capaz de dizer o que a animação vai ser baseada no tipo diferente de gráfico que você está obtendo no Editor de Gráficos. Para o gráfico de valores, o que você precisa lembrar é, aqui na marca de zero segundo, você pode ver que há a alça de Bezier, a tangente da curva, e agora a alça básica é plana. Então plana significa que a velocidade é zero. No início da animação, a velocidade do objeto é realmente zero, e então como ele vai, para o meio, agora você pode ver esses pontos aqui. Se eu adicionar uma tangente, eu posso apenas clicar no comando e, em seguida, segurar no comando, clique com o botão esquerdo do mouse. Eu posso ver que há uma tangente que eu adicionei no centro. Esta alça Bezier é realmente mais íngreme, não é mais plana. Tem um ângulo que vai diagonalmente. Quanto mais íngreme for esta tangente, a alça de Bezier é, mais rápida é a velocidade. Com base neste gráfico, podemos dizer a animação no início, já que a alça de Bezier é plana, é de zero, indo mais rápido e, em seguida, abrandando no final. Isso também é o que este gráfico lhe diz. Quanto mais próximo for o espaçamento, mais lenta é a animação, e então quanto mais distantes forem os sticks, mais rápida será a animação. Permitam-me que apague estes pontos no meio aqui. Volte, e depois vamos para o final da animação. Agora, se eu apenas mudar um pouco a planicidade deste cabo Bezier, e você pode ver que não é mais plana. Provavelmente tem um ângulo de 10 ou 15 graus. Isso significa que a animação não pára no final. A velocidade do objeto não é zero no final porque zero é plano e agora nunca está se tornando zero. Se eu tiver mais quadros-chave, passar por isso ou animação passar por isso o stick vai apenas continuar em movimento, ele não vai parar em zero porque a alça não é mais plana. Agora, digamos que se eu mover isso todo o caminho para baixo, você pode ver a tangente, o cabo de Bezier é muito mais íngreme. É tão íngreme que você pode ver este gráfico aqui, o manípulo está mais distante, que significa que a velocidade é mais rápida. Com base neste tipo de gráfico de valor, podemos dizer que a animação, o objeto vai de velocidade zero, lentamente pegando velocidade e, em seguida, indo mais rápido, mais rápido, mais rápido, e, em seguida, boom no final. O fim nunca pára, por isso acontece de forma muito abrupta. É muito rápido no final. Se eu tocar a animação, você pode ver como ela se parece. Isso é o que parece. Este tipo de curva, você pode ver que é lento no início e, em seguida, rápido no final. Agora, se eu mostrar outro tipo de curva, isso é só para você brincar. Vou ter este arquivo disponível para download. Não tens de te lembrar de tudo o que te ensinei. Nós vamos praticar tudo o mesmo que eu ensinei aqui e então você vai ser capaz de apenas olhar para o gráfico de valores e saber que tipo de animação vai acontecer com o seu objeto. Bem, o objetivo final de conhecer o gráfico de valor é apenas olhar para o tipo de gráfico de valor que você tem e saber que tipo de animação é aplicada em seu objeto. Nós vamos chegar lá com a prática com mais lições para vir, mas eu garanto que, no final, você pode ser tão preciso com sua animação, você pode simplesmente imitar qualquer animação que você vê na mas eu garanto que, no final, você pode ser tão preciso com sua animação,que você pode simplesmente imitar qualquer animação que você vê na trabalhar e, em seguida, tornar sua animação tão suave e tão precisa e deliberada para fazer o que você quiser com sua animação. Agora, como dissemos aqui, se eu pegar essa alça, puxá-la, e então grava a primeira alça, puxe todo o caminho, você pode ver, nosso gráfico aqui, é tão próximo no início e em seguida, mais afastados no meio. Deixe-me torná-lo tão extremo. Você pode ver o que isso significa agora. O objeto está se movendo tão devagar no início, está facilitando, aliviando, e então, de repente, ele pega velocidade tão rápido e então desacelera novamente. Vamos ver o que parece com este tipo de gráfico de valor. Você pode ver sem alterar qualquer um do tempo, apenas alterando o espaçamento da animação, esta animação se sente muito mais rápido do que a nossa animação linear. Tem tanta energia para ele. Outra coisa que eu posso fazer é mesmo, eu posso apenas puxar essa coisa para trás um pouco e então puxar isso para a frente para que você possa ver que a alça de Bezier é íngreme no início, o que significa que o objeto vem com uma velocidade antes Nosso objeto em zero segundo está com velocidade zero. Agora, uma vez que tem uma curva no início, o que significa que o objeto já tem uma velocidade entrando neste quadro e então é rápido no início, e então lentamente, lentamente, pare no final. Vamos ver o que parece com este tipo de curva de animação. Acelere no início e depois desacelere no final, e você também pode ver os dois primeiros bastões, eles estão tão distantes, o que significa rápido no início e lento no final. Então há algumas outras maneiras que eu posso modificar o gráfico. Digamos se eu quiser mudar dessa maneira. Agora, lembre-se que a inclinação é igual a velocidade, planicidade é igual a lenta e você pode ver a partir do segundo, o gráfico é mais íngreme. Basta olhar para o cabo de Bezier. Se a alça de Bezier está agora plana, tem velocidade. Quanto mais íngreme for a alça de Bezier, ou mesmo a tangente do gráfico, mais rápidos são os movimentos. Tão rápido quanto o início e, em seguida, cerca de 15 quadros, está diminuindo. É quase plana, mas nunca pára no centro aqui, nunca chega a uma parada, e então vai mais rápido novamente. Vamos ver esta animação, tão rápido, lento, rápido. Olhe para isso. Isso é interessante. Se você não sabe como modificar o espaçamento, como você pode conseguir isso? Não há como você conseguir isso. Você provavelmente pode alcançá-lo, mas então não vai ser tão suave. Ao alterar o espaçamento dessa animação, obtemos essa transição suave, você pode ver o objeto abrandar o centro lá. Então, se eu quiser adicionar outro quadro-chave aqui, digamos que se eu quiser adicionar outro quadro-chave, basta pressionar “Command” no teclado e, em seguida, clicar com o botão esquerdo, adicionar um quadro-chave. É assim que você adiciona um quadro-chave. Se você voltar para a linha do tempo, você pode ver Eu também adicionei um quadro-chave na linha do tempo. Mas uma vez que você sabe como animar gráficos, você nem precisa voltar para a linha do tempo, basta fazer tudo, adicionar quadros-chave, fazer sua animação dentro desta exibição aqui. Você nem precisa voltar para a exibição da linha do tempo. Essa coisa é tão flexível. Você pode fazer tantas coisas com ele, você pode fazer tantas coisas. Agora, você pode ver que a tangente não é plana. E se eu ficasse achatado? É plano aqui, o que significa que o objeto pára no meio. A velocidade realmente se torna zero por um momento, e então escolha uma velocidade novamente. Se eu visualizar essa animação, você pode ver o objeto pára no centro. Agora o que eu quero que você faça é apenas pegar este arquivo de projeto, vir para esta demonstração de quadro-chave facilitando, e então apenas jogar em torno do gráfico de valor. Apenas certifique-se de alterá-lo para um gráfico de valor em vez de um gráfico de velocidade e, em seguida, ver o espaçamento que você tem aqui e que animação você terá com diferentes tipos de gráficos. Em seguida, eu vou mostrar a vocês como usar gráficos de valor para animar alguns dos ícones e como aplicar as coisas que eu mostrei aqui a projetos reais, animação real. 4. Demonstração de gráfico de valor 1.1: Agora que você sabe o que é o gráfico de valor, neste vídeo, vou mostrar-lhe como animar com gráfico de valor. Agora, aqui temos um arquivo com três tipos de ícones. Vamos animar os três ícones com gráfico de valor, algo que eu mostrei antes. Mas antes de fazermos isso, quero mostrar-vos o mau exemplo e o que a maioria das pessoas faz. Aqui, temos uma versão animada, aqui está o que eu tenho. Este tipo de animação, Eu só apliquei a atenuação padrão para todos os quadros-chave. Se eu apertar “U” aqui, você pode ver que eu coloquei dois quadros-chave e, em seguida, eu facilitá-los com uma facilidade padrão do sistema fácil, essa é a animação que eu tenho. Um monte de animadores, eles simplesmente pararam lá. Isso é considerado um mau exemplo, é o que a maioria dos animadores faz. Eles apenas colocam dois quadros-chave e usam uma atenuação padrão. Nada mais para ele. Mas há muito que você pode fazer com o gráfico de valor para apenas manipular o espaçamento dos quadros-chave para obter um tipo diferente de animação. Estou aqui hoje para te mostrar como fazer isso. Isto não é o que queremos. Vamos começar com uma nova composição. Este eu ainda não animei, mas vamos chamá-lo de bom exemplo. Agora, deixa-me mostrar-te o que tenho aqui. Basicamente as três primeiras camadas, se eu alternar entre o ícone do olho aqui, você pode ver que este é um relógio que eu tenho. Primeiro, este é o corpo do relógio e depois eu tenho uma alça do relógio e depois a marca de verificação. Esta aqui, a camada verde. Temos esta flecha aqui, seta para baixo e depois este globo aqui. Agora o terceiro, eu tenho uma caneta aqui e então todo o conteúdo no quadro, e então este caderno aqui. A última coisa que tenho é um passado. É tudo o que temos. Primeiro, vamos colocar a camada verde, este globo na primeira camada para que possamos animar o globo primeiro. Vamos ampliar, clicar em “Z” e arrastar com o mouse. Primeiro de tudo, vamos identificar essa camada. Então eu tenho o Ponto de Âncora bem no centro. By the way, se você não estiver vendo o mesmo painel que meus efeitos após, você pode ir para o Windows Workspace e, em seguida, escolher layouts de trabalho “Padrão”. Se você ainda não estiver vendo, basta redefinir o layout “Padrão” para Layout salvo. Desta forma, você vai obter um layout padrão padrão e agora nós devemos estar vendo a mesma coisa. Vamos para a balança. Basta pressionar “S” no teclado e então vamos colocar um quadro-chave. Quero arrastar esta linha do tempo, torná-la maior. Quero que este ícone pare talvez depois de 15 quadros. Deslocamento de comando seta para a direita, avançar 10 quadros. Em seguida, comando seta para a direita, um, dois, três, quatro, cinco. Você pode ver agora, estamos em 15 quadros. Aperte o cronômetro aqui, adicione um quadro-chave e, em seguida, volte, altere a escala para zero. Agora, temos um movimento aqui para o globo. O que eu quero fazer é ir ao editor da curva, ajustar o gráfico para ver. Vamos selecionar quadros-chave e, em seguida, pressionar “F9 facilidade fácil”. Agora, o que eu quero fazer é que eu quero que isso apareça. Eu quero que o globo comece do zero, mas então pegue a velocidade e depois pare lentamente em 100 por cento. Eu quero que a velocidade seja mais rápida em torno desta parte frontal da animação e, em seguida, lentamente diminuindo para a posição. Vamos ver o que tenho aqui. Vamos clicar fora da camada. Ainda está muito lento. O que eu quero fazer é arrastar este cabo todo o caminho. Dê-lhe mais energia, algo assim. Vamos pré-visualizar. Sim, isso parece legal. Isso é muito bom. Então, volte para a linha do tempo. Tornar a linha do tempo é menor. Podemos copiar estes quadros-chave já animados para esta seta aqui. “ Comando V” Devemos ter a mesma animação para os dois elementos. No entanto, uma vez que é uma seta para baixo, deve ter uma queda, como um impulso de alguma forma. Eu também quero mudar a propriedade position, apertar “P”, e então neste ponto aqui, eu quero que a seta pare de se mover e, em seguida, em torno de zero segundo, eu quero que a seta desça do topo e há uma coisa que eu quero apontar. futuro, cada vez que você animar a propriedade position, eu quero que você clique com o botão direito do mouse em “Dimensões Separadas”, isso é tão importante. Se você estiver trabalhando com gráfico de valores, você terá que separar as dimensões para x e “Posição Y” e animá-las separadamente. Caso contrário, você não seria capaz. Pense nisso, gráfico de valor, é tempo versus valor. Mas, em seguida, se você tem posição, seu valor x e y, é dois valores diferentes. Se você quiser animar com gráfico de valor, você tem que separar a dimensão de x e y que você possa apenas controlar um dos valores. É tão importante. A chave aqui é apenas clicar com o botão direito do mouse na propriedade position e, em seguida, “Separar Dimensões”. Agora, eu posso marcar esta “Posição X” porque nós só estamos preocupados com “" Posição Y "”. Então eu só quero arrastar esta “Posição Y” para cima. Vamos pré-visualizar isso. A flecha desce, mas não tem energia porque ainda não modificamos o gráfico. Basta ir para o gráfico de valores, clique neste “Ajustar para ver” e, em seguida, selecione os dois quadros-chave, “F9, fácil facilidade” Então eu quero uma curva semelhante aqui para a seta para que a animação seja consistente. Agora, vamos voltar e pré-visualizar. Algo assim. Tem mais energia, definitivamente. Parece legal. Agora, vamos fazer a mesma coisa para o segundo ícone. Esta primeira camada é um relógio. Quero que o relógio se anime como um globo. Eu só quero copiar esta escala corretamente, colocá-lo no relógio aqui, ir para zero segundo. Além disso, você precisa se certificar de que os Pontos de Âncora. O ponto onde a animação é baseada fora, precisa ficar no centro. Se você subir aqui, esta “Ferramenta Pan Atrás” pode permitir que você se mova pelos Pontos de Âncora. Digamos que, se eu tiver o Ponto de Âncora no topo aqui, se eu for para a rotação, bater em “R” e girar, eu vou girar com base na posição do Ponto de Âncora. Não é isso que eu quero. Eu só quero voltar. Quero que o relógio venha do centro. Outra coisa que precisamos prestar atenção, é que a mão do relógio precisa entrar com o relógio. O que eu preciso fazer aqui é apenas selecionar a camada desta mão e, em seguida, usar este ícone “Pick Whip” para apenas arrastar e, em seguida pai para o relógio para que quando o relógio se move, a mão se move com ele. Vamos voltar para a posição original deles. Agora o que eu quero fazer é clicar com o botão direito da propriedade “Posição”, “Dimensões separadas”. Talvez por volta do 15º segundo, eu quero que o relógio fique em posição. Em seguida, volte, eu quero que o relógio se mova para cima, que eu possa mudar fazer a “" Posição Y "” apenas arrastá-lo para a direita para que ele se mova para baixo de zero segundos para que ele apareça assim. Essa é a animação. Algo assim. Então, agora eu quero modificar o editor de gráficos. Basta ir para o gráfico de valores e, em seguida, lembre-se de como selecionamos os dois quadros-chave. Outra maneira que você pode selecionar dois quadros-chave é que basta clicar duas vezes sobre a “Posição Y”. Agora, se eu clicar uma vez, você pode ver que os quadros-chave não estão selecionados. Se eu clicar duas vezes, esses dois quadros-chave são selecionados e então eu posso clicar em “F9 Easy Easy”. Mas desta vez, quero que este relógio fique em posição. Eu quero que o relógio atire rápido e, em seguida, diminua para a posição. Algo assim. Vamos voltar para a linha do tempo aqui. Vamos ver o que temos. Ainda é um pouco abrupto. Outra coisa que eu quero fazer é, para o relógio, eu não quero que o relógio apareça no início. Só quero que o relógio mostre que está se movendo. O que eu preciso fazer é clicar nesta camada e colocar o mouse no início da camada. Basta arrastá-lo para trás alguns quadros para que o relógio não apareça no início. Agora você só pode ver uma mão, mas então eu preciso arrastar a mão também. Agora, vamos pré-visualizar isso. Você vê isso? É sutil, mas agradável. Você pode ver que este relógio não está aparecendo no início. Mas quando ele aparece na tela, embora seja repentino, mas tem movimento muito sutil flexibilizando na posição. Eu quero que o relógio chegue talvez um pouco mais cedo, então rastreie as duas camadas. Algo assim. Vê isso? Parece bom. Agora vem para o ponteiro do relógio. Este, eu só não quero que ele se mexa. Basta apertar “R”, eu não quero apenas que a mão gire constantemente. Porque isso vai ser uma animação de ícone, que vai ser estática no final. Só quero que esta mão gire, pare aí. Mas então quando ele entra, eu quero que ele apenas talvez girar de negativo 200 algo grau. Algo assim, vamos tocar “F9 Easy Easy”. Vá para o gráfico de valores, adicione um pouco mais de flexibilização a ele. Basta usar esta curva S. Dê-lhe mais energia, vamos ver como é. Outra coisa é, eu não quero que isso pare no início. Eu quero começar a me mover já quando ele chegar. O que eu preciso fazer é, eu estou pensando, apenas mudá-lo para este tipo de curva para que a mão já esteja se movendo. Ele já tem uma velocidade em zero segundos quando ele entra no quadro, modo que ele não está apenas começando a se mover quando ele entra. Eu quero que a mão comece a se mover já quando ela chegar e, em seguida, flexibilizar para a posição. Algo assim, vamos ver. Ou talvez a moção seja demais. Talvez eu possa mudar de volta para 150 negativos em vez de 230 negativos. Algo assim. Funciona. Agora é a nossa marca de verificação. Chega o relógio. Então, para a marca de seleção, é fácil. Vamos copiar o globo aqui e ir para zero segundo. Coloque o cursor, indicador da linha do tempo em zero segundo. Selecione esta marca de seleção, “Command V”, cole-a no lugar. Vamos pré-visualizar isso. Algo assim parece muito bom. Vamos salvar o projeto. 5. Demonstração de gráfico de valor 1.2: Agora, finalmente, é o nosso bloco de notas. Para o bloco de notas, eu queria vir de cima, descer. mesmo com o bloco de notas, eu tenho esses elementos de linha e, em seguida, este bloco de notas, mas, em seguida, a linha precisa vir com bloco de notas. Eu preciso criar a linha para esta camada aqui para que ela se mova com ela. Então a caneta está bem. Pressione P no teclado e clique com o botão direito do mouse em Separar Dimensões. Agora temos a sua posição. Então eu quero que o bloco de notas pare por aqui, 15 quadros, aperte o cronômetro aqui, e então vá para o início. Quero que comece do topo, talvez em algum lugar por lá, e vamos clicar nos dois quadros-chave. Acerte F9. Fácil, vá para o Editor de Gráficos. Certifique-se de que você está no gráfico de valores. Basta clicar nesta posição y. Se você tiver ambas as posições x e y selecionadas, irá mostrar- lhe esta linha rosa de posição x, mas isto não é o que você quer, porque você não será capaz de ampliar o y. Basta clicar em Off e, em seguida, clicar nesta posição y. Só está mostrando a posição y. Agora, a mesma coisa. Quero que o bloco entre com uma velocidade e, em seguida, diminua para a posição. Volte para a linha do tempo aqui, e então eu quero fazer o mesmo truque que o relógio. Não quero ver o bloco de notas no início. Vou arrastar essas duas camadas para os alinhamentos de conteúdo e o bloco de notas para a direita, alguns quadros para que não seja exibido. Você vê que a camada não está sendo exibida no primeiro segundo, no primeiro quadro zero, e, em seguida, dois quadros sem nada e, em seguida, pop na cena, diminuindo lentamente para a posição. Vamos ver. Algo assim. Como meu bloco de notas está vindo de cima para baixo, quero que minha caneta entre de baixo para cima, clique com o botão direito do mouse em Dimensões separadas. Coloque um quadro-chave aqui e arraste-o para baixo. Vá para o editor de gráficos. Apenas F9, fácil para o gráfico visualizar, em seguida, basta arrastar esta curva. Faça uma curva como esta. Isso está facilitando a posição, algo assim. Então, basta arrastá-lo para trás um pouco. Apenas certifique-se de que você não tem sorte se o seu mouse é assim, você está arrastando toda a camada, incluindo os quadros-chave. Isso não é o que você quer fazer. O que você quer fazer é apenas quando o mouse se torna uma seta de duas pontas, você pode simplesmente arrastar esta camada para modificar onde a camada vai aparecer na linha do tempo sem alterar os quadros-chave. Você vê o quadro-chave lá. É estática, não está se movendo com a camada. Isto é o que você quer fazer. Se o mouse for apenas um cursor do mouse, você vai arrastar toda a camada com os quadros-chave. Isso não é o que você quer fazer. Vamos pré-visualizar. Algo assim. Parece legal. Se quisermos ir mais longe, também posso animar as linhas aqui. Já tenho um pré-comp aqui, mas podemos entrar neste pré-comp e clicar duas vezes. Ampliar. Isto é o que temos. Temos as linhas e os pontos. Sabe o que podemos fazer, podemos apenas fazer uma linha e depois copiar e colar. Vamos ver, onde é a primeira linha? Esta é a primeira linha. Eu quero colocá-lo em cima. Então vá para a escala. Certifique-se de colocar o ponto de ancoragem. Basta ir para a caneta atrás da ferramenta. Arraste o ponto de ancoragem para a extremidade esquerda da linha. Agora a linha vai animar com base nesse ponto de ancoragem. Volte para a ferramenta Seleção. Agora você pode ver quando eu clicar nesta linha, ele tem um ponto de ancoragem à esquerda. Basta marcar este botão de link aqui para que eu possa animar a propriedade scale. Aperte um quadro-chave, avance 10 quadros e, em seguida, coloque um quadro-chave lá. Apenas modifique o valor x, altere-o para zero para que a linha possa crescer horizontalmente. Uma soma assim. Vê isso? Agora podemos facilmente ir para Graph Editor, Value Graph. Clique na propriedade scale e, em seguida, arraste esta alça para esta forma de curva S, algo assim. Agora eu posso apenas duplicar esta animação de linha para as três linhas ali. Exclua esse, exclua esse, exclui esse, e então eu posso apenas o Comando D, o Comando D, Comando D. Isso é para D para duplicado. Então eu posso mover essas linhas animadas para baixo para substituir as que já estão excluídas. Agora tenho quatro linhas animadas. Mas outra coisa é que eu quero que eles sejam cambaleados. Não quero que entrem ao mesmo tempo. Quero cambaleá-los por dois quadros, algo assim. Em seguida, um o primeiro, já que é muito pequeno, então eu não quero animar mais este círculo. Tudo o que eu quero fazer é apenas quando a linha se anima. Quero que o círculo apareça na tela. Basta alterá-los no ponto inicial da camada para o mesmo ponto de partida que a linha. Então eles só entram assim. Arraste tudo para trás um quadro. Eu sinto que o círculo está vindo muito rápido, talvez movê-lo para trás um quadro mais longe. Algo assim. Você vê. Agora podemos voltar ao bom exemplo. Vamos ver a animação final para o bloco de notas. Você vê. Agora o que eu quero fazer é apenas cambalear a animação de três ícones. Depois que este globo se instalar em posição, eu quero iniciar o relógio, e então uma vez que os relógios se instalem em posição, eu quero iniciar o bloco de notas. Três segundos de animação. Lá vai você. É assim que animamos usando gráfico de valor. Agora vamos comparar o bom exemplo e o mau exemplo. Veja qual é a diferença entre usar o Gráfico de Valor e não usá-lo. Este é um bom exemplo. Tem mais energia. Parece muito suave, e tem um propósito. É muito deliberado. No entanto, vamos ver o mau exemplo aqui. Parece muito plano. Toda a animação não tem vida para ele. Só que nenhuma energia. Muito sistemática parece muito padrão. Bem, lá vai você. Essa é a sua primeira lição sobre como animar com gráfico de valor. Vejo você no próximo vídeo. 6. Demonstração de gráfico de valor 2: Neste vídeo, vou mostrar-lhe outro exemplo de como animar com gráfico de valor para controlar a velocidade de sua animação. Agora, eu já tenho essa configuração de arquivo. Pode pegar meu arquivo. Vou colocá-lo disponível para download para que você possa usar este arquivo para praticar. Aqui no arquivo você pode ver que eu tenho este gráfico aqui, feito de apenas uma linha, e eu tenho uma camada na parte inferior, apenas como uma dica do logotipo, ele parece, e eu posso apenas bloqueá-lo. No topo eu tenho outra camada que está em cores. O que eu quero fazer é ir para esta seta para baixo e, em seguida, vir para este botão aqui, adicionar um efeito de caminhos de corte. Se eu alterar o valor final dos caminhos de corte, você pode ver as linhas realmente animando como se estivesse desenhando na tela. Agora eu quero colocar essa porcentagem em três por cento para mostrar apenas uma parte da linha e, em seguida, se eu animar o valor de deslocamento, se eu alterar o valor de deslocamento, você pode ver que as linhas estão realmente se movendo ao longo do caminho. Então é assim que queremos animar este logotipo aqui. É muito simples. Tudo o que eu quero fazer é colocar um quadro-chave aqui como seu segundo quando o valor é zero, e então ir para o quinto segundo e colocar uma rotação completa por um aqui na frente. Se eu visualizar a animação, isso é o que eu recebo. A linha está apenas viajando ao longo do caminho. Eu posso cortar a pré-visualização aqui, clicar em “N”, e é assim que vai rolar. No entanto, agora é tão chato. Nós não adicionamos nenhuma flexibilização a ele. Não alteramos nenhum gráfico de valores. É apenas uma animação simples com dois quadros-chave padrão. Aqui eu quero mostrar como usar o gráfico de valor para animar isso. Eu quero que esta coisa pareça como se houvesse gravidade ocorrendo para que quando a linha se move para cima, ela está diminuindo porque está subindo. Está a abrandar até ao topo, e depois, uma vez que passa por cima da corcunda, move-se mais rápido até este ponto aqui. Quando a linha precisa subir novamente, ela diminui, e então vai mais rápido novamente quando entra em uma inclinação, e então vai devagar, rápido, e depois lento rápido, e depois desacelerando e depois vai muito rápido. Basicamente, eu quero ter esta linha para animar como se houvesse gravidade ocorrendo. Gravidade em vigor. Como é que fazemos isso? Primeiro, precisamos colocar um quadro-chave sempre que houver mudança B. Digamos que no segundo zero, temos que ter um quadro-chave em zero segundo, e então se eu alternar a linha do tempo aqui, então antes que a linha chegue ao topo, é apenas mais lento e depois passa por cima da corcunda, Deve ir mais rápido. É aqui que a velocidade muda. Precisamos adicionar um quadro-chave. Agora vá em frente. Aqui é onde a linha precisa abrandar. Preciso adicionar um quadro-chave e, em seguida, no topo, ele precisa ir mais rápido adicionar um quadro-chave, e, em seguida, aqui, mesma coisa deve diminuir a velocidade a partir daí. Então este ponto aqui deve ir mais rápido a partir daí, e então essa mudança de velocidade de ponto, essa mudança de velocidade de ponto, e essa mudança de velocidade de ponto, e então essa mudança de velocidade de ponto. Esses são todos os pontos em que as linhas precisam mudar de velocidade. Selecione todos eles, clique com o botão direito do mouse em “Keyframe Assistant”, Facilidade fácil. Isso vai ser uma flexibilização padrão. Se visualizarmos isso, isso não parece certo. Não é muito suave, e então não faz sentido. Agora o que vamos fazer, selecione todos eles, vá para o Editor de Gráficos. Você pode ver que isso é o que parece. Eu só quero selecionar este Valor de Deslocamento. Vá para este botão Ajustar à visualização. Primeiro, precisamos pensar sobre isso. Neste ponto superior aqui, indo para este ponto, a linha deve estar diminuindo porque está subindo. O que significa que a linha já deve ter uma velocidade no início, e então eu não quero que ela desacelere todo o caminho até zero porque agora, se eu apenas ampliar isso, aperte “Zed” no teclado e, em seguida, zoom in, você pode ver esta alça Bezier é totalmente plana. Não quero que seja plana porque significa que a velocidade é zero. Eu só quero que ele levemente tote um pouco para que não seja plana. Mas quando eu arrasto a alça, você pode ver que as duas alças estão quebradas. Não é isso que queremos porque queremos que a velocidade entre aqui, e depois sair seja a mesma. Então o que eu preciso fazer é apenas selecionar este ponto aqui e, em seguida, ir para o Convert, selecionar um quadro-chave para Auto-Bezier, o que significa que as duas alças serão bloqueadas juntas. Agora você pode ver quando eu ajusto uma alça, a outra muda também. Neste ponto, eu só quero ajustar levemente essa alça com um ângulo para que ela nunca pare. No entanto, no início, a linha deve ir mais rápido, porque caso contrário, não há velocidade suficiente para passar sobre a corcunda no topo. Basicamente a zero segundo, eu quero que isso já tenha uma velocidade. Lembre-se que a planicidade é igual a zero, a inclinação é igual a velocidade. Então eu quero que este gráfico aqui tenha uma inclinação mais íngreme aqui para ter um ângulo maior. Ele vai mais rápido e, em seguida, abrandar. Aqui, neste ponto, deve ir mais rápido. que significa que, neste momento, o cabo de Bezier, Z está quebrado de novo, só preciso trancá-los juntos. A alça Bezier precisa estar no ângulo, algo assim, para que tenha velocidade. Então, a partir deste ponto, ele já tem um ângulo mais íngreme. Significa que a partir deste ponto subindo, é rápido primeiro, com um ímpeto da última parte da animação desta vinda para baixo. Ele ainda tem o impulso, e então, de repente, quando chegou ao topo, ele desacelera novamente. Mas agora, esta curva aqui você pode ver que é plana, deixe-me bloqueá-la primeiro, o que significa que é zero. No entanto, eu não quero que a velocidade seja zero, então eu quero que ele ajuste ligeiramente esta curva aqui. Algo assim. Em seguida, vá para este quadro. É essencialmente a mesma coisa. Primeiro, vamos bloquear isso, e então a mesma coisa, colocar um gráfico mais íngreme para ele. Algo como isto. Vá mais rápido. Então aqui no topo, tranque isso. Por aqui, está a abrandar. Mas não quero que seja plana. Caso contrário, vai significar zero. Não quero que pare por aí, por isso vai até aqui. Deve começar a aumentar a velocidade, travar a alça, mudar para algo assim, e depois aqui, a mesma coisa, trancar a maçaneta. Dê uma curva muito suave, e então continue por aqui. Trave a maçaneta. Esta parte só começa a acelerar. Vai para o topo. Daqui vai abrandar. Podemos primeiro torná-lo plano e dar-lhe um pequeno ângulo. Então, no final vai estar se movendo mais rápido novamente. Algo assim. Se eu ver o gráfico inteiro, você pode ver que é assim. É muito suave. Agora vamos visualizar a animação. Você pode ver agora é muito suave. Há uma mudança de velocidade. Quando sobe, desacelera, e quando desce, move-se mais rápido como se houvesse gravidade ocorrendo. Com este exemplo, eu só quero mostrar-lhe como fazê-lo apenas manipulando o espaçamento da animação. Em seguida, usando o gráfico de valor, você pode realmente alcançar algo que você não é capaz de alcançar se você não estiver usando o gráfico de valor. Então esta animação vai ser super suave, e você pode fazer tanto para ela. Agora, se eu quiser fazer uma revelação do logotipo, talvez eu possa apenas duplicar esta camada, Comando D, e depois colocá-la atrás disso. Talvez eu possa mover este para trás um quadro ou dois quadros para que ele comece dois quadros mais lentos, talvez apenas um quadro, e então eu posso mudar a cor completa deste para talvez uma cor azul. Parece que sim. Talvez eu possa duplicar outro, colocá-lo atrás dele e, em seguida, deslocar um quadro, mudar esta cor para um amarelo brilhante, algo assim. Então, se eu visualizar, você pode ver que há duas linhas com duas cores diferentes que estão atrás. Mas desta vez a animação é muito mais complicada. Parece complicado, mas é muito simples de fazer. Agora o que eu quero fazer é talvez apenas, eu trancar este aqui. Eu ainda não tenho um caminho de corte para ele, então eu posso apenas adicionar um efeito de caminho de corte e, em seguida, talvez definir o valor final em 100 por cento na quinta marca de segundo, e, em seguida, voltar para zero segundo, definir o valor a zero. Então eu quero mudar a opacidade de volta para 100. Agora, vamos pré-visualizar a animação. É quase como um efeito de empate. É assim que animamos esta revelação do logotipo. 7. Tarefa: gráfico de valor: Parabéns por terminar esta primeira seção. Até agora, abordámos dois temas importantes. Um deles é o tempo e o espaçamento, o conceito de temporização e espaçamento. Dois é gráfico de valor. O que é gráfico de valor e como animar com gráfico de valor. Com isso dito, aqui vem nossa primeira tarefa no gráfico de valor, e vamos dar uma olhada ver o que é. Aqui está o arquivo que eu já preparei para você. Eu tenho três logotipos aqui, e eu quero que você use da mesma maneira que eu ensiná-lo nas duas aulas anteriores e animar este logotipo. Você pode escolher qualquer um deles ou se você quiser fazer mais, você pode animar todos os três. Mas eu quero que vocês animem esses logotipos com gráfico de valor, algo que eu mostrei nas aulas anteriores, e é muito simples. Você pode apenas animar todos esses elementos em cada logotipo, e você pode ir para cada composição para animá-los, e então se você quiser fazer todos os três, você só vai para cada composição. Animar todos esses elementos. Talvez seja escala, mudança de posição, rotação, o que quer que você queira fazer, mas não se esqueça de usar o gráfico de valores para animar todos eles. Depois de terminar esta animação, você pode compartilhá-la comigo para que eu possa fornecer alguns comentários para ajudá-lo a aprender. Isso é tudo para os projetos da classe. Mal posso esperar para ver o que você inventou. Boa sorte. 8. Torne-se dentro de movimento: Antes de continuarmos, quero compartilhar com vocês uma notícia empolgante. Os cursos de design de movimento acabaram de se tornar mais acessíveis nos círculos de movimento. Com nossa associação Motion Insider por apenas $7 por mês, você terá acesso ilimitado aos nossos cursos de design de movimento de alto nível, com a nossos cursos de design de movimento de alto nível, confiança de mais de 50.000 estudantes em todo o mundo É hora de aprimorar suas habilidades de design de movimento para se tornar o melhor animador possível Como especialista, você também receberá arquivos de projetos gratuitos de todos os nossos tutoriais do Motion Circles no YouTube E aproveite um desconto exclusivo de 25% em todos os outros projetos incríveis de animação de outros artistas em nossa loja de arquivos de projetos. Não perca essa oportunidade de aprimorar suas habilidades de animação e , ao mesmo tempo fazer parte de nossa vibrante comunidade. Junte-se a nós hoje em motion circles.com e liberte 9. Gráfico de velocidade explicado: Bem-vinda de volta. Você teve um tempo difícil com gráfico de valor nas lições anteriores? Não se preocupe, você vai se sentir confortável com ele uma vez que você praticá-lo muito e, em seguida, começar a usá-lo em seus projetos. Hoje, tempo divertido novamente, Eu quero mostrar-lhe outro tipo de gráfico no Editor de Gráficos, que você sabe que vai ser o gráfico de velocidade. Se você tem um gráfico de valor de aprendizagem com problemas ou teve muita dor aprendendo, não se preocupe. Posso assegurar-lhe que este gráfico de velocidade vai ser 10 vezes mais doloroso do que o gráfico de valor e, para ser honesto, gráfico de velocidade é mais fácil de se perder e não é tão intuitivo quanto o gráfico de valor. No entanto, às vezes em certas situações, um gráfico de velocidade é a única coisa que você pode usar para animar. O gráfico de velocidade é tão importante quanto o gráfico de valor. No entanto, se você gosta gráfico de valor mais você pode no futuro animar mais com gráfico de valor, Eu também sei que alguns animadores eles só animar com o gráfico de velocidade. Então depende do que você gosta, você pode escolher o que você gosta de animar com. No entanto, há certas situações que você tem que animar com o gráfico de velocidade, algo que você não pode fazer com o gráfico de valor. Lembre-se deste projeto que eu mostrei antes, esta animação em loop, e hoje nesta lição eu quero mostrar-lhe como alcançar esta animação em loop com um gráfico de velocidade em vez do gráfico de valor. Agora vamos para os quadros-chave. Lembra como animamos essa animação de linha? Nós apenas colocamos em um quadro-chave sempre que sua velocidade muda e, em seguida, modificamos no gráfico de valor com base em nossa compreensão de inclinação é igual a velocidade e, em seguida, nivelamento é igual a 0. Então, sempre que há mudança de velocidade quando a linha vai mais rápido, como esta parte aqui, a linha vai mais rápido nós queremos um gráfico mais íngreme aqui, e então quando ele diminui, nós queremos um ângulo menor como uma curva mais suave aqui. Uma curva mais íngreme significa animação mais rápida e, em seguida, curva suave significa abrandar. No final, este é o tipo de gráfico que obtemos com esta animação. Este é o gráfico de valores. É muito suave. Agora vamos ver o que parece no gráfico de velocidade. Clique neste ícone, vá para Editar gráfico de velocidade, wow, wow, wow. O que é isso? Olhe para isso. Com a mesma animação, este é um gráfico de velocidade que temos. No gráfico de velocidade, deixe-me torná-lo maior. No gráfico de velocidade, você pode ver que o eixo x vai aumentar no tempo, e então o eixo y subindo, ele vai aumentar em velocidade. O que significa, lembre-se, quando animamos esta linha, adicionamos um quadro-chave sempre que houver mudança de velocidade. Na frente, queremos que a velocidade seja alta, e depois subindo até o topo, queremos que a velocidade diminua. É por isso que você pode ver que está quase perto zero e então quando a linha cair novamente, ela deve acelerar e é por isso que você pode ver aqui, a velocidade sobe novamente. O gráfico pode dizer. O gráfico pode mostrar que agora é quase 400 pixels por segundo. A velocidade sobe e depois desacelera novamente, sobe, desacelera, sobe, desacelera. Então é assim que obtemos a mesma animação com um gráfico de velocidade. No entanto, não quero apenas mostrar-lhe o produto final, quero mostrar-lhe como fazê-lo se não tivermos isso em posição. Agora vamos voltar para a linha do tempo e, em seguida, mantenha pressionada a tecla Command, clique esquerdo que possamos mudar todo o quadro-chave para um quadro-chave linear e não há mais mudança de velocidade. Selecione todos eles, vá para o Editor de Gráficos. Agora certifique-se de que você está no gráfico de velocidade e esta é a sensação do gráfico de velocidade com quadros-chave lineares, tudo é plano, não há mudança de velocidade. No entanto, a velocidade não é zero agora, diz que são 70 pixels por segundo, e você pode ver as linhas zero aqui. Agora o que vamos fazer é ajustar a velocidade em cada ponto da animação para qualquer velocidade que quisermos. Lembre-se no início, e queremos que a velocidade seja mais rápida. Então nós podemos arrastar isso para cima e então neste ponto aqui nós queremos que ele diminua, porque no entanto, quando eu arrastá-lo, você pode ver as duas alças, ele simplesmente quebrou. A mesma coisa com o gráfico de valores. O que precisamos fazer é trancar as duas maçanetas. Selecione este e, em seguida, vá para definir como base automática A apenas para bloquear. Eu quero fazer todos eles para que eu não tenha que me preocupar com isso mais tarde. Basta selecionar os dois quadros-chave lá e, em seguida, bloquear as alças. Tranque-os, tranque-os, tranque-os. Agora, quando eu arrastar um deles, dois vão se juntar, andar de mãos dadas e é assim que queremos que a velocidade caia. Neste ponto, ele deve começar a acelerar novamente. Basta colocá-lo para cima e você pode me perguntar como, quão rápido nós queremos que ele seja como agora ele diz 100. Como o quão rápido queremos que seja? Para ser honesto, ele só vem com prática e experiência em primeiro lugar, você nunca sabe o quão rápido você quer que seja. Mas isso realmente depende do tempo entre os dois quadros-chave e, em seguida, a regra de ouro é apenas fazer a curva o mais suave possível sem quaisquer picos para que ele deve parecer bastante suave. Agora podemos fazer a primeira rodada e se não for rápido ou lento o suficiente, podemos nos ajustar mais tarde. Eu só quero colocar algo assim. Neste ponto desacelera e, em seguida, este ponto mais rápido, este ponto lento. Você vê essa coisa aqui que parece estranha. Eu não sei porquê. Talvez seja porque não é rápido o suficiente. Eu não sei porquê. Então, neste ponto, mais rápido, este ponto está a abrandar e este ponto mais rápido a abrandar. Deixe-me ajustar a alça aqui para ter certeza que algo assim não é nada suave. Basta ajustar este aqui e às vezes quando você está ajustando o gráfico de velocidade, ele não funciona como o gráfico de valores. Quando você ajusta uma das alças, nada mais muda, exceto aquela alça que você está ajustando. Mas então para o gráfico de velocidade, como sempre que você muda algo, há sempre outra coisa que está mudando com ele. Então você só tem que lidar com a incerteza dentro do gráfico de velocidade, desde que você tenha algo suave ou pareça suave, sua animação deve ser boa. De outra forma, neste momento, tenho este gráfico de velocidade ajustado. Eu posso ir para este ícone aqui e, em seguida, mostrar gráfico de referência e esse caso vai me mostrar o gráfico de valor por baixo. Assim que este caso, eu posso apenas dizer com o gráfico de velocidade que eu tenho agora, é quase semelhante ao gráfico de valor que nós obtemos um pouco anteriormente. Posso dizer que a animação provavelmente vai ser algo parecido com o que tínhamos antes. Vamos apenas visualizar isso e ver o que acontece. Ele desacelera, ele vai mais rápido, ele desacelera, ele vai mais rápido, ele diminui. - Sim. Você sabe o que? Na verdade, parece muito bom. Parece muito natural, exceto para o primeiro loop, eu sinto que o primeiro loop está no topo não é lento o suficiente. É muito rápido, então eu só quero me ajustar e talvez mais uma coisa aqui. No entanto, eu não quero que ele desacelere todo o caminho até zero. Talvez eu possa arrastar a alça para que dado mais tempo para facilitar dentro e fora do quadro para que haja uma ligeira facilidade para ele. Há o momento que diz pendurado lá, algo assim e então vamos pré-visualizar novamente. Sim, parece melhor. Parece muito melhor, então preste atenção ao primeiro ciclo, sim. Ele termina lá no topo e depois desce novamente. É assim que você faz uma animação semelhante com gráfico de velocidade e, em seguida, próximo vídeo, vou mostrar mais um exemplo de como usar o gráfico de velocidade para animar. 10. Demonstração de gráfico de velocidade: Nesta lição, quero mostrar-lhe outro exemplo de como animar com gráfico de velocidade apenas para ajudá-lo a aprender como o gráfico de velocidade funciona. Eu tenho esta composição montada, eu tenho um foguete, e então eu tenho um fundo, que é um espaço. Tudo o que eu quero fazer é deixar este foguete apenas mover-se em torno da corda dentro deste espaço aqui. Eu quero que isso se mova ao longo de um caminho, que o caminho vai ter todos esses altos e baixos, e então eu quero o foguete quando ele sobe, ele desacelera como um vídeo anterior e, em seguida, quando ele se move para baixo a inclinação ou Descendo a curva, está acelerando. Para demonstrar, digamos, se eu tiver uma curva como esta, seu foguete iria abrandar neste ponto aqui, e então ele vai mais rápido por aqui, e então tomar o impulso com ele, sobe, desacelera, Algo assim. Primeiro, vamos desenhar um caminho de movimento aleatório. Eu quero ir para cima aqui para esta ferramenta Caneta e então eu quero talvez desenhar um caminho de movimento suave, talvez com uma curva como esta. Eu não sei. Algo assim. Se isso parece bom, algo assim. Esse é o caminho de movimento dos meus foguetes. Há alguns pontos que eu preciso prestar atenção a esta curva aqui. Há alguns pontos que a rocha vai mudar a velocidade por aqui, vai ser rápido aqui e então este ponto aqui vai ter uma mudança de velocidade vai de rápido para lento, e então este topo aqui vai ser o mais lento. Vai dar um pouco ali. Em seguida, move-se mais rápido vindo para baixo e, em seguida, desacelera novamente no topo de lá, e, em seguida, vai mais rápido, e depois desacelera um pouco, e, em seguida, sair do quadro. Isso é o que vamos ter para o nosso foguete. No entanto, se eu usar apenas esta linha que eu desenhei aqui, todos esses pontos vão se tornar os quadros-chave neste caminho de movimento. No entanto, esses pontos não são os pontos com a mudança de velocidade no foguete. Eu não seria capaz de trabalhar com este caminho de movimento. O que eu preciso fazer é redesenhar este caminho de movimento com este ponto, especificamente, posições no ponto onde o foguete vai mudar a velocidade. Para demonstrar isso, quero bloquear este caminho de movimento. Eu quero redesenhar este caminho de movimento aqui, talvez uma chave aqui, e então este é um ponto onde o foguete vai mudar a velocidade. Então eu quero colocar um quadro-chave lá, e em seguida, no topo, este é onde ele vai mudar a velocidade novamente, eu vou colocar um quadro-chave ali. Não tem de ser exacto. Então este é um ponto baixo onde o foguete está mudando a velocidade, coloque um quadro-chave lá. Então este é outro ponto alto com mudanças de velocidade. Posso ajustar esta alça aqui. Então aqui, é aqui que vai ajustar a velocidade. Então este é um ponto alto com mudanças de velocidade. Então, a partir daí, ele vai sair do quadro. Agora, deixe-me apenas modificar a curva um pouco para que ela se assemelhe ao que temos antes, algo assim. Agora posso apagar o anterior que desenhamos. Certifique-se de que você gosta da curva que você tem porque você não será capaz de ajustá-lo mais tarde depois de aplicar um movimento passado para o foguete. Esta é a curva que eu gosto. É muito simples deixar o foguete viajar ao longo deste caminho. Primeiro, precisamos ir para essa seta para baixo, Conteúdo e, em seguida, Forma, ir para o Caminho e, em seguida, adicionar um quadro-chave no caminho, Propriedade e, em seguida, copiar este Comando C, copiar este quadro-chave. Em seguida, vá para os Rockets, aperte P no teclado, ative a propriedade position, certifique-se de copiar o quadro-chave do caminho para a propriedade posição do foguete, Comando V. Agora, se eu esconder esta linha original e eu puder apenas visualizar Aqui, você pode ver que o foguete está viajando ao longo do caminho. Neste momento, está a demorar dois segundos. Posso arrastar este, talvez levar três segundos. Deixe levar mais tempo. Sim, algo assim. O primeiro problema que temos é que o foguete não está virado para a direção certa, então eu posso ir para a rotação e, em seguida, apenas mudar os foguetes de rotação como este para que ele esteja virado para a direção certa. Outra coisa é que precisamos ligar o Auto Orient porque agora, o foguete se eu apenas ajustar a rotação, ele só vai enfrentar uma direção o tempo todo. Mas quando ele vira como aqui, não faz mais sentido, então o que queremos fazer é ligar os orientes automáticos. Está sob transformação de camada e, em seguida, Auto Orient, ligar este oriente ao longo do caminho. Agora, deixe-me alterar o valor de rotação novamente. Está virado para a direção certa e, em seguida, vamos pré-visualizar. Agora, parece bem agora. Está sempre virado para a direção certa para o caminho. Pressione U no teclado, mostre todos os quadros-chave. Outra coisa, antes de irmos para o gráfico de velocidade, precisamos transformar esses quadros-chave em um quadro-chave linear regular. A maneira de fazer isso é clicar com o botão direito. Primeiro, precisamos desligar esse rove ao longo do tempo e, em seguida, selecionar todos eles novamente, mantenha pressionado Command no teclado e clique com o botão esquerdo do mouse. Agora você pode ver que esses quadros-chave são apenas quadros-chave lineares regulares. Vamos ao Editor de Gráficos. Certifique-se de que você está no gráfico de velocidade. Vamos clicar na posição, e agora você pode ver todos esses pontos aqui. A velocidade é constante. Podemos começar a animar com o gráfico de velocidade para ajustar a velocidade deste foguete. Primeiro, neste ponto superior aqui, a partir deste ponto, deixe-me pensar sobre isso. No segundo ponto aqui, este deve ser o lugar onde os foguetes são mais rápidos porque estão descendo de uma encosta. É por isso que este ponto deve ser o mais alto, que significa que o primeiro ponto deve ser menor que o segundo ponto. Vamos arrastar isso um pouco, algo assim. Este é o ponto mais rápido, e então quando ele sobe aqui neste ponto, este ponto deve ser bem lento. Você vê que há aquela tangente quebrada novamente, eu preciso apenas ter certeza que esses quadros-chave estão todos trancados juntos. Estão todos trancados juntos. Quando eu mover um deles, ambos vão se mover ao mesmo tempo. Neste ponto, eu quero que ele abrandar porque este é o ponto superior, ele deve perder alguma energia quando ele sobe. Neste ponto aqui, deve ser rápido, o que significa que agora deve ficar bem. Eu estou tentando tornar este ponto lento sem deixar este gráfico passar por cima deste valor máximo porque caso contrário o ponto mais alto vai ser aqui. O que eu preciso fazer, talvez eu esteja pensando que eu preciso arrastar este ponto mais alto que neste ponto ele ainda tenha a velocidade mais alta. Vamos tentar arrastar estes dois pontos para que este ponto na parte inferior da inclinação aqui, este ponto é a velocidade mais rápida e, em seguida, ele vai lento e, em seguida, mais rápido novamente. Neste ponto é a velocidade mais rápida, e então ele começa a subir, que vem a este ponto aqui no topo. Isso significa que o foguete vai perder muita energia subindo e então é por isso que ele desacelera novamente. A velocidade é muito baixa e, em seguida, neste ponto, depois de uma grande inclinação, este ponto deve ser o mais rápido, talvez por aqui. Depois desacelera outra vez, algo assim, e depois sai da moldura. Vamos visualizar e ver se meu gráfico faz sentido. Agora não faz muito sentido porque a velocidade mal está mudando. Eu sinto que as mudanças não são extremas o suficiente para que eu não sinto que há qualquer pendurado no ar lá em cima, o que significa que eu preciso continuar ajustando. Acho que lá em cima, ainda é muito rápido. Eu preciso puxá-lo todo o caminho para baixo, ter certeza que está pendurado lá. Outra coisa é, agora, eu preciso puxar essas alças para que haja um jeito. Enquanto eu estava puxando as alças, você pode ver que essas duas curvas estão se ajustando com a alça sendo puxada, o que significa que o ponto mais alto não será mais este ponto quadro-chave, está se tornando este ponto aqui. Nesse caso, eu não só preciso arrastar este ponto todo o caminho para cima porque uma coisa que eu preciso prestar atenção é esses pontos-chave aqui, quadros-chave sempre precisam ser o ponto com a velocidade mais rápida. Não posso deixar que os outros pontos passem por cima desse ponto de quadro-chave. Caso contrário, não será realista. Não vai estar certo. Neste caso, quero que isto fique no ar. No entanto, eu quero que este ponto ainda seja o ponto mais alto mais rápido, então eu preciso continuar arrastando isso para cima, e agora isso é bom. Então eu preciso arrastar essa alça aqui, isso também, fazer um pendurar um pouco no ar, e então arrastar isso, puxar isso para cima, tentar suavizar a curva aqui. Neste momento, o ponto de alimentação mais baixo é esta secção aqui, o que não está certo. Preciso puxar isso para baixo e depois tentar suavizar a curva. Agora, você pode ver que esta parte não está certa. Eu preciso puxar este ponto todo o caminho para cima, dar-lhe mais velocidade. Esta parte aqui, quero que pendure um pouco, arraste a alça e puxe isto para cima. Puxe este ponto para cima e, em seguida, tente ajustar esta alça aqui. Acho que é mais extremo, mas a curva ainda é bem suave. Não tem espinhos estranhos ou algo assim. Vamos ver o que parece agora. Isso funciona para mim. Olhe para isso. Há muito tempo de espera lá em cima. Há muitas mudanças de velocidade. Outra coisa é que sinto que toda a animação é muito rápida. Provavelmente é muito rápido. O que eu quero fazer é selecionar todo o quadro-chave e, em seguida, mantenha pressionada a tecla Option no Mac, Alt em um PC, arraste o último quadro-chave até a marca de quatro segundos. Vamos ver se isso muda alguma coisa. Só dá mais tempo para a animação. Desta forma agora, o que eu fiz foi apenas ajustar o tempo da animação, dar-lhe mais um segundo para que a animação está marcando mais um segundo. É isso com esta lição. Agora você deve saber como animar com o Speed Graph, e o próximo é o nosso projeto Speed Graph. 11. Tarefa: gráfico de velocidade: Aqui, eu preparei o projeto para você. Só quero que faças a mesma coisa que a minha lição anterior. Temos aqui um astronauta. Você pode apenas animar este ou astronauta ou esses foguetes usando a mesma maneira que eu animei o foguete na lição anterior. Basta desenhar um caminho de movimento primeiro e, em seguida, aplicar o caminho de movimento a um dos elementos aqui ou dois deles e, em seguida, deixá-los fluir no espaço. Não se esqueça de ajustar o gráfico de velocidade para tornar a animação suave, realista e agradável. Boa sorte com este projeto. Mal posso esperar para ver o que você inventou. 12. Parabéns!: Parabéns por terminar este curso. Agora você deve saber como animar com os gráficos e como trazer energia e vida para sua animação. Não se esqueça de trabalhar na tarefa e enviá-la para a página do projeto. Quanto mais praticas, melhor te tornarás. Você também pode conferir algumas das minhas outras aulas de animação. Muito obrigado por fazer esta aula. Vejo-te no próximo.