Princípios de animação em motion design: os segredos para uma ótima arte em movimento

1. Introdução: Oi, eu sou Hongshu e sou designer de movimento no Canadá. Ando a animar profissionalmente há mais de seis anos, trabalhando em agências de publicidade e estúdios para clientes como Adidas, PayPal, Walmart e muitos mais. Hoje, vou ensinar a vocês os princípios de animação mais práticos que só se aplicam aos gráficos de movimento modernos. Algo que é extremamente relevante que eu gostaria de saber quando comecei. Algo que mudou completamente a forma como eu me animo de uma maneira boa, que trouxe minhas habilidades para o próximo nível e acelerou minha carreira para poder trabalhar nesses grandes clientes. Se você é como eu quando eu comecei, sentado na frente de um projeto sem saber por onde começar ou apenas esperando para obter uma grande animação no final, empurrando um monte de quadros-chave, navegando muitas das animações incríveis feitas por incrível estúdios, imaginando como eles fizeram e por que meu trabalho não está nem perto do que eles estão fazendo. Ou se você é um animador iniciante ou se você é um profissional com After Effects por muitos anos e não sabe como chegar ao próximo nível, esta classe é para você. Nesta aula, vamos nos concentrar nos fundamentos da animação, princípios de animação que são relevantes para os gráficos de movimento modernos. Vamos primeiro cobrir o tempo e o espaçamento, o princípio de animação mais importante que existe e mudará completamente a forma como você anima cada coisa pelo resto de sua vida. Vou apresentar-lhe dois tipos de gráficos, o gráfico de valor e o gráfico de velocidade, e demonstrar como animar com eles no editor de gráficos para obter controle total de sua animação. Seguindo em frente, estaremos cobrindo alguns dos tópicos mais avançados, como o que é oscilação, como usar antecipação e superação, como animar animação de salto complexa com técnicas de gráfico de valor, squash e alongamento, exemplos de acompanhamento e o que é animação secundária. Além de toda essa grandiosidade que acabamos de mencionar, também cobriremos atalhos de teclado do After Effects, dicas e truques de fluxo de trabalho, tudo o que for necessário para dominar After Effects e a animação princípios para animar profissionalmente. Este é o seu curso de sonho de animação final. Pesquisas mostram que as pessoas reterão 90% do que aprendem se praticarem, e apenas 20% se não praticarem. Este curso está estruturado de forma a maximizar a sua aprendizagem. Há uma pequena tarefa após cada seção para você trabalhar e praticar esses tópicos quentes e frescos. Há um total de 12 projetos de animação que estarei demonstrando neste curso, mostrando todos esses princípios de animação na prática real. Se você acompanhar minhas demonstrações e terminar todas as tarefas, você terá um ótimo carretel demo e pronto para sair e começar o trabalho imediatamente. Esta aula não é fácil, é preenchida com toneladas de conceitos, lições aprofundadas, exercícios e projetos. Se você conseguiu até o final, você terá as ferramentas necessárias para explorar infinitas opções em animação e continuar em sua própria jornada com confiança. Espero te ver na aula. 2. Temporização e espaçamento: Olá a todos, bem-vindos à primeira classe. Nesta aula vamos falar sobre tempo e espaçamento. A razão pela qual eu fiz isso uma primeira classe, é porque o tempo e o espaçamento são o princípio mais importante na animação, mas ninguém realmente fala sobre isso, pelo menos não há pessoas suficientes falando sobre isso. É um segredo para uma ótima animação incrível que as pessoas não ensinam que estou prestes a revelar. Se você só aprender uma coisa em todo o meu curso, eu quero que você leve embora com a compreensão de tempo e espaçamento. Eu não posso enfatizar o quanto é importante, tudo o resto que eu ensino além desta aula é baseado neste princípio. Sem mais delongas, vamos entrar. Primeiro, vamos falar sobre o que é animação. Mas simplesmente temos uma estaca aqui, e as pessoas podem dizer, da posição A à posição B quando anima, isso é animação, no entanto, isso não é realmente animação, isso é apenas um movimento, ou uma posição mudança. O que é animação? No meu entendimento, animação é tudo o que acontece 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 único princípio mais importante, o princípio abrangente que mudará como você animar cada coisa para o resto de sua vida, a coisa que você deve praticar mais do que qualquer outra coisa se você quer 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ê entende o tempo e o espaçamento como um animador, você já é melhor do que 50% do animador lá fora. Se você terminar este curso e fazer todos os projetos e entender as habilidades essenciais que ensinamos aqui, posso garantir que você seria 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 demo aqui está disponível para download para que você possa jogar com ele. É benéfico ser capaz de entender como o objeto se move com base em como você altera seus quadros-chave. Aqui temos uma vara 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, e em 30 quadros eu tenho outro quadro-chave aqui, na propriedade position para que o stick 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, e os 30 quadros é o tempo para esta animação. Essa é a duração da animação, e também quanto tempo leva para a animação acontecer, isso é tempo, 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 queira fazer essa animação mais rápida, fazer o bastão se mover mais rápido, como 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 então agora ele se move mais rápido. Em vez de tirar 30 quadros, pode levar talvez 23 quadros para completar a animação, de modo que isso é mais rápido. Outra maneira pode ser apenas, vamos voltar para o botão direito do mouse em “Assistente de quadro-chave” “Facilidade fácil”, modo que a animação está facilitando e facilitando e aparece, então a animação é mais rápida. Após essas duas maneiras, é aqui que a maior parte da animação vai parar. 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 move para ir de A a 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ê deve ver é o começo e o fim. Mas pense nisso por um segundo. Na maioria das vezes, quando configuramos o 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 essas duas teclas 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 imatura. 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, e a maneira de fazer isso é usando tempo 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 que 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 sobre 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? Tempo como todos sabemos, podemos mudar o quadro-chave na linha do tempo aqui. Digamos que eu tenha dois quadros-chave, eu posso 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. Bem, After Effects, você tem todos esses botões e você tem centenas de efeitos, precess 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. 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 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 usando keyframes demo para jogar com algum do espaçamento para que possamos obter animação diferente. Você pode ver aqui. Vamos definir os quadros-chave aqui para linear. Basta manter pressionado o comando e clique com o botão esquerdo do mouse. 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, em seguida, o outro é gráfico de velocidade. Estes 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. Agora, 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. Agora vamos ver o que temos, a animação se parece. 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. Agora, eu posso clicar neste botão Ocultar tudo. Posso esconder todas essas interpolações. Apenas vendo os dois quadros no início e no final 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. Vamos ver se eu mudar a curva assim, torná-la mais rápida no início, e ela está 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 quadros. Eu tenho essa curva todo o caminho no fundo 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. Agora, se tivermos uma curva como esta, o bastão vai se mover lentamente no início e, em seguida, muito rápido no final. Vamos pré-visualizar isso. Pare muito abruptamente. Agora você pode ver com a mudança no espaçamento, podemos obter tantas opções diferentes para 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 a animação baseada nos diferentes gráficos que temos e 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 a 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 o que 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ê será capaz de alcançar tudo e qualquer coisa manualmente com o editor de gráficos. 3. Gráfico de valor explicado: Bem-vinda de volta. Nesta classe eu vou mostrar como usar o Gráfico de Valor no Editor de Gráficos para modificar o espaçamento da animação. Aqui estamos de volta neste arquivo de demonstração do After Effects, e agora estou em Easing Keyframes Demo. Aqui eu vou demonstrar a vocês como alterar o gráfico de valor, a fim de alterar o espaçamento da animação. Podemos ver aqui agora, eu tenho dois quadros-chave, editar nesta camada, o manípulo aqui de uma posição para a outra. Demora 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 um gráfico de valores para mudar o espaçamento. Agora você pode ver que o bastão 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 Agora você pode ver, a posição X e a posição Y estão separadas. Agora podemos excluir a posição Y porque não precisamos mais dela. Nós só precisamos usar a posição X, e 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. Esta é uma boa maneira de visualizar porque maioria das vezes quando você está fazendo animação, tudo que você precisa fazer é definir dois quadros-chave no início e no final. Se eu não tiver isso, todos os quadros no meio, você não seria capaz de perceber o que está acontecendo com a animação em si. Se você está preocupado apenas com os dois quadros-chave, lembre-se, como eu disse na primeira lição, não são apenas os dois quadros-chave que você está preocupado com, todos os quadros entre os quais você precisa tomar responsabilidade para se você quiser se tornar um animador profissional. Agora, vamos ao Editor de Gráficos. Este pequeno botão aqui, basta clicar nele, e eu quero usar este botão aqui, Ajustar gráfico para ver. Vai caber ao meu ponto de vista aqui. Quero torná-lo maior. 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á. Agora 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 Valor Graph, 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. Tal como a tua linha do tempo, está a aumentar no tempo. Então, de baixo para cima, está aumentando de valor. Seja qual for o valor, agora o valor é X Position. Se você modificar o tamanho do objeto, ele vai aumentar de tamanho. Neste caso, estamos aumentando em valores de Posição X. Este gráfico, você pode ver que há dois pontos-chave no início e no final, e esses dois pontos correspondem aos nossos quadros-chave. Se eu clicar nos dois, segure Shift, clique nos dois pontos aqui, selecione os dois pontos no Gráfico de Valor. Se eu voltar para a linha do tempo, você pode ver que os quadros-chave estão selecionados. Modificar ou alterar os pontos no gráfico está realmente alterando o quadro-chave. Digamos, se eu quiser mudar o tempo da animação, eu posso pegar esse ponto e então movê-lo para talvez 25 quadros. 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 Easy Easy Easy padrão. 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 sistema padrão Easy Ease, 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 depois indo mais rápido no meio, e depois indo mais devagar no final. Se eu reproduzir a animação, você pode ver que é mais lento no início, pegando velocidade, e então no meio é mais rápido e, em seguida, desacelerando no final. Então a maneira de visualizar o gráfico é, no início, porque agora, a coisa que eu quero ensinar a vocês é apenas olhando para o Editor de Gráficos, o Gráfico de Valor, você será capaz de dizer o que a animação será baseado no tipo diferente de gráfico que você está obtendo no Editor de Gráficos. Para o Gráfico de Valor, o que você precisa lembrar é, aqui na marca de zero segundo, você pode ver que há uma alça de Bezier. Há uma tangente da curva e agora a tangente, a alça de Bezier é plana. Então plana significa zero, 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, com o botão esquerdo do mouse. Eu posso ver que há uma tangente que eu adicionei no centro. Esta tangente, esta alça de Bezier é na verdade mais íngreme, não é mais plana. Tem um ângulo que está indo 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, uma vez que a alça de Bezier é plana é de zero, indo mais rápido, e depois abrandar no final. Isso também é o que esses gráficos dizem. 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 aqui estes pontos no meio. Volte para trás. Então vamos para o final da animação. Agora, se eu mudar um pouco a planicidade deste cabo de Bezier e você pode ver que não é mais plana. Deve ter um ângulo de 10 ou 15 graus. Então isso significa que a animação não pára no final. A velocidade do objeto não é zero como o fim porque zero é plano e agora ele nunca está se tornando zero. Então, se eu tiver mais quadros-chave ir passar isso ou animação ir passar isso, o bastão vai apenas continuar se movendo. Não vai parar no zero porque a alça não é mais plana. Digamos que se eu mover isso todo o caminho para baixo, você pode ver a tangente, a alça bézier é muito mais íngreme, é tão íngreme que você pode ver este gráfico aqui o bastão 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, no final. O fim nunca pára. Então acontece de forma muito abrupta. É muito rápido no final. Se eu tocar a animação, você pode ver como ela se parece. Então é assim que parece. Esta curva Kappa você pode ver que é lenta no início e, em seguida, rápido no final. Se eu mostrar outro tipo de curva, então isso é só para você brincar, eu vou ter este arquivo disponível para download. Não tens de te lembrar de tudo o que te ensinei. Vamos praticar cada coisa que eu te ensinar aqui e então você será capaz de olhar para o gráfico de valores e saber que tipo de animação vai acontecer com nosso 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 qual animação é aplicada em seu objeto. Então vamos chegar lá com a prática, com mais lições por vir, mas garanto que no final, você pode ser tão preciso com sua animação. Você pode simplesmente imitar qualquer animação que você vê no trabalho de outras pessoas e, em seguida, tornar suas animações tão suaves, tão precisas, e deliberar para fazer o que quiser com sua animação. Agora, como dissemos aqui, se eu pegar essa alça, puxá-la, e então pegar a primeira alça, puxá-la todo o caminho, você pode ver nosso gráfico aqui é tão perto no início e em seguida, mais afastados no meio. Deixe-me torná-lo tão extremo. Então você pode ver o que significa isso agora, o objeto está se movendo tão devagar no início, ele está facilitando, aliviando, e então, de repente, ele pega velocidade tão rápido e então ele 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 mudando o espaçamento da animação, esta animação parece muito mais rápido do que a nossa animação linear, tem tanta energia para ele. Outra coisa que eu posso fazer é até eu posso puxar essa coisa para trás um pouco e então puxar isso para a frente para que você possa ver o bezier lidar com uma í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 vindo para este quadro, e é rápido no início, e então lentamente, lentamente, parar no final. Vamos ver o que parece com este tipo de curva de animação. Acelere o início e, em seguida, desacelere no final, e você também pode ver os dois primeiros vara que eles estão tão longe, 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 que se eu quiser mudar isso dessa maneira e agora apenas lembre-se de inclinação igual velocidade, nivelamento é igual a lento, e você pode ver desde o primeiro segundo, o gráfico é mais íngreme. Basta olhar para a alça de Bézier. Se a alça Bézier agora está plana, tem velocidade. Quanto mais íngremes são os manipuladores bézier, ou mesmo a tangente dos gráficos, mais rápidos são os movimentos. Então, é rápido no início, e em torno de 15 quadros, está diminuindo. É quase plano, mas nunca pára no centro aqui. Ele 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, olha para isso. Então, isso é interessante. Se você não sabe como modificar o espaçamento, como você pode conseguir isso? Não há nenhuma maneira que você possa alcançar. Você provavelmente pode alcançá-lo, mas 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 desacelerando o centro lá, e então se eu quiser adicionar outro quadro-chave aqui, digamos que se eu quiser adicionar outro quadro-chave, basta manter pressionado o comando no teclado e, em seguida, clique com o botão esquerdo, adicione um quadro-chave. Então é 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, 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 na verdade se torna zero por um momento e depois pega velocidade novamente. Então, 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, em seguida, apenas jogar em torno do gráfico de valor, apenas certifique-se de que você alterá-lo para gráfico de valor em vez de gráfico de velocidade, e então ver que tipo de espaçamento que você tem aqui e que tipo de 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 nós, temos um arquivo com três tipos de ícones, e 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 aplico apenas 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 então eu facilitar eles com a facilidade padrão do sistema fácil, essa é a animação que eu tenho. Um monte de animadores eles simplesmente param por aí. Isso é considerado um mau exemplo, é o que a maioria dos animadores faz. Eles apenas colocam dois quadros-chave e eles usam a 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. Isso 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 é um corpo de relógio e depois eu tenho uma alça de relógio, e depois a marca de verificação. Esta aqui, a camada verde, temos esta seta 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, em seguida, 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, e então eu tenho o ponto de ancoragem bem no centro. Caso contrário, se você não estiver vendo o mesmo painel do After Effects, você poderá acessar o Windows, o Workspace e, em seguida, escolher Layout de Trabalho Padrão. Se você ainda não estiver vendo, basta redefinir o layout padrão para salvar o layout. Dessa forma, você obterá um layout padrão padrão, e agora devemos estar vendo a mesma coisa. Vamos para a balança. Basta pressionar S no teclado, e então vamos colocar um quadro-chave. Eu quero arrastar esta linha do tempo, torná-la maior, e então eu quero que este ícone pare talvez depois de 15 quadros. Comando Shift seta para a direita, vá para a frente 10 quadros e, em seguida, comando seta para a direita , 1, 2, 3, 4, 5. Você pode ver agora que estamos em 15 quadros. Aperte o cronômetro aqui, adicione um quadro-chave e, em seguida, volte, altere a escala C para zero. Agora temos um movimento aqui para o globo. O que eu quero fazer é ir para o editor de curvas, ajustar o gráfico para ver. Vamos selecionar “Keyframes” e, em seguida, pressione 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. Clique fora da camada e, em seguida, ele ainda está muito lento. O que eu quero fazer é arrastar este cabo todo o caminho, dar-lhes mais energia, algo assim. Vamos pré-visualizar. Sim, isso parece legal. Isso é muito bom. Em seguida, volte para a linha do tempo, torne a linha do tempo menor. Podemos apenas copiar este já animado quadros-chave nesta 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, pressione P, e então neste ponto aqui, eu quero que a seta pare de se mover. Então, por volta de zero segundo, quero que a flecha desça do topo. Há uma coisa que quero salientar. futuro, toda vez que você animar a propriedade position, quero que você clique com o botão direito do mouse em dimensões separadas. Isto é tão importante. Se você estiver trabalhando com o gráfico de valores, você terá que separar as dimensões para a posição X e Y e animá-las separadamente. Pense nisso, gráfico de valor, é tempo versus valor. Mas, em seguida, se você tem posição é X e Y valor é dois valores diferentes. Se você quiser animar com gráfico de valor, você tem que separar a dimensão de X e Y para que você possa apenas controlar um dos valores. É tão importante que aqui é apenas clicar com o botão direito do mouse na propriedade position e, em seguida, separar as dimensões. Agora, eu posso marcar esta exposição porque nós só estamos preocupados com a 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. Vamos para o gráfico de valores, clique neste ajuste para visualizar e, em seguida, selecione os dois quadros-chave, F9, facilidade fácil, e, em seguida, eu quero uma curva semelhante aqui para a seta para que a animação seja consistente. Agora, vamos voltar e pré-visualizar. Algo assim. Ele tem mais energia para ele 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ó não quero copiar esta propriedade de escala, colocá-lo no relógio aqui, ir para zero segundos. Além disso, você precisa ter certeza de que os pontos de ancoragem, o ponto onde a animação é baseada fora precisa ficar no centro. Se você subir aqui, esta caneta atrás da ferramenta pode permitir que você se mova em torno dos pontos de ancoragem. Digamos que se eu tiver o ponto de ancoragem no topo aqui, se eu for para a rotação, bater em R e eu rodar, eu vou girar com base na posição do ponto de ancoragem. Não é isso que eu quero. Eu só quero voltar. Quero que o relógio venha do centro. A 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 de chicote para apenas arrastar e, em seguida, pai para o relógio, modo que quando o relógio se move, a mão se move com ele. Vamos voltar para a posição original. Agora o que eu quero fazer é clicar com o botão direito em propriedades de posição, dimensões separadas, talvez cerca de 15 segundos. Quero que o relógio fique em posição. Então volte. Eu quero que o relógio mova para cima para que eu possa mudar fazer a posição Y arrastar. Basta 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. Em seguida, lembre-se de como selecionamos os dois quadros-chave. Outra forma de selecionar dois quadros-chave é clicar duas vezes na 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, em seguida, eu posso clicar em F9, facilidade fácil. Mas desta vez, quero que este relógio fique em posição. Eu quero que o relógio atire primeiro, e, em seguida, diminua para a posição, algo assim. 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 para mostrar no início, Eu só quero que o relógio para mostrar quando ele está em movimento. 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á mostrando no início, mas quando ele aparece na tela, embora seja repentino, mas tem um movimento muito sutil flexibilizando na posição. Eu quero que o relógio venha talvez um pouco mais cedo para que arraste as duas camadas. Algo assim. Veja 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 a mão para girar 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 quando chegar, quero que ela gire de 200 graus negativos. Algo assim. Vamos bater F9, facilidade fácil, ir para o gráfico de valor, adicionar um pouco mais de flexibilização também. Basta usar esta curva S. Dê-lhe mais energia. Vamos ver como é. Outra coisa é que 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 é apenas, eu estou pensando, apenas mudar para este tipo de curva para que a mão já esteja se movendo. Ele já tem uma velocidade em zero segundo quando ele entra no quadro para 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. Vejamos, ou talvez a moção seja demais. Talvez eu possa mudar de volta para 150 negativos em vez de 230 negativos. Sim, algo assim. Funciona. Agora é a nossa marca de verificação. O relógio vem e, em seguida, para a marca de seleção é fácil, vamos apenas copiar o globo aqui e, em seguida, ir para zero segundo, colocar o indicador de linha do tempo do cursor no zero segundo, selecionar este comando de verificação V, colá-lo em 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 depois este bloco de notas. Mas, em seguida, a linha precisa vir com bloco de notas, então eu preciso pai a linha para esta camada aqui para que ele se move com ele. Então a caneta, tudo bem. Pressione P no teclado e clique com o botão direito do mouse em “Dimensões separadas”. Agora nós temos a posição y, então eu quero que o bloco de notas pare por aqui, 15 frame. Vamos pegar nosso cronômetro aqui e depois começar. Quero que comece do topo, talvez algures por lá. Vamos clicar em ambos os quadros-chave. Acerte F9, Fácil Facilidade. Vá para o Editor de Gráficos, certifique-se de que você está no Gráfico de Valor, basta clicar nesta posição y. Então, se você tem ambas as posições x e y selecionadas, ele vai mostrar-lhe esta linha rosa de posição x, mas isso não é o que você quer, porque você não será capaz de ampliar o y. Basta clicar off e, em seguida, clicar nesta posição y novamente, por isso só está mostrando a posição y. Agora, a mesma coisa, eu 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. Eu não quero ver o bloco de notas no início, então eu vou arrastar essas duas camadas, o conteúdo, as linhas e o bloco de notas para a direita alguns quadros para que ele seja exibido agora. Vê a camada? Não é mostrado no primeiro quadro e zero quadro, e depois 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 “Separar dimensões”, coloque um quadro-chave aqui e arraste-o para baixo. Vá para o Editor de Gráficos, apenas F9, Fácil Facilidade, defina o gráfico para visualizar e, em seguida, basta arrastar esta curva. Faça uma curva como esta para que ela esteja facilitando a posição, algo assim. Então apenas arraste para trás um pouco. Apenas certifique-se 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 antever, algo assim. Parece legal. Se quisermos ir mais longe, também posso animar as linhas aqui. Eu já tenho um pré-comp aqui, mas podemos entrar neste pré-composto, clicar duas vezes, ampliar. Isto é o que temos. Temos as linhas e os pontos. Sabe o que podemos fazer? Podemos apenas fazer uma mentira e depois copiar e colar. Vamos ver. Onde está a primeira linha? Esta é a primeira linha. Eu quero colocá-lo em cima, e então apenas ir para a balança. 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 as linhas vão 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. Então, 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á. Modifique somente o valor x. Mude para zero para que a linha possa crescer horizontalmente, algo assim. Vê isso? Agora podemos apenas Easy Easy Easy. Vá para Editor de gráfico, Gráfico de valor, 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. Apague este, apague este, apague este. Então eu posso apenas Comando D, Comando D, Comando D. Isso é 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 se animem e entrem ao mesmo tempo. Quero cambaleá-los por dois quadros, algo assim. Isto é muito pequeno, por isso não quero mais animar este círculo. Tudo o que quero fazer quando a linha for animada, quero que o círculo apareça na tela. Basta alterá-los, o ponto de partida da camada para o mesmo ponto de partida que a linha eles simplesmente entram assim. Arraste tudo para trás um quadro. Eu sinto que os círculos vêm 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 o Value Graph. Agora vamos comparar o exemplo bom e o exemplo ruim, ver 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 é que não tem vida para ele. É que não é energia, muito sistemático. Parece muito padrão. Bem, lá vai você. Essa é a sua primeira lição agora como animar com o Value Graph. 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 Value Graph para controlar a velocidade de sua animação. Agora, eu já tenho este arquivo configurado. Pode pegar meu arquivo. Vou colocá-lo disponível para download para que você possa usar este arquivo para praticar. Então aqui no arquivo, você pode ver que eu tenho este gráfico aqui, feito de apenas uma linha. Eu tenho uma camada na parte inferior, apenas como uma dica do logotipo, o que parece e então eu posso apenas bloqueá-lo. Em cima, 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 caminho de corte. Se eu alterar o valor final do caminho 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 em zero segundo quando o valor é zero e, em seguida, ir para o quinto segundo e colocar uma rotação completa. Coloque um aqui na frente e 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ós não alteramos nenhum do Gráfico de Valor. É apenas uma animação simples com dois quadros-chave padrão. Aqui, eu quero mostrar a vocês como usar o Gráfico de Valor para animar isso. Eu quero que esta coisa pareça como se houvesse gravidade ocorrendo, de modo que quando a linha se move até o topo, ela está diminuindo porque está subindo. Está desacelerando até o topo e então uma vez que passa sobre a corcunda, ele se move mais rápido, mais rápido, mais rápido até este ponto aqui, quando a linha precisa subir novamente e diminuir a velocidade e depois ir mais rápido novamente quando entra na inclinação e depois vai lento, rápido, e depois lento, rápido e, em seguida, lento e, em seguida, ir muito rápido. Basicamente, eu quero ter esta linha para animar como se houvesse gravidade acontecendo. 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, ele simplesmente desacelera e depois passa por cima da corcunda, 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, ele simplesmente desacelera e depois passa por cima da corcunda, deve ir mais rápido. Então é aqui que a velocidade muda. Precisamos adicionar um quadro-chave. Agora, vá em frente. Aqui, aqui é onde a linha precisa diminuir a velocidade, eu 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 este ponto, mudança de velocidade; este ponto, mudança de velocidade; e este ponto, mudança de velocidade; e então este ponto, mudança de velocidade. Então esses são todos os pontos onde as linhas precisam mudar de velocidade. Selecione todos eles, clique com o botão direito do mouse em “Assistente de quadro-chave”, “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. Então, 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, é “Z” no teclado e depois zoom in. Você pode ver que este cabo de Bezier é totalmente plano. Não quero que seja plana porque significa que a velocidade é zero. Eu só quero que ele ligeiramente esticado 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 aqui e depois saia seja a mesma. Então o que eu preciso fazer é apenas selecionar este ponto aqui e, em seguida, ir para o Converter, Selecionar um quadro-chave para Auto Bezier, que significa que 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 um pouco 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. Então, basicamente, em 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, então ele vai mais rápido e, em seguida, abrandar e aqui, neste ponto, ele deve ir mais rápido, mais rápido, mais rápido. que significa que, neste momento, a alça de Bezier, está outra vez quebrada. Só preciso trancá-los juntos. A alça de Bezier precisa estar no ângulo, algo assim, modo que tenha velocidade e, a partir deste ponto, já tem um ângulo mais íngreme. Então isso 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 queria ajustar ligeiramente esta curva aqui, algo assim e então ir para este quadro. É essencialmente a mesma coisa. Primeiro, vamos trancar isso e depois a mesma coisa, colocar um gráfico mais íngreme nele, algo como isso para ir mais rápido e depois aqui no topo, trancar isso aqui, ele está diminuindo. Mas não quero que seja plano, caso contrário, vai significar zero. Eu não quero que ele pare por aí, então vai até aqui. Deve começar a aumentar a velocidade, travar a alça, mudar para algo assim. Então aqui, a mesma coisa travar a alça, dar-lhe uma curva muito suave e depois continuar. Aqui, tranque a maçaneta. Esta parte, deve começar a acelerar, vai para o topo. Daqui, vai abrandar. Nós podemos primeiro torná-lo plano e depois dar-lhe um pequeno ângulo e, em seguida, no final, ele vai estar se movendo mais rápido novamente, algo assim. Então, se eu ver todo o gráfico, você pode ver isso é o que parece, é muito suave. Agora, vamos pré-visualizar a animação. Você pode ver agora que é muito suave. Há uma mudança de velocidade quando sobe, desacelera e, em seguida, quando desce, move-se mais rápido como se houvesse gravidade ocorrendo. Com este exemplo, eu só quero mostrar a você como apenas manipulando o espaçamento da animação e, 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 valor Gráfico. Então esta animação vai ser super suave e você pode fazer tanto para ele. 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 de preenchimento deste para talvez uma cor azul, algo assim. Talvez eu possa duplicar outro, colocá-lo atrás dele e depois compensar um quadro. Mude esta cor para um amarelo brilhante, algo assim e, em seguida, 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 destrancar 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. Então talvez defina o valor final final em 100 [inaudível] na quinta segunda marca e, em seguida, volte para zero segundo, defina o valor como zero. Então eu quero mudar a opacidade de volta para 100. Agora, vamos pré-visualizar a animação. É quase como um empate no efeito. Então é assim que animamos essa revelação do logotipo. 7. Tarefa: gráfico de valor: Parabéns por terminar esta primeira seção. Até agora, abordámos dois tópicos 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 a nossa primeira tarefa no gráfico de valor. Vamos dar uma olhada, ver o que é. Aqui está o arquivo que eu já configurei 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 simplesmente animar todos esses elementos em cada logotipo e você pode ir para cada composição para animá-los. Então, se você quiser fazer todos os três, basta ir 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. Tudo bem. Isso é tudo para o projeto da turma. Mal posso esperar para ver o que você inventou. Boa sorte. 8. Gráfico de velocidade explicado: Bem-vindo 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 depois praticar muito e, em seguida, começar a usá-lo em seus projetos. Hoje, tempo divertido novamente, Eu quero mostrar a vocês 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-vos que este gráfico de velocidade será 10 vezes mais doloroso do que o gráfico de valores. Para ser honesto, o Speed Graph é 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, gráfico de velocidade é a única coisa que você pode usar para animar, então o gráfico de velocidade é tão importante quanto o gráfico de valor. No entanto, se você gosta mais do gráfico de valor, você pode, no futuro, animar mais com o gráfico de valor. Eu também conheço alguns animadores, eles só se animam com o gráfico de velocidade. 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 Speed Graph, 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. Hoje, nesta lição, eu quero mostrar a vocês como alcançar essa animação de 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 então nós modificamos no gráfico de valores baseado em nossa compreensão de inclinação é igual a velocidade e, em seguida, nivelamento é igual a zero. Sempre que há mudança de velocidade, quando a linha vai mais rápido como esta parte aqui, a linha vai mais rápido, queremos um gráfico mais íngreme aqui, e então um é mais lento. Queremos um ângulo menor como curva mais suave aqui, então curva mais íngreme significa animação mais rápida, e então 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 como fica no gráfico de velocidade. Vamos clicar neste ícone, vá para Editar gráfico de velocidade. O que é isso? Olhe para isso. Com a mesma animação, este é um gráfico de velocidade que temos. Deixe-me torná-lo maior. No gráfico de velocidade, você pode ver o eixo x, ele vai aumentar no tempo, e então o eixo y subindo, ele vai aumentar em velocidade. Lembre-se, quando animamos essa linha, adicionamos um quadro-chave sempre que sua velocidade mudar. 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 de 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 diminui novamente, sobe, desacelera, sobe, sobe, desacelera. É assim que obtemos o mesmo tipo de 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 pressionada que possamos mudar todo o quadro-chave para 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. Este é um campo 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 70 pixels por segundo, e você pode ver que a linha zero está 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, queremos que a velocidade seja mais rápida. Podemos arrastar isto para cima. Então, neste ponto aqui, queremos que desacelere. No entanto, quando eu arrastá-lo, você pode ver as duas alças apenas quebrou, mesma coisa com o gráfico de valor. O que precisamos fazer é apenas para bloquear as duas alças, selecionar este e, em seguida, ir para definir para auto Bezier 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, os dois vão se juntar, andar de mãos dadas. É assim que queremos que a velocidade diminua. Neste ponto, ele deve começar a acelerar novamente, basta colocá-lo para cima e você pode me perguntar quão rápido nós queremos que ele seja? Neste momento, diz 100, quão rápido queremos que seja? Para ser honesto, ele só vem com prática e experiência. Primeiro, você nunca sabe o quão rápido você quer que ele seja, mas realmente depende do tempo entre os dois quadros-chave. Em seguida, a regra do polegar é apenas fazer a curva o mais suave possível sem quaisquer picos para que ele deve olhar muito suave. Agora, podemos fazer a primeira rodada, e então 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, isso parece estranho. Não sei porquê. Talvez seja porque não é rápido o suficiente. Não sei porquê. Então, neste ponto, mais rápido, este ponto está a abrandar, e este ponto está a abrandar mais rápido. Deixe-me apenas ajustar a alça aqui, algo assim não é suave em tudo, basta ajustar este aqui. Às vezes, quando você está ajustando o gráfico de velocidade, ele não funciona como os gráficos de valores. Quando você ajusta uma das alças, nada mais muda, exceto aquela alça que você está ajustando, mas, em seguida, para o Gráfico de Velocidade sempre que você mudar algo, há sempre outra coisa que está mudando com ela. 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. Esse caso vai me mostrar o gráfico de valor por baixo, modo 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 temos levantado anteriormente, então eu posso dizer a animação provavelmente vai ser algo semelhante ao que tínhamos antes. Vamos apenas visualizar isso e ver o que acontece. Abranda, vai mais rápido, desacelera, vai mais rápido, 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 lá, não é lento o suficiente. É muito rápido, então eu só quero ajustar talvez mais uma coisa aqui. No entanto, eu não quero que ele abrandar todo o caminho para 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á um momento que diz pendurado lá, algo assim, e então vamos pré-visualizar novamente. Sim. Parece melhor, parece muito melhor. Apenas preste atenção ao primeiro ciclo. Sim. Melhore lá no topo e depois vai para baixo novamente. É assim que você faz uma animação semelhante com Speed Graph. Em seguida, no próximo vídeo, vou mostrar mais um exemplo de como usar o Speed Graph para animar. 9. Demonstração de gráfico de velocidade: Tudo bem. Nesta lição, quero mostrar-lhe outro exemplo de como animar com o Speed Graph. Só para te ajudar a aprender como funciona o Speed Graph, tenho esta composição definida, tenho rock e depois tenho um fundo, que é um espaço. Tudo o que quero fazer é deixar este foguete mover-se pela tela dentro deste espaço aqui. Eu quero que isso se mova ao longo de um caminho que o caminho vai estar tendo todos esses altos e baixos e então eu quero o foguete quando ele sobe, ele desacelera como o vídeo anterior. Então, quando ele se move para baixo a inclinação ou para baixo a curva, ele está acelerando. Para demonstrar, digamos que se eu tiver uma curva como esta, seu foguete desacelera neste ponto aqui e então vai mais rápido por aqui, e então pegue o impulso com ele, sobe, desacelera. Algo assim. Primeiro, vamos desenhar um caminho de movimento aleatório. Eu quero ir até aqui para esta ferramenta de 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. Isso parece bom, algo assim. Esse é o caminho de movimento do meu foguete. Há alguns pontos. Eu preciso prestar atenção a esta curva aqui. Há alguns pontos em que o foguete 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. Então este topo aqui vai ser o mais lento, ele vai pendurar lá um pouco e, em seguida, move-se mais rápido descendo e, em seguida, desacelera novamente no topo de lá. Em seguida, vai mais rápido e, em seguida, diminui 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 esses caminhos de movimento. O que eu preciso fazer é redesenhar este caminho de movimento com este ponto, especificamente posicionado no ponto onde o foguete vai mudar a velocidade. Para demonstrar que 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. Eu quero colocar uma moldura chave lá. Agora, no topo, é aqui que vai mudar a velocidade novamente. Quero colocar o porta-chaves ali. Não tem de ser exacto. Então este é um ponto baixo onde o foguete está mudando de velocidade, coloque um quadro chave lá. Então este é outro ponto alto com mudança de velocidade. Posso ajustar esta alça aqui. Então aqui, é aqui que vai ajustar a velocidade. Este é um ponto alto onde a velocidade muda. Em seguida, de lá vai sair do quadro. Agora deixe-me apenas modificar a curva um pouco para que ela se assemelhe ao que tínhamos 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á-la mais tarde depois aplicar um caminho de movimento ao foguete. Tudo bem. Esta é a curva que eu gosto. É muito simples deixar o foguete viajar ao longo deste caminho. Primeiro precisamos ir para este conteúdo de seta para baixo e, em seguida, moldar, ir para o caminho e, em seguida, adicionar um quadro-chave na propriedade path. Em seguida, copie isto, Comando C, copie este quadro-chave. Em seguida, vá para os foguetes, aperte P no teclado, ligue 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 pode apenas visualizar aqui, você pode ver o foguete está viajando ao longo do caminho. Neste momento, está a demorar dois segundos. Posso arrastar este, fazer com que leve 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 a rotação do foguete, assim, de modo que está virado para a direção certa. Outra coisa é que precisamos ligar os orientes automáticos. Porque se eu apenas ajustar a rotação, ele só vai enfrentar uma direção o tempo todo. Mas quando vira como aqui, não faz mais sentido. O que queremos fazer é ligar os orientes automáticos. Sua camada abaixo, transformar e, em seguida, auto orienta, ligar isso, orientar ao longo do caminho. Agora deixe-me apenas alterar o valor de rotação novamente para que ele esteja voltado para a direção certa. Então vamos pré-visualizar. Parece bem agora. Está sempre virado para a direção certa para o caminho. Pressione “U” no teclado para mostrar 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 desativar este Rove Across Time e, em seguida, selecione todos eles novamente, mantenha o comando pressionado 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. 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, eu quero que este foguete talvez 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 ele está descendo de uma inclinação, é por isso que este ponto deve ser o mais alto, o que significa que o primeiro ponto deve ser menor que o segundo ponto. Vamos arrastar isso um pouco, algo assim. Então este é o ponto mais rápido. Então, quando ele sobe, aqui neste ponto, este ponto deve ser bem lento. Vê lá está aquela tangente quebrada outra vez. Preciso 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. Então, neste ponto aqui, deve ser rápido, o que significa que agora, deve parecer bom. 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 será aqui. O que eu preciso fazer, talvez eu esteja pensando que eu preciso arrastar este ponto mais alto para que neste ponto, ainda seja metade da 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, em seguida, começa a subir, que chega 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. Agora, vamos ver se meu gráfico faz sentido. Bem, 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 chave, está se tornando este ponto aqui. Nesse caso, não preciso apenas de arrastar este ponto para cima, porque uma coisa a que preciso de prestar atenção é este ponto chave aqui. Os quadros-chave são sempre precisam ser o ponto com a velocidade mais rápida. Não posso deixar a outra curva, os outros pontos passarem por cima do ponto chave do quadro. Caso contrário, não será realista. Não vai estar certo. Neste caso, quero que isto fique no ar. No entanto, quero que este ponto continue a ser o ponto mais rápido e mais alto. Preciso continuar arrastando isso para cima. Agora isso é bom e então eu preciso dirigir este cabo aqui, estes dois. Faça ele pendurar um pouco no ar, e então arraste isso, puxe isso para cima, tente suavizar a curva aqui, agora o ponto mais baixo de velocidade é esta seçã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 colocar este ponto todo o caminho até dar mais velocidade. Esta parte aqui, eu quero que ele pendure um pouco, arraste a maçaneta, e puxe isso para cima. Puxe este ponto para cima, puxe este ponto para cima. Em seguida, tente ajustar esta alça aqui. Acho que isso é mais extremo. Mas a curva ainda é bastante 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 Outono PC, arraste o último quadro de teclas até a quarta marca. Vamos ver se isso muda alguma coisa. Vamos dar mais tempo para a animação. Desta forma, agora, o que eu fiz foi ajustar o tempo da animação. Dê mais um segundo para que a animação esteja levando mais um segundo. É isso com esta lição. Agora você deve saber como animar com gráfico de velocidade e o próximo é o nosso projeto Speed Graph. 10. 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 nosso astronauta ou este foguete 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 depois deixá-los flutuar 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. 11. 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 12. Oscilação: Parabéns por terminar as lições anteriores, você chegou até aqui e já está familiarizado com dois tipos de gráficos e como usá-los. Você já é melhor do que 50% dos artistas cinematográficos lá fora, o que é incrível. Se você está gostando da lição e se beneficiando dela até agora, não se esqueça de tirar um minuto para me deixar um comentário. Isso significaria muito para mim. Agradeço muito. A partir de agora, vamos falar sobre mais coisas avançadas, o que a maioria dos designers de movimento não sabe. Espero que estejam todos entusiasmados porque estou entusiasmado, e vai ficar um pouco mais difícil, então tenham paciência comigo e vamos entrar. Nesta lição, vamos falar sobre oscilação. O que é oscilação? Oscilação é um movimento que vai e vem simplesmente. Aqui você pode ver na minha tela eu tenho um relógio de pêndulo aqui e com um Papai Noel em pé sobre ele. Mas se eu for para a propriedade de rotação desta camada, e você pode ver agora meu ponto de ancoragem é todo o caminho no topo. É por isso que deseja alterar o valor da rotação. Você pode ver que o pêndulo está balançando com base no ponto de ancoragem do topo. Agora vamos ver como podemos animar esse movimento com editor de gráficos. Digamos que se o valor de rotação no segundo zero a partir de, digamos negativo 40, e então vamos adicionar um quadro-chave aqui. Vá em frente, talvez 20 quadros, adicione outro quadro-chave, coloque 14 positivo, e agora isso é o que temos aqui. Vamos selecionar ambos e, em seguida, ir para o editor de gráficos, este ícone aqui, e, em seguida, ajustar o gráfico para ver. Certifique-se de que estamos no gráfico de valores em vez do gráfico de velocidade. Este é o quadro-chave que inserimos. Precisamos adicionar outro quadro-chave, dar-lhe mais 20 quadros e, em seguida, copiar este primeiro quadro-chave, Comando C, e, em seguida, copiar aqui, Comando V. Agora, temos esta forma V, que tem o quadro-chave que anima este pêndulo balançar da esquerda para a direita. Agora, se copiarmos todos os três quadros-chave, selecione copiar e, em seguida, colocar o indicador como o último quadro-chave, Comando V, colá-lo. Agora temos o mesmo movimento, apenas repetindo. Deixe-me copiá-lo algumas vezes. Agora temos cinco em forma de V aqui. Vamos pré-visualizar isso. Você pode ver que não parece tão realista, que não tem energia. Agora o que precisamos fazer é, em primeiro lugar, clicar com o botão direito do mouse, Assistente de quadro-chave, Facilidade fácil. Vamos apenas colocar em uma flexibilização padrão para ele. Veja o que acontece. De repente, já parece melhor, mas está longe do que queremos aqui. Agora vamos entrar no gráfico de valores. Podemos ver, a curva de valor, se selecionarmos todos os pontos no topo aqui e depois arrastarmos esta alça todo o caminho para torná-la a mais extrema, eu só quero mostrar a vocês o que vai acontecer se tivermos uma curva muito extrema , algo assim. O movimento vai ser muito mais dramático. No entanto, também não é isso que queremos. Queremos ter algo no meio, clique duas vezes na Rotação, traga a curva novamente, e então podemos apenas arrastar ligeiramente a curva para dar-lhe alguma energia. Agora é muito melhor e parece muito mais realista, muito deliberado. É assim que usamos o gráfico de valores para animar o pêndulo balançando, e isso é chamado de oscilação na animação. No entanto, na vida real, você não tem algo assim, apenas continua se movendo para frente e para trás porque há sempre outras forças como gravidade ou resistência ao objeto se movendo. Na realidade, a maior parte do tempo, quando ele balança, a energia vai perder um pouco e, em seguida, lentamente, vai se estabelecer em um só lugar. Nesse caso, vamos ver como podemos animar esse pêndulo perdendo energia. Vamos para o segundo zero, voltar para o Editor de Gráficos, clique duas vezes na Rotação. Lembre-se, como eu disse, quando o pêndulo balançar, ele vai gradualmente perder energia, algo assim. Depois de cada balanço, a rotação está indo apenas para ir mais perto e mais perto de zero grau, ele vai decair assim, e então finalmente se estabeleceu em zero segundo. Se visualizarmos este gráfico, eu só quero ter certeza que esta curva não é exagerada. Eu quero mover essas alças em um pouco, e então eu posso usar isso no teclado para ampliar nesta seção aqui. Tente ajustar este para ser mais preciso, e então eu posso usar a barra de espaço para navegar no Editor de Gráficos, tentar torná-lo mais preciso. Esta vai ser a curva que temos para esta animação. Vamos visualizar isso e ver o que acontece. Agora eu quero balançar para que você possa ver claramente que a energia está perdendo, e então lentamente, lentamente se instala em posição. No entanto, neste caso, temos outro problema porque na maioria das vezes quando temos uma curva de decaimento como esta, como o objeto está perdendo energia, não leva a mesma quantidade de tempo para que ele perca energia. O que quero dizer é que, para estes quadros-chave, no final aqui, cada um vai estar cada vez mais perto um do outro. O que eu quero fazer é selecionar todos os quadros-chave na parte de trás aqui, avançar um quadro. Selecione este, mover formulário talvez um ou dois quadros e, em seguida, selecione este mover para frente dois quadros. Eles vão ficar cada vez mais próximos uns dos outros porque perdeu muita energia, é por isso que a animação vai levar menos tempo, definitivamente menos tempo do que no início do movimento. Só quero tentar aproximar estes quadros-chave. Você pode ver agora, eu nem estou na linha do tempo do quadro-chave. Estou apenas animando tudo no Editor de Gráficos. Não preciso ir e voltar entre a linha do tempo do quadro-chave e o Editor de Gráficos. Posso fazer tudo o que quiser no próprio Editor de Gráficos só para ser mais eficiente. Agora você pode ver que eu dei significativamente menos tempo no back-end da animação. Então vamos visualizar e ver o que acontece. Sim, parece muito melhor agora. Agora, eu encontrei outro problema onde agora esta curva aqui, este ponto é muito alto porque eu sinto que deste ponto para este ponto não está perdendo energia suficiente, então há uma falha ou salto lá, é por isso que eu não quer, só quero empurrá-lo para baixo ainda mais. Muito disso vem com a prática. Às vezes você não pode ver qual é o verdadeiro problema se você está apenas começando. Mas depois de animar por um tempo e, em seguida, olhar para o trabalho de outras pessoas, você vai treinar seus olhos para olhar para as coisas e, em seguida, ser capaz dizer o que é uma boa animação e qual pode ser o problema. Vou deixar lá. Essa é a sua oscilação. No próximo vídeo, vamos ver como podemos usar essa técnica para traduzir em trabalho de animação real. 13. Antecipação e extrapolação: Tudo bem. Agora temos que falar sobre o pêndulo, a oscilação, será mais fácil para você entender este princípio de animação muito importante, que é antecipação e superação. É sobre isso que vamos falar nesta lição. Bem, antecipação é um dos princípios tradicionais de animação, mas superação não é. Mas eles basicamente estão falando sobre a mesma coisa. O que é antecipação e superação? Na verdade, é muito fácil de entender. Vamos usar este logotipo como um exemplo. Aqui eu tenho este logotipo Bella beleza natural, e agora eu posso desligar essas camadas de texto. Só quero deixar esta folha aqui. Agora eu quero mover este ponto de ancoragem para o centro da folha. Agora eu gostaria de mover esta folha para o centro da composição. Eu posso usar este Título/Action Safe para ter certeza de onde está o centro do meu quadro aqui para que eu possa apenas alinhá-lo aqui. Essa é a folha que eu tenho. Primeiro, o que eu quero fazer é que eu quero que esta licença apareça de provavelmente como 20 por cento do tamanho e, em seguida, pop up para 100 por cento, ou talvez 50 por cento. Digamos, deixe-me desligar essa grade de ação. Digamos que se eu tiver essa licença aqui e, em seguida, em zero segundos e eu quero ir de 50 por cento para talvez depois de 20 quadros para 100 por cento. Essa é a minha moção. Então vamos ao editor de gráficos. Torná-lo maior. Primeiro de tudo, vamos falar sobre antecipação. Antecipação é apenas mover-se para a direção oposta de onde o objeto vai se mover e antecipar. O que significa que neste caso, se eu quiser fazer esta folha maior, eu quero adicionar um quadro-chave talvez em torno do terceiro quadro. Mantenha pressionada a tecla Command e clique com o botão esquerdo do mouse em um quadro-chave para antecipar ir para a direção oposta que está sendo menor. Para antecipar vai ser maior. O que significa que em zero segundos será em torno de 50% e então encolhe primeiro antes de aumentar. Deixe-me selecionar três quadros-chave. Clique com o botão direito do mouse em Assistente de quadro-chave Este é o meu quadro-chave de antecipação. Para overshoots, overshoot significa que, antes que o objeto se estabeleça em posição, ele passa sobre o estado final. Neste caso agora em 100%, antes de se estabelecer em 100 por cento, vou adicionar um quadro-chave aqui. Mantenha pressionada a tecla Command e clique com o botão esquerdo Arraste este quadro-chave para cima para que o objeto realmente passe mais de 100 por cento para talvez 105 por cento e, em seguida, se ajuste novamente no lugar. Você pode ver agora, neste caso, eu tenho tanto o meu quadro-chave de antecipação o quadro-chave de superação. Esta é a superação. Deixe-me arrastar essas alças, torna o movimento mais exagerado, e veremos o que acontece. O que parece. Vamos pré-visualizar. Você pode ver que a folha realmente encolhe antes de subir, ficando maior. Em seguida, torna-se muito grande antes de se estabelecer em posição. O que torna esta animação super suave, também dá um pouco de caráter a esta folha. Agora, as coisas que eu encontrei é que a animação em si é muito lenta, o que torna a antecipação e superação não tão exagerada, é difícil de ver. O que eu quero fazer é exagerar isso um pouco mais apenas para fins de demonstração, selecionar todos os quadros-chave, manter pressionada a opção, arrastar os últimos quadros-chave movê-lo para a frente. Dê-lhe menos tempo e, em seguida, tente fazer essa superação para passar ainda mais e, em seguida, antecipar ainda mais. Vamos ver como isso se parece. Sim, isso é melhor, mais fácil de ver. Se você olhar mais de perto esta curva aqui, se você se lembrar do que fizemos na lição anterior, vamos voltar ao exemplo de oscilação aqui, rotação do relógio. Lembra-se desta curva de oscilação decadente aqui? Isto é o que é se você apenas pegar os três quadros-chave ou até mesmo os últimos quatro quadros-chave, esta seção aqui. Se eu adicionasse mais antecipação a essa animação, é exatamente disso que ela está vindo. Veio deste movimento de oscilação. Esta seção aqui. Se eu tiver um movimento muito maior, digamos que se eu tiver essa folha talvez ficando maior e maior para digamos 200 por cento ou por aqui, eu posso adicionar mais chave para tornar essa superação ainda mais suave. O que eu preciso fazer é, lembre-se neste exemplo de oscilação, nós temos esta última parte do quadro-chave mais perto um do outro? que significa que neste caso aqui, digamos que eu tenho este é o overshoot e então eu tenho seis quadros para os primeiros quadros-chave, 1, 2, 3, 4, 5, 6, e depois 1, 2, 3, 4. Vamos para quatro quadros, adicionar um quadro-chave e, em seguida, ir para dois quadros, adicionar um quadro-chave. Em seguida, selecione todos eles, clique com o botão direito, Assistente de quadro-chave, Facilidade fácil. Agora, o que eu posso fazer é arrastar este um pouco para baixo, dar-lhe um overshoot e também movimento de oscilação. Certifique-se de que a energia está morrendo, decaindo, para que cada curva esteja se tornando cada vez menor, mais perto deste ponto percentual final. Se eu tiver uma curva como esta, vamos ver o que acontece com a animação. Você pode ver que ele realmente equilibra dele. É assim que, embora não seja um salto bola, mas ele realmente salta um pouco. É assim que você cria uma animação de equilíbrio para o objeto. Se eu fosse torná-lo mais exagerado, eu poderia tornar o salto ainda mais dramático, a primavera ainda mais dramática. Apenas arraste isso para cima. Vamos ver o que acontece. Eu quero arrastar isso ainda mais alto e, em seguida, ter certeza que eu tenho essas alças para controlar algumas das animações, o espaçamento da animação. Agora vamos pré-visualizar. Agora você pode ver que temos algo que tem muito mais energia para o anterior. Este é mais elástico. Você pode ver que este tipo de curva é o mesmo que esta curva de oscilação decadente aqui, a última porção desta. É assim que você cria uma antecipação, que é o primeiro quadro-chave aqui a antecipar o movimento. Então temos estes quadros-chave aqui para a superação. Finalmente chegou à posição final, que é o último quadro-chave aqui. 14. Animar com antecipação: Agora temos a animação da folha. Vamos terminar a revelação do logotipo. Quero usar o mesmo método. Mas acho que minha folha ficou grande demais para o logotipo. Quero encolher. Voltar a 100 por cento. Certifique-se de que o quadro de chave final se situe em 100 por cento aqui. Algo assim ali. Então vou dar-vos mais exemplos. Agora, vou animar a propriedade da posição. Posso pressionar P no teclado, clicar com o botão direito do mouse em Dimensões separadas, certifique-se separar dimensões ao usar o gráfico de valores. Então tudo o que eu preciso fazer é animar esta posição x aqui, apertar X para adicionar um quadro-chave aqui. Quero ter certeza de onde está a posição final. Deve começar às 960. Depois de alguns quadros, ele vai para cá. Esta vai ser a posição final. Eu não sei por que minha folha é meio que deslocada para baixo para que ela não esteja alinhando corretamente com minhas outras camadas. Como eu não tenho nenhum quadro chave na posição y, eu posso apenas corrigir o alinhamento aqui. Esta vai ser a minha posição final para a folha, e lá eu tenho a posição inicial aqui. Keyframe Assistant, Easy Easy, vá para o editor de gráficos. Clique na posição x. Quero ver quantos quadros isto é. Só há três quadros. Muito pouco. Preciso dar mais tempo a eles. Quero ver todas as chaves. Também isso ainda é muito alto, eu preciso puxar este um pouco mais para baixo. Puxe este para baixo um pouco mais. A folha ainda é elástica e depois de assentar, quero que isto comece a mover-se para a esquerda. Dê 10 quadros. Isto é 10 quadros. Volte para o editor de gráficos, dê antecipação após talvez dois quadros, mantenha pressionado o comando e clique com o botão esquerdo, arraste este quadro de teclas para cima. Este vai ser o nosso quadro chave de antecipação. Eu quero exagerar esse movimento também porque a folha é mais elástica. Eu quero que todos os outros elementos neste logotipo se assemelhem à animação na folha. Agora eu estou no segundo último quadro aqui, adicionar outro quadro chave, dar-lhe uma superação aqui, assim. Em seguida, certifique-se de puxar a alça do gráfico para ajustar o espaçamento de modo que vai ter mais energia. Algo assim. Vamos pré-visualizar. Legal. Agora eu só quero animar esta linha curva aqui. Pressione P, clique com o botão direito Separar Dimensões Certifique-se de que esta é a posição final, a posição x da linha lá e, em seguida, ir para trás. Mova-o para a direita. Keyframe Assistant, Easy Ease, vá para o editor de gráficos, posição x e, em seguida, dar-lhe uma superação. Dê-lhe esse excesso. Vai ser sutil. Eu só quero uma sutil superação aqui. Arraste essas alças para manipular o espaçamento. Então aqui, vou apresentar outra coisa, o Alpha Matte. O que é um Alpha Matte? Basicamente, o que você faz é criar uma forma aqui. Em seguida, certifique-se de ter um preenchimento na forma. Posso desligar o derrame. Basta manter pressionada a tecla Option e, em seguida, clicar com o botão esquerdo para desligar o traçado lá. Em seguida, com esta camada de forma, o fosco no topo desta linha de curva, eu posso girar a linha de curva, descer aqui, clicar neste segundo ícone e então você pode ver que há um interruptor Track Matte. Então eu posso usar um Alpha Matte, o que significa que onde quer que este retângulo seja visível, a camada abaixo dele será visível. Então, onde quer que esta camada não seja visível, a camada abaixo dela não é visível. O que significa que, no início, e vocês podem ver aqui, meu retângulo está aqui, mas minha linha de curva está fora do retângulo. Se eu desligá-lo, você verá que minha linha de curva, está fora deste retângulo, então se eu colocar o Alpha Matte, ele vai ficar escondido. Então, uma vez que ele entra nesse retângulo, vai aparecer na tela. É disso que eu preciso. Algo assim. Agora você pode ver que há uma superação nesta camada de linha curva também. Nós provavelmente vamos usar Alpha Matte mais nas futuras lições, então não se preocupe se você não consegue entender o Alpha Mattes. Vamos falar sobre isso mais tarde. Isso é o que eu tenho. Então eu quero animar esta camada Bella, pressione P, clique com o botão direito do mouse em Separar Dimensões. Quero animar a posição x. Certifique-se de que você tem um quadro de chave. Esta é a posição final e depois ir para trás, talvez por aqui. É aqui que vai começar a se mover. Arraste todo o caminho para a esquerda. Em seguida, clique com o botão direito do mouse em Assistente de quadro-chave , Easy Easure vá para o editor de gráficos , posição x, vá para três quadros adicione um quadro-chave e, em seguida, certifique-se de que este é o quadro-chave Você sabe o que? Eu não acho que este quadro chave é necessário novamente, porque eu quero que estes textos Bella desapareçam da tela quando a folha vem para a esquerda, este Bella apenas atirar para a direita. Não seremos capazes de ver essa antecipação. Não preciso disto, posso apagar isto. Volte e volte e depois, não preciso mais disso. Mas seremos capazes de ver a ultrapassagem. Volte três quadros-chave, adicione um quadro-chave e, em seguida, certifique-se de ajustar a alça. Algo assim. Você pode ver que há um excesso, e eu sinto que isso é demais. Quero ampliar isto. Vá para frente dois quadros e, em seguida, adicione outro quadro-chave. Esta vai ser a minha posição final para que eu possa arrastar o primeiro antes dele para baixo um pouco para suavizar a curva. Vamos ver o que acontece aqui. Algo assim. Isso parece legal. Então eu posso animar essa Beleza Natural, bater em P, posicionar, clicar com o botão direito em Dimensões Separadas. Agora o que eu preciso fazer, basta copiar esta posição x, Comando C, ir para a camada de Beleza Natural, colocar o indicador na frente, este primeiro quadro chave aqui, alinhar isso e depois colar na chave quadro. Agora ele vai animar da mesma forma na camada Bella. Agora o que eu preciso fazer é adicionar um Alpha Matte para que ele não apareça aqui. Só aparece do lado direito desta folha aqui. Vá para esta ferramenta de retângulo, desenhe um retângulo aqui para cobrir a posição final e coloque-o em cima desta camada de Bella, esta será a Bella Matte. Em seguida, duplique, Comando D, coloque em cima daquela camada de Beleza Natural, esta é uma Beleza Natural Matte. Então tudo o que precisamos fazer é ir para esta camada Bella, definir o Track Matte como Alpha Matte, e depois ir para a camada Beleza Natural, definir o Matte para Alpha Matte. Em seguida, o que eu quero fazer é colocar a camada de folha no topo para que ela esteja cobrindo tudo o resto. Acho que acidentalmente mudei a posição desta camada de Beleza Natural. Tudo o que eu preciso fazer é ir para um dos quadros-chave e, em seguida, selecionar todos eles. Mude a posição x para que tudo se mova completamente. Isso é bom. Então o que eu quero fazer na verdade é mover tudo para frente um quadro que não haja nada no quadro como zero segundo. Então minha folha aparece na tela e depois aparece. Outra pequena falha que encontrei, no primeiro segundo aqui, ainda posso ver que y ali vem da linha de Beleza Natural. O que eu quero fazer é apenas arrastar esta posição x ainda mais para a esquerda para que esteja completamente fora daquele Alpha Matte e não esteja aparecendo na tela. Tudo bem. Isso é para o nosso logotipo revelar e a demonstração sobre antecipação e overshoots. 15. Bônus: revelação de logotipo: Estou pensando em fazer outra coisa para torná-lo ainda mais, mais atraente. O que eu quero fazer é agora para a folha, vai ser simples, nu comigo. Duplicar o comando D e, em seguida, vá para U e, em seguida, basta excluir a posição X. Só quero que isto apareça e desapareça. Então esta é a escala e, em seguida, ir quatro, talvez cinco quadros. Mude para zero, desapareça. Corte isso, algo assim. Agora o que eu quero fazer é duplicar um monte deles e espalhá-lo pela tela. Assim, dê-lhe um aleatório. Basta arrastar algumas das camadas para frente e para trás um pouco para que elas não estejam chegando ao mesmo tempo. Dê um pouco de aleatoriedade. Vamos ver o que acontece. Não sei se estou louco. Sabe o que eu quero fazer? Eu quero cortar essas camadas na frente de seus quadros para que a folha já esteja se movendo quando ela vem para cima. Porque agora, como está agora no primeiro zero frames por um segundo, a folha aparece na tela, mas não está se movendo. Então essa pausa, parece muito antinatural. O que eu quero fazer é cortar isso um pouco. Corte, corte. Este corte, este corte, este corte. Agora vamos ver o que acontece. Quero que estes desapareçam mais cedo. Os últimos três, eu queria desaparecer mais cedo não interferir com a animação do meu logotipo. De qualquer forma, há algo a mais em que pensar. Se você não gosta deste tempero extra aqui, você pode apenas tirá-lo, e sim, se você não gosta disso, você pode simplesmente não fazer a última parte. Mas tudo o que eu queria demonstrar é como usar antecipação e superação. Lá vai você. Isso é tudo para esta lição. Vamos para o próximo vídeo. 16. Demonstração de projeto real 1.1: diversão e tempo de projeto. Nesta lição, vamos usar tudo o que aprendemos até agora para animar esta ilustração, uma muito curta, talvez apenas dez segundos, e ver o que podemos fazer. Sem mais delongas, vamos entrar. Agora, depois dos efeitos e eu já tenho esta composição de animação cassete criada. O que eu preciso fazer é, clique duas vezes neste painel de projeto esquerdo aqui apenas para carregar em meus fones de ouvido arquivo Illustrator, certifique-se de importá-lo como uma composição e, em seguida, clique em Abrir, duas vezes sobre esta composição. Você pode ver que temos todas essas camadas separadas. Cada um está em sua própria camada separada. Vou selecionar todos eles Comando C, voltar para a animação cassete. Esta vai ser a composição principal em que vamos animar. Podemos fechar o fone de ouvido, colocar os fones de ouvido no SS, colocar esta pasta de duas camadas nos ativos para tornar meu painel de projeto limpo e arrumado. Salve o projeto. Primeiro de tudo, vamos renomear as camadas. Este aqui, Sound Production. Este aqui, Cassette, Fundo. Podemos bloquear o fundo por enquanto, não precisamos dele. Então, para a fita cassete, por enquanto, vamos usar uma verde aqui. O verde, eu quero mover o verde para o centro. Certifique-se de que este ponto de ancoragem está no centro desta fita cassete. Primeiro, quero animar esta cassete. Esconda tudo, menos a cassete verde. Quero que isto apareça na tela ou talvez do topo. Vá para a posição, clique com o botão direito do mouse em Coloque uma posição Y, avance 15 quadros, 1, 2, 3 , 4, 5, e então esta será a posição final da minha fita. A posição inicial vai ser para cima fora do quadro, algo assim. Quando ele se move para baixo, certifique-se de ter uma superação. Vá para trás, três a quatro quadros, adicione um quadro chave, supere, rastreie essas alças. Certifique-se de alterar o espaçamento para dar-lhe mais energia. Vamos ver o que parece agora. Parece bom, só que acho que está exagerando demais. Puxe para trás um pouco. Eu gosto disso. Você sabe o que? Eu acho que o que eu quero fazer é apenas deixar este fone de ouvido deslizar para o quadro e então este pop-up. Eu quero mover esta fita cassete para trás um pouco para que esta venha em primeiro lugar, o fone de ouvido vem em primeiro lugar. Clique com o botão direito do mouse Para este, eu queria deslizar pela direita. Certifique-se de que você tem uma posição X. Vá para 15 quadros, 1, 2, 3, 4, 5. Esta vai ser a posição final. Não só a posição X, eu também quero animar a rotação. Shift R, puxe o valor de rotação, coloque um quadro chave lá. Então, inicialmente, ele vai ser fora do quadro de arte, ele vai deslizar para dentro Quando ele deslizar para dentro, quero que ele tenha uma rotação sobre ele. Primeiro de tudo, vamos fazer a posição X. Assistente de quadro-chave, facilidade fácil. Vá para o gráfico de valores, clique duas vezes na posição X, escolha o gráfico para exibir. Certifica-te de que temos uma ultrapassagem. Arraste um pouco para baixo e, em seguida, puxe a alça. Vamos pré-visualizar isso, sim, algo assim. Agora, podemos nos preocupar com o valor de rotação. Vamos para a rotação. Clique com o botão direito do mouse em Assistente de quadro-chave Quero ter certeza de que o valor da rotação se alinhe com a superação. Nesta posição aqui, quero que isto ultrapasse para a direcção oposta, um pouco como esta. Começando em mais 17 e depois ultrapassar sete negativos, retorno como 0. Clique com o botão direito do mouse em Assistente de quadro-chave Vejamos, pré-visualize isso. Agora, o que eu preciso fazer é compensar essa rotação. Porque quando você pensa sobre isso, há sempre o atraso de compensação na resposta. Quando ele pára na posição X excede, deve haver um atraso de um quadro ou dois quadros para que a rotação ocorra. Estes dois estão muito perto, então eu quero arrastar isso um pouco mais longe para que eles não estejam muito próximos um do outro. Agora, você pode ver claramente que há um acordo. É isso para fins de demonstração. Só quero dar-lhe uma idéia de como trabalhar com as curvas e também antecipação e superação. Depois que esse fone de ouvido entrar no lugar, quero que a fita cassete apareça. Quero arrastar isto para lá e depois desce. Primavera um pouco e, em seguida, se instala em posição, pode ser depois de meio segundo, ele pop maior. Comando S, vá para a propriedade scale , certifique-se de que você pode avançar 15 quadros, 1, 2, 3, 4, 5. Então talvez mudá-lo maior para 240 por cento da escala. Em seguida, clique nos dois quadros principais, Easy Easy. Vá para o Editor de Gráficos, certifique-se de que você tem uma antecipação aqui. Desça, basta arrastar a curva e, em seguida, adicionar uma superação também. Vê isso? Apareceu. Então eu quero mover esta fita cassete todo o caminho até o topo, então quando ela aparecer, eu quero que o fone de ouvido encolha e desapareça atrás dele. Vá para o fone de ouvido e, em seguida, mude S, traga a propriedade scale. Quando a fita cassete aumentar, quero que o fone de ouvido encolha e desapareça. Certifique-se no fone de ouvido, vamos adicionar antecipação e superação. Talvez dois quadros de antecipação, isso é muito grande. Vamos adicionar em 102 antecipação e uma vez que o excesso vai para trás da fita cassete, então não podemos realmente ver quando ele se instala em posição. Não precisamos adicionar uma superação a isso. Eu também quero que eles aconteçam ao mesmo tempo para que eu possa arrastar o quadro-chave mais cedo. Quando a fita cassete ficar maior, quero que este fone de ouvido comece a encolher. 17. Demonstração de projeto real 1.2: Agora, a próxima coisa que eu quero fazer é apenas mudar entre essas cores diferentes, fita cassete. A maneira de fazer isso é, antes de tudo, eu quero animar a posição X aqui. Vá para a cassete verde. Vá para a camada verde aqui adicione uma posição X aqui, vá para 15 quadros. Mova-o para a esquerda. Como eu estou me movendo, você pode ver o fone de ouvido ainda está na tela, então eu preciso cortar esta opção camada colchete direito. Para cortar esta camada, arraste-a um pouco mais, corte-a aqui para que quando esta camada se mover para a esquerda, você não esteja mais vendo os fones de ouvido. Mas o que eu preciso fazer como assistente de quadros-chave fácil ir para o editor de gráficos, adicionar uma antecipação, arrastá-lo para cima, ajusta a alça aqui, certifica-se de manipular o espaçamento para dar mais energia e velocidade. Legal. Em seguida, podemos puxar o vermelho, colocar o ponto de ancoragem no centro da cassete. Agora, eu quero ter certeza que eles são do mesmo tamanho, agora o verde está dimensionado para 240 por cento, então eu quero que o vermelho seja dimensionado para 240 por cento também. Para a cassete vermelha, queria que fosse o mesmo nível, mesma posição que a verde, que significa que preciso alinhá-las melhor. Algo assim, que funciona. Então eu quero alinhar o azul e o amarelo também. Coloque-o em cima, para o azul, certifique-se de que o ponto de ancoragem está no centro. Arraste o ponto de ancoragem. Em seguida, o amarelo, arraste o ponto de ancoragem para o centro. Vá para a propriedade de escala, mude-a para 240. Vá para a escala novamente, mude para 240. Agora temos estes cassetes diferentes do mesmo tamanho. Só quero alinhá-los melhor. Como a cassete verde se move para fora da tela, eu posso usar estes quadros-chave D3 X eu acho, Comando C e depois copiá-lo para a camada vermelha, Comando V. Agora o que eu preciso é apenas os quadros-chave iniciais para o vermelho entrar, e eu quero colocar um quadro-chave no X, voltar alguns quadros. Mova a posição X para a direita para que a fita esteja vindo da direita. Entra assim, e agora quero selecionar os dois quadros-chave. Vai ao editor de gráficos, certifica-te de que tenho uma ultrapassagem. Eu sinto que é muito rápido, então eu preciso dar-lhe mais tempo para que ele diminua um pouco para combinar quando ele sair da tela. Algo assim, e agora eu só preciso movê-lo um pouco para trás. Quando a tela sai, o vermelho entra. Em seguida, basta copiar todos esses quadros-chave para o amarelo e para o azul, assim como o vermelho sai , o amarelo entra, e quando o amarelo sai, o azul entra. Agora vamos pré-visualizar isso. Isso parece legal. Embora eu ainda queira ter certeza que eles estão no mesmo nível. Eu só quero desenhar uma régua Comando R. Agora você vê uma régua em cima e então eu só quero desenhar uma linha aqui para ter certeza que todas essas fitas cassete estão no mesmo nível. Esta linha amarela é um pouco menor, então eu preciso ajustar a posição Y para trazê-la para cima. Então este azul também, ajuste a posição Y, mova para cima. Você vê que não há quadro-chave na posição Y, então você não vai mexer com os quadros-chave da posição X. Isso é lindo. Agora não preciso mais dos últimos três quadros-chave para sair da tela. Só quero mantê-lo lá e depois onde estão os meus auscultadores? Eu queria duplicar o fone de ouvido Comando D, puxá-lo para cima, e depois apagar todos os quadros-chave. Exclua todos os quadros-chave aqui. Quero fazer esse fone de ouvido maior, algo assim. Então tudo o que quero fazer é animar a posição Y. Vá para trás, 15 quadros. Eu queria descer. Clique com o botão direito do mouse assistente quadro-chave, fácil é ir para o editor de gráficos Certifique-se de que temos uma superação aqui porque não seremos capazes de ver a antecipação, já está lá fora. Só quero visualizar esta parte, então clique em B aqui. Só vai me mostrar uma prévia desta parte da animação. Isso é bom. Isso é o que eu quero. Quando o azul entrar, assentar, quero que os fones de ouvido caiam assim e então quero que minha camada de cópia apareça. O que eu quero fazer é a mesma coisa. É apenas animar a posição Y, clicar com o botão direito do mouse em dimensões separadas. Posição Y, avance um pouco. Mova para cima e, em seguida, clique com o botão direito do mouse em Facilidade fácil ir para o editor de gráficos, ajustar o gráfico para visualizar e, em seguida, adicionar uma superação. Parece legal. Em seguida, copie os três quadros-chave, cole-o também nesta camada de texto, para que eles vão animar da mesma maneira e, em seguida, apenas deslocar a primeira camada para que isso aconteça um pouco mais tarde. Agora o que eu preciso fazer é apenas adicionar um fosco faixa. Este é o meu fosco alfa, e depois duplicar um, colocá-lo em cima desta cassete e, em seguida, Y em cima da produção de som. Em seguida, vá para a fita cassete, certifique-se de configurá-lo para alfa fosco e, em seguida, a produção de som, certifique-se de configurá-lo para alfa fosco também. Agora podemos ver quando eles entram que a área do retângulo vai aparecer. Outra coisa é para a produção de som, agora você pode ver que ele está sobreposto com a fita cassete, então eu quero mover este retângulo ainda mais para baixo até que ele não esteja sobreposto com a cassete, modo que as linhas podem adicionar drop, agora ele vai aparecer quando ele está sobreposto. Vamos voltar ao início e ver o que temos. Aí está, essa é a nossa animação. Também essa é a nossa demonstração de como usar antecipação e superação, um dos princípios de animação muito importante. Você pode usá-lo para quase tudo, o que quer que você animar, você tem que aplicá-los para a animação para torná-lo suave, e então dar-lhe caráter. Isso é tudo para esta lição. Vamos para o próximo. 18. Tarefa: antecipação: Bem-vindos de volta, pessoal, aqui está a nossa hora de trabalho de novo. No último vídeo, eu mostrei como animar com antecipação e excesso, e agora é a sua vez de praticar as coisas aprendidas nas lições anteriores. Aqui temos um documento já configurado para você, e agora você pode ver que temos uma composição da Atribuição 3. Dentro desta composição, eu tenho todas essas camadas separadas para você. Você pode simplesmente saltar para dentro, começar a animar. Tenha em mente para praticar tudo o que aprendemos até agora. Tente animá-lo com gráfico de valor ou gráfico de velocidade , qualquer que você gosta, e então não se esqueça de usar overshoot e antecipação. É disso que se trata este projecto. Apenas divirta-se com este design e faça o que quiser. Antes de irmos, quero mostrar-te mais uma coisa. Se você quiser animar o fundo, todas essas folhas aqui, no fundo, vamos ver se eu posso ir para a camada 5. Esta é uma folha de bordo aqui. Eu rotulei todas essas folhas de fundo com um rótulo amarelo para que seja mais fácil ser reconhecido. Digamos que você deseja animar esta folha aqui, um dos efeitos que você pode usar dentro do painel de efeitos e predefinição bem aqui. Se não o tiver no lado direito, pode aceder ao Windows e, em seguida, escolher Efeitos e predefinições aqui. Você pode pesquisar Bend, use CC Bend It. Com sua camada selecionada, clique duas vezes sobre isso e agora você pode ver a folha desaparecer. Queremos ir para aqui do lado esquerdo, entrar neste painel de controle de efeitos. Em seguida, certifique-se de clicar na âncora Iniciar aqui. No final da folha, a cauda da folha, e depois coloque a extremidade na ponta da folha. Agora você pode ver que algumas delas estão cortadas aqui. Se eu aumentar o zoom, você pode ver que há essa parte que é cortada. Posso ajustar facilmente estes dois pontos aqui para ter certeza que toda a minha folha é visível. Agora o que posso fazer é animar esse valor de curva. Se eu mudar o valor da curva, você pode ver que a folha está realmente dobrando. É assim que você pode animar algo dobrar e dizer se eu quiser animar a folha, eu posso colocar 20 como 0 segundos. Pressione o cronômetro para adicionar um quadro-chave e , em seguida, pressione U no teclado para mostrar o quadro-chave. Vá por 10 segundos, e então eu posso colocar em um valor como negativo 10. Então talvez vá para cinco quadros, 1, 2, 3, 4, 5. Coloque em um valor como quatro e, em seguida, 1, 2, 3. Três quadros depois, eu coloquei o valor como dois negativos e, em seguida, talvez outro quadro dois , colocar o valor como zero, isso é como a oscilação que tínhamos antes. Se eu clicar com o botão direito do mouse assistente de moldura fácil facilidade e ir para o editor de gráficos, você pode ver que esta é a nossa oscilação para a folha. Agora eu quero arrastar essas alças para ter certeza de que temos o espaçamento alterado. Agora posso animar o valor da posição, pressionar o deslocamento P no teclado e clicar com o botão direito do mouse em dimensões separadas. Volte para a visualização do quadro-chave. Eu posso adicionar em exposição e ir para a frente cinco quadros, 1, 2, 3, 4, 5. Certifique-se no quinto quadro, a folha já está dentro do quadro. Em zero segundo, eu quero arrastá-lo para fora para que ele atire pela direita. Selecione ambos os quadros-chave, clique com o botão direito do mouse assistente de quadro-chave, facilidade fácil Vá para o editor de gráficos. Agora eu quero ter uma curva como esta para que a folha esteja diminuindo para a posição. Agora vamos pré-visualizar e dar uma olhada. Vamos antever o primeiro segundo. Isto é o que parece. Agora você tem uma oscilação na folha, dá-lhe um pouco mais de vida a ela. Você vê isso? Ok, isso parece bom. Diga que se eu quiser aplicar esta folha nesta camada 6, tudo o que eu preciso fazer é copiar. Eu não posso usar o valor x mais porque este deve vir de baixo, então a posição y precisa ser animada. No entanto, ainda posso usar o quadro-chave na propriedade Bend. Tudo o que eu preciso fazer é ir para a propriedade de valor de curva aqui, comando C, copiar e, em seguida, ir para zero segundos. Clique nesta camada 6, que é esta folha aqui, e depois cole-a. Agora você pode ver a folha desaparecer porque não alteramos a posição inicial e final do valor. Eu preciso colocar o início na extremidade da cauda da folha, e então eu preciso colocar o final na ponta da folha. Podemos pressionar U no teclado para mostrar o quadro-chave, vamos pré-visualizar. Já tem um movimento de oscilação da camada 5 que acabamos de animar. Para que não tenhamos que reanimar tudo mais uma vez, só precisamos copiar o quadro-chave dos efeitos de flexão para a nova camada. Isso é o que precisamos fazer, e então se esta camada está vindo do fundo, você tem que animar a posição y em vez da posição x para esta folha em particular. De qualquer forma, isso é tudo o que quero mostrar para este exemplo e esta tarefa. Se você quer animar o plano de fundo, é assim que você faz, e tudo o mais você deve ser capaz de gerenciar animando estes por conta própria com as coisas que você aprendeu na lição anterior. Espero que se divirtam muito com esta animação e mal posso esperar para ver o que vocês inventam. 19. Explicação de uma bola quicando: Bem-vinda de volta. Hoje vamos aprender a fazer um salto de bola. O consenso geral de que, se você realmente quer ser um animador real, você precisará aprender a fazer um salto bola. que eu achei é bastante preciso porque há tantos cenários onde você precisa dessa técnica, a técnica de salto bola para animar objetos. É por isso que estamos aqui hoje. Nesta lição, quero mostrar a vocês como funciona o salto da bola. Então eu vou mostrar a vocês como animá-lo no After Effects no próximo vídeo. Acho que uma pergunta maior aqui é algo que eu quero que você sempre se lembre como animador, que é, você precisa pensar sobre o que está fazendo as coisas se moverem. Quais são as forças que estão agindo sobre o objeto e como traduzir essa força em animação. Quando pensamos no salto da bola, acho que a força principal que está agindo na bola será a gravidade. A gravidade está puxando a bola para baixo. Então cada vez que a bola bater no chão, vai perder um pouco da energia e então ele vai saltar, saltar, saltar, saltar até parar no chão. Digamos que, por exemplo, esta bola que temos aqui, e esta vai ser uma bola normal como, o que é uma bola normal? Vai ser algo que não é muito pesado e não muito leve, nem muito saltitante, talvez uma bola de golfe. Então eu tenho uma bola aqui, se ela cair, ela vai cair assim, bater no chão e, em seguida, saltar uma vez, e então saltar outra vez, e então um pouco ele vai perder alguma energia. Ligeiramente, assim e depois parar no chão. Este vai ser o nosso salto geral para uma bola normal. Duas coisas que eu quero que você se lembre ou duas coisas mais importantes para um salto de bola. Primeiro é que, quando a bola cair, ela vai perder energia. É por isso que você vê a bola bater no chão e, em seguida a bola vai equilibrar cada vez mais baixo, até a última parada no chão. Então a segunda coisa é que, o ângulo em que a bola está batendo no chão, o ângulo é o mesmo ângulo que a bola está deixando o chão. Se eu desenhar uma linha central aqui, no centro, este ângulo será o mesmo que este ângulo aqui. Se eu desenhar uma linha aqui no centro ou mesmo em cada um desses pontos de contato, desculpe meu desenho ruim. Mas tecnicamente falando, este ângulo vai ser o mesmo que este ângulo. Então este ângulo vai ser o mesmo que este ângulo. O ângulo em que a bola está batendo no chão é o mesmo ângulo que a bola está deixando o chão. É a segunda coisa importante que quero que se lembre. Somos bons com este exemplo. Agora, vamos para o segundo exemplo, que vai ser uma bola pesada. Vamos desenhar uma bola maior aqui, uma bola mais pesada. Quando esta bola pesada cair vai cair para uma curva, algo assim. Cair no chão. Algo como isto. Vai cair no chão e depois vai provavelmente saltar e depois saltar assim. Se você pensar em uma bola de boliche, é assim que uma bola de boliche vai cair. Provavelmente vai saltar uma vez, um pouco mais alto e depois mais algumas vezes, muito, muito baixo, mal deixando o chão e depois até parar no chão. Isso é um salto de bola de boliche. Terceiro, temos uma bola saltitante leve. Este talvez como uma pequena bola saltitante. Se esta bola for insuflável, então quando cair no chão, vai saltar ainda mais alto. Cada vez, embora ele vai perder um pouco da energia, mas ele não vai perder tanta energia como as duas bolas anteriores. Algo como isto. Esta bola vai saltar, saltar, saltar, saltar, saltar. Desculpe meu desenho ruim. Mas quero tentar transmitir a ideia, como esta. Para ser honesto, não é muito preciso porque quando a bola bate no chão, em vez de uma linha reta para cada ponto superior dessas curvas, em vez de formar uma linha reta, ela deve formar algo como uma curva de decaimento, como isto. Parece-me que a minha curva aqui, o gráfico aqui, parece uma linha reta, mas não deve ser uma linha reta, deve ser uma curva de decaimento como esta. Se eu desenhar uma linha aqui, esta é a minha curva de decadência aqui. Curva de decadência. Se eu desenhar o salto bola aqui no gráfico menor, deve parecer algo parecido com isso. Cada vez que vai perder um pouco da energia, até que se acalme. Não vai ser exatamente o mesmo que esta curva de decaimento, só que, geralmente falando, não vai formar uma linha reta, deve ser uma curva de decaimento como esta. Estes são três dos exemplos que quero mostrar hoje nesta lição. Esta vai ser uma bola de luz saltitante e então temos uma bola de boliche mais pesada, e então apenas uma bola normal, normal. É isso com esta lição, próximo vídeo, vou mostrar a vocês como fazer isso no After Effects. 20. Animação de uma bola quicando: Nesta lição, vou mostrar a vocês como animar um salto de bola no After Effects. Como você pode ver, eu já tenho aqui uma cena, e então eu tenho esta pequena bola aqui no centro, a amarela, e então esta bola maior que parece mais pesada. Hoje eu só quero mostrar a vocês como animar esses dois saltos bola. Primeiro de tudo, preciso colocar o ponto de ancoragem no centro da bola. Eu só quero colocá-lo no centro assim, e então esta bola aqui, eu quero colocar este ponto de ancoragem no centro da bola. Primeiro de tudo, vamos animar esta pequena bola aqui. Isto vai ser o chão. Vamos usar uma linha para marcar onde está o chão para que não vamos para o chão. Vá para Posição Propriedade P e clique com o botão direito do mouse em “Dimensões separadas”. Então a bola, nós só vamos estar animando na posição Y primeiro para o salto. Vamos definir um quadro-chave na posição Y, avançar 15 quadros, 10, 1, 2, 3, 4, 5, 15 quadros, e arrastar esses quadros-chave para a marca de 15 quadros, e depois voltar para zero segundos, levante esta bola para cima. Posso deixar cair do lado de fora assim. Agora, o que eu quero fazer é, eu quero que a bola talvez salte a cada 10 quadros, digamos. Vá para 10 quadros. A bola ainda vai estar no chão, então cada vez que vai bater no chão. Então, 10 quadros no chão, 10 quadros, basta copiar este quadro-chave, e copiar este quadro-chave. Então eu defini um quadro-chave a cada 10 quadros, mas a bola não está movendo sua posição porque está sempre batendo no chão. Em seguida, vamos selecionar todos eles, Assistente de quadro-chave, Facilidade fácil, vá para o Editor de gráficos. Primeiro de tudo, vamos ter certeza de que estamos no gráfico de valores, não no gráfico de velocidade, e então estamos trabalhando apenas na posição Y. Se pensares nisso quando a bola cair, vai acelerar. Então esta curva aqui, esta alça aqui, deve ser algo como isto. Lembre-se que a inclinação é igual a velocidade nos gráficos válidos, então a curva vai ser mais íngreme e mais íngreme, que significa que a velocidade do objeto está se movendo cada vez mais rápido. Então é isso que acontece quando algo cai do topo, ele vai ir mais rápido, mais rápido até chegar ao chão e perder um pouco da energia. Lembre-se na lição anterior, eu disse que cada vez que ele bate no chão, o ângulo quando ele atinge o chão é o mesmo ângulo quando ele sai do chão. Então o que precisamos fazer é aqui nós precisamos arrastar este ângulo. Este ângulo aqui precisa ser o mesmo que este ângulo quando atinge o chão. Então eu quero tentar fazer algo como esse mesmo ângulo, então apenas arraste isso. Então também vai perder parte da energia, o que significa que cada vez que atingir o chão vai saltar cada vez mais baixo. Então eu só quero criar uma curva, algo assim, e então eu preciso de mais quadros-chave. Eu quero copiar o comando C, e então ir para 10 quadros, comando V, adicionar um quadro-chave, e apenas modificar esta curva aqui para tornar esta curva mais sutil, e ir para 10 quadros, copiar e colar outros quadros-chave. Quero ampliar, tornar esta curva muito sutil. Embora a curva não seja tão agressiva, é muito sutil, eu ainda quero ter certeza de que o ângulo que está indo para este ponto aqui é o mesmo ângulo que está deixando este ponto. Então aqui eu quero ter certeza que o ângulo está certo, e também a bola está perdendo energia. Então, se eu ajustar o gráfico para ver, isso é o que parece. Agora, vamos ver o que acontece. Esta bola agora, parece um pouco pesada para mim. O segundo salto é muito baixo, então eu quero modificar e ajustar o segundo. Então esta curva aqui é muito diferente desta aqui. Eu quero modificá-lo e apenas dar-lhe um pico mais alto aqui para que seja semelhante a este. Só quero ter certeza que não parece tão pesado porque temos outra bola pesada para a segunda demonstração. Então eu quero que esta bola não seja tão pesada. Quero que seja um pouco mais saltitante. Se você quiser torná-lo muito saltitante, você pode fazer essas curvas tão altas, e então cada uma você pode apenas fazê-lo perder um pouco da energia, então cada curva ainda é muito alta. Nesse caso, a bola vai ser super saltitante. Vamos pré-visualizar novamente e ver o que acontece. Você vê? Solte, solte, solte. Sinto que o momento está um pouco fora. Eu preciso apenas arrastar toda a chave para a esquerda para que a coisa toda esteja acontecendo muito mais rápido em dois segundos. Então lá vai você, esta é a sua curva de salto de bola, algo semelhante a esta. Em seguida, eu quero fazer isso, eu posso esconder essa bola pequena e então basta clicar nessa grande, colocar a grande no chão, voltar para zero segundo, e apertar P no teclado, basta clicar com o botão direito do mouse Separe Dimensões para adicionar um quadro-chave. Quero que os quadros-chave sejam os mesmos que na bola pequena anterior. Primeiro de tudo, eu quero voltar para zero segundo e depois deixar a bola cair de cima. Então, quando ele cai, Comando C, Comando V, apenas copiou esta posição y, talvez colá-lo quatro vezes, porque eu não acho que ele vai ter o mesmo número de saltos que a bola anterior porque Este é muito pesado. Em seguida, basta selecioná-los todos com o botão direito do mouse assistente quadro-chave, Easy Easy, voltar para o editor de gráficos. A mesma coisa, a bola vai acelerar desde o início e, em seguida, a curva vai ser algo como isto. By the way, se de alguma forma suas alças são unidas como quando você move um deles, o outro se move bem, lembre-se que este é C, converter quadros-chave selecionados para bezier automático. Assim que você clicar neste, essas duas alças serão unidas. Então você não seria capaz de ajustá-los separadamente. Nesse caso, é difícil manipulá-los para uma curva como uma curva saltando. Tudo o que você precisa fazer é manter pressionada a tecla Option no Mac ou Alt no PC e, em seguida, o cursor do mouse muda para uma seta de duas linhas, e é aí que você pode simplesmente arrastar a outra alça e quebrá-las. Outra maneira é clicar em um desses ícones aqui para quebrar a alça. Agora estamos apenas animando essa bola mais pesada aqui. Quero que a energia perca rapidamente. Agora vamos pré-visualizar isso. Ainda um pouco saltitante, ainda não é pesado o suficiente. Vamos dar uma olhada de novo. Ainda parece um pouco saltitante para mim. Outro erro que eu cometi agora é que agora você pode ver que o tempo desses quadros-chave são os mesmos. No entanto, não deve levar a mesma quantidade de tempo para que ele salte para cada salto único. Como a bola está perdendo energia, cada salto vai levar menos tempo para completar. Então é por isso que eu preciso mover esses quadros-chave cada vez mais perto um do outro no back-end. Ainda sinto que o primeiro salto é muito alto. Eu só quero torná-lo ainda mais baixo e, em seguida, ampliar, usar Z no teclado para ampliar, chegar mais perto para ser mais preciso com as curvas. Vamos tentar ver se isso funciona. Sim, isso parece muito pesado para mim. A bola já se sente muito pesada. Sim. Parece uma bola de metal. Então esta vai ser a curva que temos para uma bola pesada. Então vamos voltar a esta pequena bola para ajustar um pouco deste tempo no back-end porque não vai demorar a mesma quantidade de tempo para cada salto no back-end acontecer porque já perdeu parte da energia, certo? Então eu preciso apenas pegar todos esses quadros-chave na parte de trás e então apenas torná-los mais próximos um do outro. Vai demorar cada vez menos tempo para o salto acontecer. Tudo o que preciso fazer é juntar os quadros-chave. Se eu for para o projeto de lei principal, você pode ver que está mais distante no início e, lentamente, lentamente, eles estão se aproximando um do outro. Vamos visualizar esta pequena bola aqui. Eu sinto que o primeiro quadro está muito longe do segundo quadro, então eu preciso mover tudo mais perto um do outro. Então eu estou tentando arrastar essa curva para fora. Algo assim, é o que o primeiro salto acontece mais cedo. Sim, algo assim. A próxima coisa que eu quero fazer é apenas adicionar uma posição X para este salto bola. Primeiro eu vou mover isso para a esquerda aqui, adicionar um quadro-chave, e então talvez quando ele parar, eu vou arrastar esta posição X. Você pode ver de repente que temos todas essas curvas. O que isso parece? Você se lembra disso? Isso é algo que eu tirei da lição anterior? A bola cairia. Este é um exemplo perfeito de um salto de bola. Vamos pré-visualizar isso. Olhe para isso. Então essa é a minha primeira bola. Então, se eu tiver minha segunda bola aqui, vá para a frente, eu vou apenas ajustar a posição X, definir um quadro-chave lá, e então ir para o final. Arraste isso todo o caminho para a direita, defina um quadro-chave lá. Vamos ver, outra bola salta. Em seguida, tudo o que precisamos fazer é apenas adicionar uma rotação, mudar R, colocar uma rotação no segundo zero, e então talvez 16 graus. Vamos ver. Preciso rodar mais. Sinto que a bola está deslizando, então quero voltar para a posição X. Então vamos pré-visualizar novamente. Tudo bem, aí está, essa é a sua animação de salto de bola. Você pode adicionar um valor de rotação para a bola pequena também. Vai ser essencialmente a mesma coisa que este grande. Agora você já pode sentir o material que esta bola é bastante pesada. 21. Bola quicando complexa: No último vídeo, falamos sobre como animar um salto de bola no After Effects. Isto é o que recebemos do último vídeo. Neste vídeo, vou mostrar a vocês como animar um salto de bola mais complexo. Vamos para a outra composição que tenho aqui. Aqui vamos nós. Temos a mesma cena aqui, no entanto, deixe-me mostrar a vocês qual é a animação que estamos tentando alcançar aqui nesta lição. Agora você pode ver que minha bola está realmente interagindo com essas caixas aqui, ela bateu em um lugar e então bateu em outro lugar, e então ele vai para essa coisa de escada e, em seguida, ele bate nesta parede e salta para trás. É bastante realista, então nesta lição vou mostrar a vocês como animar isso no After Effects. Se eu selecionar todos estes quadros-chave aqui, você pode ver que há caminho de movimento para esta animação e, em seguida, ele se assemelha à curva de salto bola que eu mostrei a você na classe anterior. A bola em si está perdendo energia após cada salto, e também, o ângulo quando a bola atingiu o chão é o mesmo ângulo que a bola deixa o chão. Essas são as duas regras gerais que precisamos seguir quando animamos. De qualquer forma, eu quero excluir os quadros-chave agora e depois mostrar-lhe como fazê-lo. Agora que temos essa bola, eu acertei a bola aqui na cena. Primeiro eu quero puxar uma régua para baixo para que eu saiba onde é o chão. Este vai ser o meu terreno aqui. Primeiro, o que eu quero fazer é animar a posição Y primeiro como um balanço geral. Eu não quero animar X e Y ao mesmo tempo, porque esse caso, se você acabou de começar, vai confundi-lo porque há tantas coisas que você precisa considerar. Para facilitar as coisas, vamos apenas animar a posição Y primeiro como um salto de bola, direto para cima e para baixo bola. Primeiro de tudo, vamos adicionar um quadro-chave aqui em zero segundo na posição Y. Vá para 15 quadros, um, dois, três, quatro, cinco. Arraste este quadro-chave para a 15ª marca de quadro e volte para zero segundo. Agora posso puxar esta posição Y. Puxe a bola para fora do quadro para que a bola caia do topo, assim. Depois mais 15 quadros, um, dois, três, quatro, cinco. Eu só quero copiar esta posição Y novamente, porque depois de quando saltar a bola vai bater no chão novamente. Comando C, Comando V, e talvez outros 15 quadros, um, dois, três, quatro, cinco. Comando V. direita direita a posição Y não está mudando, ele tem o mesmo valor. Um, dois, três, quatro, cinco Comando V. Vamos clicar com o botão direito do mouse assistente de moldura fácil e, em seguida, vamos para o editor de gráficos. Certifique-se de que você está no gráfico de valores em vez do gráfico de velocidade, ajuste o gráfico para ver com este botão aqui. Agora eu só quero mudar essa curva para ser uma curva de salto. Lembra-te, tivemos esta bola a saltar aqui. Então, se entrarmos no editor de gráficos e, em seguida, puxar para cima a posição Y. Um balanço de bola vai ser assim. Quero transferir esta curva para este salto de bola que tenho aqui. A bola vai cair de cima. Então eu só quero puxar essas alças, ter certeza que o ângulo que vai para o chão é o mesmo ângulo que deixar o chão. Talvez eu queira adicionar mais um, 15 quadros, um, dois, três, quatro, cinco. Em seguida, mantenha pressionado o comando no teclado, clique com o botão esquerdo do mouse, adicione um quadro-chave. Basta ajustar ligeiramente este cabo aqui, porque o último, a energia está perdendo e não há muita energia no final, então eu quero que a curva seja mais suave, muito gentil. Agora você pode ver que esta vai ser a minha animação de salto bola. Permite visualizar e ver como ele se parece. Eu sinto que a terceira curva aqui, é muito baixa. Eu quero puxar isso um pouco mais, certificando-se de que ainda temos a energia para a última parte do salto, vamos pré-visualizar isso. Sim, isso parece melhor para mim. Agora o que vai acontecer é que eu vou adicionar na mudança de posição X. Para que a bola acerte este lugar caixa e, em seguida, bater este palco circular. Segundo, preciso que a bola venha da esquerda como se alguém jogasse a bola na cena do crime, certo? Então eu preciso de uma mudança de valor de exposição. Agora, desde que eu atingi a posição X, meu gráfico de valor de posição Y não está mais neste painel gráfico , no entanto, eu preciso ver essa posição Y neste editor gráfico para saber o que está acontecendo. Para fazer isso, temos este ícone aqui. Se apertarmos este ícone, o gráfico de posição Y sempre será exibido neste editor de gráficos. Embora estejamos no gráfico de posição X, este gráfico de posição Y sempre estará neste editor de gráficos. Desta forma, eu posso usar esta posição Y como uma referência e, em seguida, eu posso animar a posição X. Agora, o que eu quero fazer é arrastar esta bola. Agora, se eu mudar a posição X, você pode ver que a bola está se movendo para a esquerda. Eu quero que esta bola se mova todo o caminho para a esquerda fora do quadro e, em seguida, adicione um chave-frame lá. Então, em torno da marca de dois segundos, eu quero arrastar esta posição X para fora. Agora você pode ver que há uma curva saltitante. Vai me mostrar o que está acontecendo agora, eu só quero arrastá-lo todo o caminho para fora. Algo como isto. Agora, quando eu olho para esta curva aqui, eu quero ter certeza que a bola quando ela descer, seguindo este caminho de movimento, ele vai bater esta caixa primeiro e alguma forma ele vai bater no palco segundo e a energia, O impulso ainda vai levar a bola para bater neste palco aqui, nesta caixa aqui. Quando eu olho para a curva agora, ela faz o que eu queria, porque a curva agora vai trazer a bola para este estágio aqui. No entanto, a última parte do caminho de movimento não vai funcionar porque a bola vai bater nesta parte e, em seguida, bater nesta parede aqui e saltar para trás em vez de continuar indo para a frente. Nesse caso, precisamos animar e mudar a posição Y. O que eu quero fazer aqui é, basta arrastar o indicador da linha do tempo e, em seguida, tentar descobrir quando a bola atingiu esta caixa, em que quadro a bola atingiu aquela caixa ali. Então por aqui, se eu arrastar mais um quadro, ele vai para o fundo, eu preciso ter certeza que a bola vai acertar a caixa neste quadro aqui. Quero adicionar um quadro-chave na posição Y, mantenha pressionada a tecla Command no teclado e clique com o botão esquerdo neste gráfico de valores de posição Y. Agora, eu posso excluir este gráfico porque a bola não vai mais cair, vai saltar para cima. Então eu preciso que o salto aconteça neste quadro aqui, em vez do quadro depois dele. Preciso excluir esse quadro, aperte Delete no teclado. Agora, eu quero ajustar ligeiramente este quadro-chave para ter certeza que ele toca aquela caixa. Deixe-me ampliar, só estou arrastando isso para cima e para baixo para manipular a posição Y. Agora, quero ter certeza que acerta aquela caixa. Então o que acontece é a bola vai saltar nesse ponto, é por isso que eu preciso arrastar esta alça. No entanto, agora o dois punho está conectado entre si, quando eu mudar uma alça, a outra alça muda também, isso não é o que eu quero. Preciso quebrar a maçaneta. Para quebrar a alça, eu posso selecionar este ícone aqui, bater nele e então ele vai quebrar a alça. Agora visualmente podemos ver a bola logo após ela bater na caixa, ela vai saltar para cima, isso é o que nós queremos. Então só queremos que a bola continue em frente, bata no palco, é isso que eu quero, e então talvez eu queira que essa curva vá ainda mais alto. Vamos tentar fazer esta curva aqui no editor de gráficos mais alto, basta arrastá-la mais alto. Então ainda há muita energia carregando a bola para acertar nesta caixa aqui. Se eu fizer essa curva mais alta, é melhor eu fazer essa curva ainda maior porque eu não quero que essas duas curvas pareçam muito semelhantes, que significa que a energia não está perdendo o suficiente e isso a torna não natural, irrealista. Ainda certificando que o ângulo é o mesmo e, em seguida, basta bater isso e a energia vai levar a bola para esta caixa aqui. Quero encontrar aquele ponto em que a bola toca naquela caixa, ali. No entanto, eu acho que é muito para a direita, eu preciso que a posição X venha um pouco mais para a esquerda, é por isso que eu quero mudar neste ponto, a marca de dois segundos. Quero mudar a posição X para a esquerda, um pouco mais para dar à bola mais espaço nesta caixa. Em vez de bater quase na esquina, quero que a bola bata mais para a esquerda. É quando a bola bater, eu quero adicionar um quadro-chave aqui na posição Y, manter pressionado Comando no teclado, clique com o botão esquerdo, adicionar um quadro-chave, e agora podemos excluir este quadro-chave aqui. O quadro-chave depois dele, não precisamos mais disso. Agora, a bola vai saltar para cima novamente. Lembra-te, eu disse-te como mudar a alça. Para quebrar a alça, use este ícone aqui. Outra maneira é que você pode manter pressionada a tecla Option no teclado ou Alt no PC e, em seguida, você vê que o cursor mudou para esta seta aqui. Agora, uma vez que você arraste a alça, ele vai quebrar essa alça para você, eu só quero ter certeza que quando ele saltar assim, ele vai ter menos energia do que o salto anterior, talvez algo assim. Eu ainda quero tentar manter o mesmo ângulo aqui. Agora, quando ele saltou para aquela parede ali, é onde ele bate. Nesse segundo, a posição X vai mudar. A bola vai mudar de direção, vindo para o lado esquerdo. Agora, eu preciso adicionar um quadro-chave na posição X, manter pressionada a tecla Command no teclado e, em seguida, adicionar um quadro-chave na posição X. Agora eu preciso arrastar esta posição X para baixo para ter certeza de que o resto do movimento está indo para uma direção oposta diferente. Agora, uma vez que toda a animação durou três segundos, eu preciso arrastar este quadro-chave final na posição X para a marca de três segundos. No entanto, agora eu sinto que não há energia suficiente, já que a bola bateu naquela parede, eu preciso que a bola salte um pouco mais. Agora você pode ver a curva, ela vai direto para baixo, não é o que eu quero. O que eu quero é que essa bola salte um pouco mais, algo assim. Então eu sinto que a posição X agora está estragando isso, porque agora eu preciso fazer a bola ir ainda mais longe para a esquerda, se a bola for por aqui e então faz mais sentido para a bola viajar mais longe para o esquerda. É o que temos até agora, acho que parece bom. Há mais uma coisa que precisamos consertar, porque lembre-se, como eu disse no vídeo anterior, quando a bola perde energia no backend da animação, não vai demorar tanto quanto um front-end, que significa que tudo estes quadros-chave vão ficar cada vez mais próximos uns dos outros quando se trata do fim. Mas agora, quando comecei, eu só coloquei 15 quadros separados de cada quadro-chave para que todos esses quadros-chave agora tenham o mesmo tempo entre si, que não faz sentido na vida real. Precisamos aproximar alguns desses quadros-chave um do outro no final e tentar torná-lo mais realista. Para fazer isso daqui, preciso aproximar esses quadros-chave. Agora eu não tenho altura suficiente para este salto aqui, então esse caso eu preciso arrastá-lo para cima. Agora eu sinto que eu não tenho posição X suficiente lá, então eu preciso apenas talvez arrastar a bola ainda mais para a esquerda para que, após o salto, a bola ainda está viajando para a esquerda assim e depois bater no chão. Então eu preciso trazer esse salto mais perto, deixe-me ampliar, eu quero ver quantos quadros temos aqui,1, 2, 3, 4, 5, 6, então são seis quadros. Quero que este salto seja um pouco mais perceptível. Eu ainda gosto de ter um pequeno salto no chão, que são seis quadros. Então 1, 2, 3, 4, eu quero adicionar um salto que é quatro quadros e, em seguida, 1, 2, 3, talvez adicionar um salto para três quadros e, em seguida, um, talvez adicionar um último slide bounce como dois quadros para que ele termine neste ponto aqui, vai acabar ao mesmo tempo que a posição CUX. Agora eu preciso apenas pegar essas alças, dar um pouco mais de salto para torná-lo muito natural. Vamos ver o que temos agora. Sim, parece muito melhor. Deixe-me desmarcar e ver mais claramente. Agora não tivemos nenhuma rotação para a bola. Podemos apenas adicionar um pouco da rotação para que pareça mais realista. Mas você pode dizer de repente que o salto na parte final parece muito mais promissor. Vamos trazer nosso valor de rotação aqui, “Shift R”, e depois adicionar um quadro-chave em zero segundos. Vamos tentar colocar uma rotação completa antes de bater na parede. Então, depois de bater na parede, eu quero que ele gire na outra direção, então ainda é zero, mas então eu quero adicionar talvez 270 negativos. Vamos ver como é. Eu sinto que a bola está girando demais, então agora eu preciso trazer a primeira rotação para baixo, 2-40 alguma coisa, e então trazer esta para cima. Outra coisa é o último quadro-chave da rotação, se eu trazer este quadro-chave de rotação de volta talvez dois quadros que a rotação e mais cedo do que os outros dois quadros-chave, os outros quadros-chave de posição, ele vai para te dar uma ilusão de que a bola vai deslizar para a posição final porque não há energia para girar mais. Dá-lhe uma sensação mais realista, então vamos ver como é agora depois das mudanças. Eu acho que o que eu quero fazer é, eu quero estender o quadro-chave na posição X talvez para dois quadros para dar uma ilusão de que a bola também está deslizando. Quero adicionar um quadro-chave e arrastar este para baixo. Eu não quero mudar este quadro-chave, arrastá-lo para a direita porque ele vai estragar alguns dos meus quadros-chave na frente. Se eu adicionar um quadro-chave e, em seguida, deixar o arco apenas continuar viajando mais, isso não vai mudar nada que eu animado anteriormente. Vamos dar uma olhada e ver como é. Sim, eu gosto disso. Então essa é a parada é mais suave, não é tão abrupta. Então, embora a bola esteja girando no início, parece-me que no final não tem mais energia suficiente para girar, então ela simplesmente desliza no chão até parar. Aí está, é assim que se faz um salto de bola mais complexo. Após esta lição, você deve ter controle total do objeto em alguns dos cenários que você vai encontrar ao fazer a animação. Agora você pode apenas controlar completamente seu objeto e fazer o que quiser. 22. Tarefa: bola quicando: Aqui está o nosso tempo de missão novamente. No último vídeo, mostrei como animar um salto de bola com bolas mais pesadas e bolas mais leves, e também mostro um exemplo de como animar um salto de bola complexo. Se você não está super claro sobre como fazer isso, você ainda pode voltar e assistir essa lição novamente. Nesta tarefa, já tenho uma composição para você. Aqui, temos uma missão para o salto da bola. Basicamente, o que você precisa fazer é animar esta bola aqui na cena para cair do topo e talvez apenas pousar naquelas caixas. Eu tenho todas essas caixas separadas para você, que você possa movê-las se quiser que elas interajam com a bola. Se você não quiser interagir com as caixas, você pode simplesmente deixar a bola cair de cima e, em seguida, bater no chão para praticar parte da animação saltitante. Seja qual for a maneira que você deseja escolher para animar, este vai ser um ótimo exercício para você se familiarizar com uma animação de salto bola. É algo que você vai precisar no futuro para projetos profissionais. Nesta tarefa, tudo o que quero que faça é se divertir com a cena aqui, e mal posso esperar para ver o que você inventa. Boa sorte com esta missão. 23. 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 24. Encolher e esticar explicados: Nesta lição, vou mostrar-lhe rapidamente squash e esticar. Um dos princípios tradicionais de animação que ainda estamos usando nos gráficos de movimento de hoje. Venha dar uma olhada. Aqui temos uma curva de salto de bola que eu desenhei antes. Normalmente a nossa bola vai ser um círculo regular aqui. Então, quando a bola saltar, quando a bola cair no chão, eu vou desenhar neste caminho de movimento aqui, ele vai lentamente esticar um pouco. Quando a velocidade se torna cada vez mais alta assim, vai esticar um pouco. Depois, seguindo este padrão, quando atingir o chão vai esmagar. Vai ser esmagado no chão e depois vai perder energia. Quando ele aparece, quando ele pega velocidade, ele vai esticar novamente. No topo lá ele deve estar ainda em como um objeto circular e, em seguida, ele vai esticar novamente caindo, esmagar no chão. Algo semelhante a isto. Se conhecemos este gráfico aqui e temos squash e stretch em mente, vai ser muito fácil traduzir isso para After Effects. A única regra que temos aqui para squash e stretch será uma regra chamada conservação do volume. Então basicamente o que significa é que, digamos, se tivermos uma bola circular, algo assim. Mas quando esticamos a bola, quando a velocidade se torna cada vez maior, e então quando a bola se move, você teria algo semelhante a isso com o mesmo volume o objeto original em vez de algo como isto. Então isso é errado porque parece não ter o mesmo volume que a bola anterior. Você já mudou de assunto. Digamos, se tivermos um quadrado aqui e, em seguida, quando o quadrado se estende, você normalmente teria algo como um retângulo com o mesmo volume. No entanto, você não teria algo assim porque esse volume é muito maior do que o objeto anterior. Então isso é um não e isso é um sim. O que significa como traduzimos esta parte para o After Effects? Agora vamos ativar nosso After Effects. Temos uma bola aqui no centro da tela. Se eu for para a minha propriedade de escala, pressione “S” na escala para escala. Eu tenho agora minha bola está em 170 por cento. Deixe-me ampliar. Esta é a minha bola. Se eu tiver a minha bola, digamos que só temos uma mudança de exposição. Digamos que a bola vai atirar para a direita da esquerda. Vamos tentar isto. Vamos para o Assistente de quadro-chave, Facilidade fácil, vá para o Editor de gráficos. Esta parte que já falamos na lição anterior. Eu só quero tentar arrastar este editor de curvas, ele dá mais energia a esta bola aqui, talvez dar-lhe mais tempo. Vamos pré-visualizar isso. É muito lento. Empurre para trás. Digamos que se eu tiver a bola assim, e quando a bola entrar, eu preciso ir para a propriedade Scale, desligar este botão de link, clicar nele, desvincular este botão. Então, quando esta bola, eu quero acertar uma chave na propriedade da escala, quando ela viaja, ela deve esticar um pouco. Vai esticar no eixo horizontal. No entanto, se eu apenas esticar o eixo horizontal e deixar o eixo Y inalterado, já estou mudando o volume da bola. A bola está se tornando maior do que antes, que significa que não faz mais sentido se eu mudá-la para 200 por cento originalmente 170, então isso é 30 por cento da mudança. Se eu tiver um 230 isso vai ser 60 por cento de troco. Se eu tiver 60 por cento de mudança no eixo X, eu preciso ter 60 por cento de mudança no eixo Y, o que significa 170 menos 60 é 110. Então agora eu tenho mais 60 aqui e menos 60 aqui. Agora, estou reservando o volume do meu objeto original. Não vou mudar o volume. Não estou a torná-lo maior, não estou a torná-lo menor. Estou apenas redistribuindo o volume e fazendo a escala horizontal do eixo maior e a escala vertical menor. Quando a bola parar, vai mudar de volta para este volume original. Vamos ver a animação. De repente, podemos ver que é mais brincalhão e agora temos mais caráter para esta animação. Mal fizemos nada. Nós só mudamos a posição X e então agora eu adicionei uma abóbora e alongamento. Outra coisa é que eu ainda não adicionei superação no final. Então, digamos que se eu tiver uma superação no final aqui, adicione um quadro-chave, puxe-o para cima para uma superação, então a bola vai atirar por cima. Acho que está atirando demais. Vamos puxar para trás um pouco mais. Algo assim. Então eu quero que essa abóbora e trecho estejam atirando também. Se eu tiver a posição final como esta, esta é 270, 110. Digamos que por aqui, vamos mudá-lo de volta para 160 e depois 180. Então isso é menos 10 e depois mais 10, vamos tentar e menos 20. Então originalmente temos 170, então menos 20 vai ser 150, e então esta parte vai ser 190. Agora eu vou apenas Keyframe Assistant, Easy Easy. Vamos ver o que temos aqui. Ele vai esticar, e então como ele está parando ele esmaga como se houvesse uma parada repentina, e então ele vai apenas saltar para trás um pouco mais. Algo assim. Eu só quero dar-lhe uma idéia da regra número um em squash e stretch, que é a conservação do volume. Então basicamente você tem que manter o mesmo volume que seu objeto original. Não é possível alterar o tamanho do objeto, o volume do objeto. Porque muito do objeto que temos em motion graphics vai ter a propriedade scale. Tudo o que você precisa fazer é apenas modificar a escala X e Y separadamente, certifique-se de manter o mesmo volume. Em seguida, ele vai adicionar uma camada extra de diversão, camada extra de energia ou personagem para toda a sua animação. É por isso que é um dos princípios da animação. Tudo bem. É isso com esta lição. A seguir, vou mostrar-vos outro exemplo. 25. Como animar com o encolher e esticar: Aqui está o nosso segundo exemplo de squash e stretch. Aqui temos um conceito moderno mobiliário para o nosso logotipo. Nesta lição, vamos animar este logotipo com técnicas de squash e alongamento que aprendemos na lição anterior. Primeiro de tudo, vamos dar uma olhada no que temos neste logotipo. Temos um sofá, artes mentirosas, vamos separá-lo deste fundo da caixa. Então temos um frasco, vamos separá-lo desta caixa de fundo. Então temos uma luz, vamos separá-la desta caixa, e então temos nosso slogan, nosso logotipo, nome da empresa, e também um fundo. Podemos bloquear o fundo por enquanto, não precisamos mais dele. Neste caso, quero introduzir squash e esticar. O que eu quero fazer é, eu só quero que esses blocos para atirar de fora deste quadro de direção diferente, um por um, e então revelar esses móveis dentro das caixas para revelar todo o logotipo. Se você não sabe do que estou falando, apenas tenha paciência comigo, e então vamos animar esse logotipo rapidamente com squash e stretch. Primeiro de tudo, vamos animar esta de cima à direita aqui. Quero animar este. Eu quero ir para a posição da direita, aperte P no teclado. Primeiro, o que eu quero fazer é mover este ponto de ancoragem, ir para a caneta, atrás da ferramenta em cima aqui, mover este ponto de ancoragem para o fundo desta caixa, e então ir para a posição, separar as dimensões. Certifique-se de que você tecla o quadro-chave na posição y. Vá em frente 15 quadros, 4-5, e então esta será a posição final de nossas caixas aqui. Neste, certifique-se de que temos a posição y, que está fora do quadro. Esta parte do ícone só vai filmar na parte inferior da tela, assim. Eu não quero animar a gaveta ainda, então eu posso apenas verificar este ícone I para escondê-lo por enquanto. Vamos fazer todas essas caixas pretas por enquanto. Posso esconder o sofá e depois esconder a luz. Agora eu tenho dois quadros-chave, selecione ambos, clique com o botão direito do mouse assistente quadro-chave, facilidade fácil. Vá para o editor de gráficos. Vou me mover mais rápido porque não quero que isso demore muito. Vá para a posição y, adicione um overshoot, pressione o comando e clique com o botão esquerdo do mouse, adicione um quadro-chave, arraste este. Se sabe do que estou falando, já falei sobre ultrapassagem antes. Se você perdeu a lição, você pode assistir a lição anterior sobre a superação. Quero que isso supere assim. Isto é o que temos, e já que estamos demonstrando squash e alongamento, quero esmagar e esticar este bloco aqui. Basta ir para shift s, e vincular esta escala x e y, certifique-se de que temos um quadro-chave definido no início, e no final. Este vai ser o estado final. No entanto, no meio, eu quero que isso provavelmente se torne mais fino e mais longo. Então eu quero atingir o estado de superação. Eu quero que isso esmague um pouco e, em seguida, assente para sua posição final como pré-visualização. Atire, e depois resolva. Vamos clicar com o botão direito do mouse, assistente de quadro-chave , facilidade fácil, vá para o editor de gráficos. Certifique-se de que arrastamos tudo isso. Desculpe, precisamos selecionar esses quadros-chave e, em seguida, manipular todos esses quadros-chave para dar um pouco mais de energia para manipular o espaçamento. Isso parece bom para mim. Então eu quero animar este bloco de canto vermelho aqui. Este, eu queria atirar pela esquerda. Agora eu só quero mudar o ponto de ancoragem para o centro esquerdo desta caixa, por ali. Então eu vou apenas definir um quadro-chave na posição x. Agora vou arrastar este lá para fora, assim, e depois certificar-me de que temos uma ultrapassagem. Se você sabe que a posição final desta caixa aqui é 966, eu posso ultrapassá-la para talvez uns 1.050. Talvez seja demais, só arraste um pouco mais. Então eu posso apenas clicar com o botão direito , assistente de quadro-chave, facilidade fácil , ir para o editor de gráficos e, em seguida, arrastar essas curvas para manipular o espaçamento da animação e dar-lhe mais energia. Vamos dar uma olhada no que temos. Eu ainda preciso arrastá-lo ainda mais, porque agora ele não está fora do quadro ainda. Isso parece bom. Nós temos este entrar e então nós também temos este vindo da esquerda. Mas agora eu preciso adicionar um squash e esticar, ir para a propriedade scale e verificar isso, e depois apertar um quadro-chave. Este vai ser o estado final e, em seguida, bater um quadro-chave no início. Esse é o começo e o fim. O trecho vai ser no X. Uma coisa, esqueci de manter o volume desta caixa aqui. Você vê? Às vezes eu até esqueço também. Eu acho que eu apenas quebro minhas próprias regras, não minhas próprias regras, mas quebro as regras de manter o volume do objeto. Se for 70 no x, isso é menos 30, agora precisamos mudá-lo para 130. Aqui, se este é mais 15, este deve ser menos 15, então menos 15, é 85. Isso parece melhor. Agora preciso seguir as mesmas regras. Aqui é 130 e depois 70, quero manter esses números iguais para que pareça consistente. Tudo parece muito consistente, a animação é consistente, a marca parece consistente. Por aqui, eu só quero virar o número aqui, isso vai ser 85 e 115. Agora, se eu atrasar essa animação aqui, eu quero que isso filma primeiro e depois isso para filmar depois disso. Vamos ver o que temos agora. Isso parece legal. Agora esta, quero filmar de cima. Vamos para esta caixa esquerda aqui, certeza que temos esses pontos de ancoragem no topo. Vá para a posição p, clique com o botão direito, separe dimensões. Quero colocar um quadro-chave no Y e ter certeza que este cai de cima. Vai ultrapassar, assim. Em seguida, selecione três quadros-chave, clique com o botão direito do mouse, assistente de quadros-chave, facilidade fácil, vá para Basta arrastar esta curva para ser consistente com o resto da animação. Agora, o que precisamos é, aperte shift s para a escala, e vincule a propriedade scale. Agora este vai ser semelhante ao primeiro. Vai ser 115, 85 aqui. Desculpe, esqueci de acertar um quadro-chave, então volte, coloque um quadro-chave na balança no início e no fim. Esses vão ser o estado final e o início desta caixa, e agora por aqui no meio, vai ser 70.130, e depois por aqui, vai ser 115, 85. Vamos selecionar todo o quadro-chave, clique com o botão direito do mouse, facilidade fácil, e apenas arraste esses quadros-chave para fora um pouco para manipular o espaçamento, dar-lhe mais energia, algo assim. Então adiar esta animação ainda mais, para que eu tenha essa filmagem, essa atire, e então a terceira atire. Eles não disparam ao mesmo tempo. Vamos pré-visualizar isso. Eu quero isso quando ele dispara, e eu quero que isso ainda se alinhe com o fundo lá, então eu quero que a posição Y quando ele ultrapassar fique na parte inferior lá. Ops, basta ir para este quadro-chave, o quadro-chave da superação, e então arrastar esta posição y para baixo, modo que quando ele ultrapassar, ele ainda se alinhe na parte inferior do logotipo lá para torná-lo mais limpo e arrumado. Vê? Sim, parece melhor, e já que temos todas estas caixas prontas, posso ligar estes ícones gráficos. Um, o primeiro entra e se instala. Quero que este frasco se mova da esquerda para a direita. Vá para P para Posição Dimensões Separadas Imprudentes quando este se instalar aqui, é aqui que ele se instala, e então eu quero que este deslize pela esquerda. Em seguida, certifique-se de clicar com o botão direito do mouse em “Fácil facilidade”, e então podemos deixá-lo deslizar. Talvez apenas deixá-lo mais fácil, fazer uma curva como esta. Torná-lo mais fácil em assim, e em seguida, o sofá, aperte P no teclado também vai facilitar em. Este vai ser o estado final, e depois arrastá-lo para a direita. Clique com o botão direito do mouse em “Keyframe Assistant”, certifique-se de que você tem uma curva como esta para que o sofá também esteja facilitando a partir da direita, e então o último será a luz, pressione P no teclado, clique com o botão direito do mouse em “Assistente de quadro-chave”, clique com o botão direito do mouse em “Dimensões separadas” e, em seguida, certifique-se de colocar um quadro-chave no X, avançar alguns quadros e, em seguida, arraste a posição X para a esquerda para a Certo. Easy Ease, vá para o editor de gráficos, coloque em uma curva como esta, apenas deixe a facilidade na posição. Além disso, eu quero cortar essas camadas para que eles não estão aparecendo na tela até aquele ponto em que ele precisa facilitar para as caixas. Eu quero cortá-lo aqui, opção colchete esquerdo. Para este, a gaveta, opção colchete esquerdo, cortá-lo a partir daí, e depois Sofá, cortá-lo no quadro-chave, opção colchete esquerdo. Vamos ver a animação. Sim, isso é lindo e divertido. Agora vamos animar o logotipo, Modern Concept, que nosso conceito moderno está aqui. Temos estes que vêm assim. Que tal se tivermos o nosso conceito moderno para entrar também com a abóbora e esticar? Vamos pressionar P no teclado, vá para Posição, clique com o botão direito do mouse em “Dimensões separadas”. Vamos deixar que este texto venha de baixo. Vamos ver. Oops, certifique-se de que acertamos um quadro-chave na posição Y em vez do X, e depois entramos de baixo lá. Clique com o botão direito do mouse em “Keyframe Assistant”, “Fácil facilidade”, certifique-se de que temos uma superação. Superá-lo, não superá-lo muito. Assim, e certifique-se de que também manipulamos o espaçamento. Arraste estas curvas. Vamos pré-visualizar, e agora o que eu quero fazer é ir para Escala, definir um quadro-chave no início e no final, e então, quando ele entrar, desmarque o ícone do link, talvez alterá-lo para 70-130, e então quando ultrapassar torna-se 115, e depois 85, e depois cai. Vamos para Keyframe Assistant, Easy Easy Easy vai para estes. Vai ser semelhante ao que fizemos agora ao logótipo em si. Tente fazer tudo consistente. Vamos ver o que temos aqui, vamos ver. Acho que aconteceu muito rápido. Quero selecionar todos os quadros-chave, mantenha pressionada a tecla Option no Mac, Alt no PC, arraste o último quadro-chave, esvazie-os. Sim, parece bom, algo assim, e então podemos ter “Vida Melhor “talvez só aparecer apertar “S “no teclado. Certifique-se de que temos o ponto de ancoragem no centro deste slogan e, em seguida, aperte um quadro-chave na Propriedade Scale, em seguida, altere-o para zero por cento. No início, clique com o botão direito do mouse em “Keyframe Assistant”, “Easy Ease” vá para o editor de gráficos, adicione uma superação como esta, e então eu só quero puxar esta camada conceito moderno um pouco mais perto para amarrar a animação de logotipo e o revisão de texto melhor. Quando isso se resolver, eu quero que este texto já venha, e agora, quando eu apresentar isso também, vamos ver o que temos. Eu acho que a parte do conceito moderno, não tão suave, eu preciso espaçar alguns dos quadros-chave para torná-lo mais suave. Vamos ver o que temos. Lá vai você. Esta é a nossa animação final com squash e stretch. Espero que gostes disto, e vamos ao próximo vídeo. 26. Tarefa: encolher e esticar: Bem-vinda de volta. Aqui está o nosso tempo de missão novamente. No último vídeo, eu mostrei como animar com squash e esticar. É um desses princípios de animação que vai dar a sua animação mais de um personagem e trazê-lo à vida. Nesta missão, tenho uma cena para você. Neste estilo After Effects, eu tenho uma composição de Atribuição 5. Dentro desta composição, eu tenho todas essas camadas. Eu os rotulei em cores diferentes para cada seção, cada painel, para que seja mais fácil para você reconhecer e animar. Nesta tarefa, Eu quero que você aplique alguns dos princípios de animação que você aprendeu até agora, especialmente com squash e alongamento para praticar e fazer algum exercício com ele. Espero que você possa se familiarizar mais com squash e stretch, e ser capaz de aplicá-los em seus projetos de animação futuros. Se você não quiser animar toda a cena, se você sentir que é demais, você também pode animar talvez alguns painéis aqui. Esta vai ser uma boa peça para o seu portfólio mais tarde também. Espero que se divirta muito animando esta tarefa aqui. Não te esqueças de partilhar comigo depois de acabares. Mal posso esperar para ver o que você inventou. 27. Ação de acompanhamento explicada: Bem-vinda de volta. Nesta lição vamos falar sobre um princípio gráfico de movimento essencial, que é seguido. É um desses princípios que farão com que sua animação pareça mais polida e mais profissional. É muito fácil de fazer, mas não muitos animadores lá fora estão usando o suficiente. Até agora, falamos muito sobre os diferentes princípios de animação. Espero que você esteja pendurado lá e se divertiu muito aprendendo e fazendo todas as tarefas. Tenha cuidado comigo, estamos quase lá. Primeiro, deixe-me explicar o que é seguido. Simplificando, é o movimento sobreposto ou ação sobreposta de partes de um objeto. Talvez seja difícil entender a definição, mas é muito fácil quando te mostro o que é. Aqui vamos nós. Nós temos nesta composição, eu tenho um fundo, e eu tenho um monte de objetos. Estas duas camadas na parte inferior estão bloqueadas agora, se eu ligar e desligar o ícone de olho, você pode ver esta minha camada de fundo e eu tenho um monte de objetos, apenas estáticos no fundo também. Vou tratar estas duas camadas como um fundo. Todos esses pequenos pontos aqui que eu tenho, você pode ver que eu tenho um monte deles. Deixe-me mostrar-lhe primeiro o que é seguido. Primeiro de tudo, eu quero animar este quadrado aqui, apenas o primeiro, esta camada 12, e então eu vou adicionar em uma posição y. É aqui que a praça vai começar a se mover. Depois de 15 quadros, avance 15 quadros 1, 2, 3, 4, 5. Vou arrastá-lo para cima. Ele vai subir. Em seguida, outros 15 quadros, 1, 2, 3, 4, 5. Isto é 15 quadros. Vou arrastá-lo para baixo assim. Então eu vou apenas repetir, subir 1, 2, 3, 4, 5, e agora eles são 15 quadros. Vou copiar os dois últimos quadros-chave, Comando C e colá-lo onde meu indicador de linha do tempo é Comando V. Vá em frente outros 15 quadros, 1, 2, 3, 4, 5 cole-o novamente. Agora eu tenho um movimento aqui. Vai subir e descer, e subir e descer. Algo assim. Mas não aplicamos nada que aprendemos até agora. Primeiro de tudo, eu quero aplicar uma atenuação padrão. Basta clicar com o botão direito do mouse em Keyframe Assistant Então eu vou adicionar em antecipação no início, talvez um, dois, três quadros. Vamos para o editor de gráficos e, em seguida, certifique-se de que estamos no gráfico de valores. Basta clicar duas vezes na posição y, ajustar o gráfico para visualizar. Vou adicionar um quadro-chave aqui depois de três quadros, mantenha pressionado o comando no teclado, clique com o botão esquerdo, adicione um quadro-chave, puxe-o para cima. Esta vai ser a minha antecipação. Então eu vou selecionar todo o quadro-chave aqui no topo, arraste essas alças. Só para manipular o espaçamento da animação. É isso. Vamos ver o que parece. Isso é bom. Isso é o que eu quero. Então o que eu quero fazer é voltar a esta linha do tempo, copiar todo o quadro-chave aqui. Comando C, vá para zero segundo, selecione todas as outras camadas quadradas e, em seguida, Comando V, cole em todos os quadros-chave. Se eu tocar em U no teclado, você pode ver que os quadros-chave são exatamente os mesmos. Se eu visualizar isso, tudo vai se mover ao mesmo tempo. Você pode tratar esses quadrados como um único objeto. Neste momento, este objeto como uma barra, que está se movendo para cima e para baixo, oscilando para cima e para baixo. Deixe-me salvar o projeto. Então, nesta lição, o que vamos falar é realmente seguir adiante. A versão mais básica do follow-through, é apenas deslocar quadros-chave. Você também pode chamá-lo de uma animação impressionante. Assim como estes pequenos quadrados. Se eu apenas compensar todas essas camadas, talvez por dois quadros cada. Se eu for para a minha linha do tempo aqui, vá em frente. Minha camada 12 é um primeiro quadrado ali, e então vá para frente dois quadros. Deslocar este, dois quadros, deslocar o próximo outro dois quadros. Agora você pode ver que eu tenho deslocado, todas essas camadas por dois quadros, um por um. Se eu visualizar a animação, vamos ver como ela se parece agora. De repente você pode ver que parece muito mais interessante. É completamente diferente do que tínhamos antes. Olhe para isso. Ao compensar todos esses quadros-chave, eu tenho uma animação completamente nova, e esta é a versão mais básica do acompanhamento. Apenas escalonando todas essas camadas, você pode obter um campo diferente, diferença dinâmica para esta animação que você tem. Lembre-se, eu falei sobre a definição de acompanhamento. É o movimento sobreposto ou a ação sobreposta de partes de um objeto. Se você tratar todos esses pontos como um único objeto, e esses pequenos quadrados são uma parte do objeto inteiro aqui, e a animação agora está se sobrepondo. É assim que conseguimos o acompanhamento da maneira mais simples. Essa é uma opção que temos. Digamos que em vez de compensar por dois quadros-chave, eu vou apenas deslocar cada camada por um quadro. Isso é o que parece ao compensar apenas um quadro. Agora, até agora, fizemos dois quadros separados e agora fizemos um quadro separado. Vamos tentar talvez cinco quadros separados. O que acontece se eu tiver todas essas camadas compensadas por cinco quadros? Um, dois, três, quatro, cinco. Vamos ver o que parece, cinco quadros separados. Isso é o que parece. Bem, lá vai você. Esta é a forma mais básica de acompanhamento. Da próxima vez que você estiver fazendo acompanhamento, lembre-se que o follow-through é deslocar quadros-chave. Há tantos cenários em que você vai precisar de acompanhamento em sua animação. Com o acompanhamento, há um milhão de maneiras diferentes de compensar seus quadros-chave. Haverá um milhão de maneiras diferentes de compensar seus quadros-chave, e é assim que você cria tantas sensações diferentes para sua animação apenas compensando seu quadro-chave de forma diferente, e usando o princípio do acompanhamento. Esta vai ser a minha primeira demonstração para vocês. O mais básico segue através. 28. Demonstração da ação de acompanhamento 2: Bem-vindo de volta. Neste vídeo, vou mostrar-lhe outro exemplo de uso do follow-through para animar texto. Agora você pode ver na minha composição, eu tenho um logotipo de jogador, e você pode ver na minha composição aqui, essas são as camadas que eu tenho. Tenho uma camada de brilho. Este é todo o brilho que eu tenho nas linhas e eu vou deixá-lo lá por enquanto. Então eu tenho um contorno branco, que é esta camada de contornos brancos da frente. Se eu alternar o ícone do olho, você pode ver o que é. Então eu tenho um corpo azul jogador. Esta é a camada corporal principal que eu tenho. Em seguida, eu tenho um contorno rosa, que está quase na parte de trás da camada azul do corpo. Então é a minha camada de fundo. Neste vídeo, eu só vou animar essa camada de jogador. Vamos chegar a ele. Primeiro de tudo, eu só quero animar este corpo azul jogador. Eu quero fazer algo semelhante ao vídeo anterior. Vou pressionar P no teclado para a posição e, em seguida, clique com o botão direito do mouse em dimensões separadas. Eu só quero animar a posição y. Acerte um chave-frame em zero segundos. Então eu vou para a frente. Você sabe o que? Eu vou avançar 15 quadros, então 10 quadros e, em seguida, 1,2,3,4,5,15 quadros. Vou arrastar este para cima para uma melhor pré-visualização. Posso desligar todas as outras camadas. Só quero focar neste por enquanto. Então, quer saber? Eu acho que o que eu vou fazer é arrastar este quadro chave para a frente para tornar o tempo ainda mais longo. Agora tenho um segundo para esta animação acontecer. Então eu vou para o próximo segundo, que são dois segundos. Vou arrastar esta posição y para baixo. Basicamente o que eu estou tentando fazer é fazer uma oscilação para este texto de jogador e, em seguida, ele vai apenas para cima e para baixo na tela. Então eu vou para os três segundos. Eu posso copiar esses dois quadros chave, Comando C, Comando V, e ir para o quinto segundo. Manter, copiar e colar todos os quadros-chave. Acho que isso é bom o suficiente para mim. Um total de 10 segundos de animação. Se eu selecionar todos eles e ir para o editor de gráficos, você pode ver que este é o nosso lembrar o movimento de oscilação para cima e para baixo que tínhamos antes. É isso que estou tentando fazer. Então eu vou selecionar todos os quadros-chave. Acerte F9 facilidade fácil. Em seguida, eu quero adicionar em uma antecipação nos primeiros quadros. Vamos apenas arrastá-lo até aqui e, em seguida, adicionar um quadro-chave, Command, clique com o botão esquerdo, arraste este para cima para adicionar em antecipação. Em seguida, o que eu quero fazer é apenas selecionar todos os quadros-chave e, em seguida, arrastar a alça para fora para manipular o espaçamento da animação. Se eu voltar para a exibição do quadro-chave e, em seguida, definir a visualização para talvez por aqui, vamos ver o que temos agora. Talvez o topo esteja muito alto ali. Quero me ajustar quando subir. É o quadro-chave inferior, eu só quero puxá-los para cima para que o meu texto de jogador esteja descendo na pré-visualização. Vamos tentar algo assim. Sim, isso funciona para mim. Isso é o que eu quero. Então tudo o que eu preciso fazer é copiar todos esses quadros chave, Comando C, e em seguida, ativar esta camada de contorno branco, Comando V colar. Se eu pressionar U no teclado, eu posso ver todo o quadro-chave e, em seguida, ir para este contorno rosa, ligá-lo, e, em seguida, Comando V, colá-lo, pressioná-lo em U para mostrar o quadro-chave. Agora eu tenho todas essas três camadas com o mesmo quadro chave. Se eu visualizá-lo, você pode ver que eles estão todos se movendo ao mesmo tempo. No entanto, isso não é o que eu quero. O que eu quero é lembrar a versão mais básica do acompanhamento. Se você tratar toda esta linha como um corpo, você pode dizer que essas três camadas são partes diferentes do corpo. Quero que estas três camadas se sobreponham, uma está animando. Não quero que estas três camadas se animem ao mesmo tempo. O primeiro que vai ser animado como uma frente, que é o contorno branco. Então eu vou para a frente talvez três quadros. Vou atrasar esta camada azul do corpo por três quadros. Vou arrastar todos estes quadros-chave para a frente por três quadros bem aqui e, em seguida, avançar outros três quadros, 1,2,3. Arraste todos estes quadros-chave para cá. Agora, eu tenho um acompanhamento. Vamos pré-visualizar isso. Você sabe o que? Acho que é demais. Vamos atrasá-los por dois quadros ou até mesmo um quadro. Vamos tentar um quadro. Inicie-o por um quadro e, em seguida, arraste estes para trás, outro quadro, arraste-os e vamos pré-visualizar. Isto é o que temos ao atrasar o quadro-chave por um quadro e, em seguida, ainda não terminamos. Em seguida, o que eu quero fazer é separar todas essas letras em sua própria camada individual e, em seguida, sobrepondo todas essas letras para que eu entrar em efeito sobreposição mais complexo. Primeiro, o que eu quero fazer é ir para este corpo azul jogador. Uma vez que temos cinco letras, vamos duplicar esta camada por quatro vezes para que tenhamos cinco camadas, 1,2,3,4. O que eu quero fazer é usar uma máscara para mascarar cada letra nessas cinco camadas. É muito simples de fazer. Vamos tentar agora. Basta ir para esta ferramenta de retângulo na barra de ferramentas e, em seguida, selecionar o primeiro corpo azul. Clique na barra de ferramentas do retângulo. Então eu vou apenas arrastar um retângulo no G. Em seguida eu vou arrastar um retângulo no A. Em seguida, clique no corpo três, clique no retângulo, arraste-o no M. Deixe-me desligar o contorno. No contorno rosa, apenas certifique-se de que você está selecionando a parte do meio, o M, sem selecionar nenhuma das outras letras ao lado dela. Então vamos para o quarto para clicar na ferramenta de retângulo. Vou selecionar E aqui. Acerte em V. Eu só vou selecionar este E aqui. Mas aqui há um ângulo para o R, então eu preciso ajustar a máscara para que eu não esteja selecionando nenhum dos R ali e, em seguida, clique no quinto. Basta selecionar esta última letra. Vamos diminuir o zoom. Agora, eu tenho todas essas cartas separadas. Se eu for para o ícone do olho, você pode ver G é separado, A é separado, M é separado, E é separado e R é separado. Em seguida, o que eu quero fazer é selecionar todas as cinco camadas. Aperte U no teclado. Mostrar todos os quadros-chave. Eu quero compensar esses quadros-chave por apenas um quadro. O primeiro e, em seguida, ir para a frente um quadros. Mova todos esses quadros-chave para frente um quadro e, em seguida, mova todos esses quadros-chave para frente por um quadro. Vá para um quadro único. Novamente, mova todos esses quadros-chave e, em seguida, mover todos esses quadros-chave. Ao compensar os quadros-chave, vamos ver o que está acontecendo. Isso é o que está acontecendo. Agora é interessante. Outra coisa, a seguir vamos continuar fazendo a mesma coisa para o contorno branco. Apenas duplique quatro vezes 1,2,3,4. Em seguida, clique no primeiro, selecione a ferramenta de retângulo, mascarar o G. Deixe-me ampliar. Em seguida, o segundo, mascarar o A. Selecione o terceiro, mascarar o M, e depois mascarar o E. O último, mascarar o R. Agora vou selecionar todos estes cinco camadas. Vou ajustar todos os quadros-chave para compensá-los por um quadro. Siga apenas basicamente compensando quadros-chave para obter uma animação mais complexa. Então o último é um contorno rosa. Vou duplicar quatro vezes 1,2,3,4. Vamos apenas isolar estas camadas. Aperte este botão solo aqui. Em seguida, certifique-se de marcar esta grade de transparência para que você tenha um fundo preto. Como nosso contorno rosa é um brilho, então agora tudo está em cima um do outro. É por isso que você está vendo esse borrão aqui. Mas vamos consertar isso rapidinho. Bata no primeiro contorno. Estes são todos purê juntos. Vamos ver se vai funcionar. Agora desmarque o solo. Só quero compensar as cinco camadas. Mesma coisa, apenas deslocar os quadros-chave por um quadro. Vá para um quadro, arraste-os para fora por um quadro e, em seguida, vá para frente outro quadro, arraste-os para fora. Então vá para a frente outro quadro. Arrastar estes para fora. Arraste estes para a frente. Este aqui está errado. Você não deve arrastar isso para fora por um quadro. Se você clicar em shift vai se encaixar no indicador de linha de tempo para que seja mais fácil arrastar todos esses quadros-chave. Agora, vamos ver como é. Isso é o que temos ao compensar os quadros-chave entre as letras e também entre os três estilos gráficos. Este é o tipo de animação que temos. Na verdade, mal fizemos nada. Basicamente, basta copiar e colar todo o quadro-chave que temos. Todas essas camadas têm exatamente os mesmos quadros-chave, mas agora eles são apenas deslocados de forma diferente para obter esse visual padrão interessante. Agora, a única camada que temos é este brilho aqui no início. Vou deixar este com você para que você possa explorar mais como você pode animar esta camada de brilho. Mas o propósito desta demonstração é mostrar-lhe como trabalhar com seguir através, deixe-me desligar este brilho, como trabalhar com seguir através de uma camada de texto. Esta é a animação que temos finalmente. É isso com esta lição, vamos para o próximo vídeo. 29. Demonstração da ação de acompanhamento 3: Aqui está outra demonstração para acompanhamento, e esta vai ser fácil. Não vou animar a cena toda. Eu quero deixar a cena para você para que você possa explorar mais por conta própria para animar talvez alguns dos antecedentes e esses elementos adicionais. Mas a única coisa que eu quero animar e mostrar a vocês como trabalhar com follow-through são essas camadas, essas camadas amarelas que já estão rotuladas. Se eu selecionar todos eles, você pode ver o que eles são. Deixe-me levá-los para o topo. Deixe-me ligar este ícone de olho. Você pode ver que isso é todos esses elementos são esta revisão aqui, e eu vou apenas mostrar-lhe como usar o follow-through para compensar alguns dos quadros-chave e, em seguida, tornar a animação interessante. Primeiro, quero ampliar. Vamos animar este círculo aqui, figura de perfil circular. Vamos arrastar os pontos de ancoragem até o centro. Então este pode ser simples. Vamos animar uma mudança de escala. Vá para a frente 15 quadros, 1, 2, 3, 4, 5 e, em seguida, certifique-se de que o 100 por cento, está no 15.º quadro. Volte para zero segundos, mude a escala para zero. Este círculo vai aparecer. Selecione para quadro-chave, clique com o botão direito do mouse, assistente de quadro-chave, facilidade fácil , vá para o editor de gráficos e lembre-se que precisamos adicionar uma superação, talvez voltar 1, 2, 3, 4 e, em talvez voltar 1, 2, 3, seguida, adicionar um quadro-chave. Arrasta este para cima. Para um quadro-chave de superação, talvez arraste este para mais um quadro para que ele esteja acontecendo em torno do terceiro último quadro. Arraste estas alças, e vamos ver o que temos. Isso é legal. Isso é legal. Eu quero animar este retângulo de fundo também. Tudo o que eu quero fazer é ir para a propriedade scale e verificar este botão de link na propriedade scale e ter certeza de que temos os pontos de ancoragem na extrema esquerda. Eu quero que esse retângulo cresça para a direita, e a maneira de fazer isso é, em primeiro lugar, adicionar um quadro-chave no 15º quadro. Este será o nosso estado final deste retângulo, e então, desde o início, eu só quero alterar o valor na escala x. Vamos fazer esta escala x zero. Agora o que você pode ver é que o retângulo vai crescer horizontalmente apenas para a direita. Vamos fazer a mesma coisa, clique com o botão direito do mouse assistente quadro-chave, facilidade fácil ir para o editor de gráficos e, em seguida, 1, 2 , 3, ir para trás três quadros, adicionar em uma superação. Arraste todas essas alças. É isso. Vamos ver a animação. Mesmo estes dois, eu quero compensar o quadro-chave também. Eu só vou arrastar esta camada de círculo para trás, talvez dois quadros para que este retângulo venha em primeiro lugar. É isso. Parece bom para mim. Então vou tentar encontrar a primeira estrela. Esta é a primeira estrela aqui. Agora eu posso apenas copiar o quadro-chave na propriedade scale deste círculo, Comando C, copiar, e então certificar-me de que temos os pontos âncora da estrela no centro da estrela. Agora vamos para zero segundo, clique na primeira estrela Comando V, clique em U. Podemos ver que já colamos no mesmo quadro-chave de animação que temos do círculo aqui, esta camada, e em seguida o que eu quero fazer é para adicionar em uma rotação também. Shift-R, este valor de rotação final para a estrela no 15º quadro será zero. Então podemos voltar para o segundo zero, talvez alterá-lo para 270 negativos, e depois selecionar os dois, F9. Vá para o editor de gráficos. Lembre-se de adicionar uma superação, colocando um quadro-chave no gráfico e, em seguida, basta arrastar todas essas alças. Se você gosta, o excesso é demais, vamos mudá-lo de volta para talvez mais 35. Vamos visualizar esta animação aqui. Em seguida, o excesso de escala, eu quero que seja 155 ou 125 ou talvez 135, torná-lo ainda maior. Isso parece bom. Em seguida, tudo o que eu preciso fazer é ter certeza que todas essas estrelas têm os pontos de ancoragem no centro. Estou movendo todo o ponto de ancoragem para o centro da estrela. Este é o último. - Legal. Em seguida, copie todo o quadro-chave na primeira estrela e cole-o no resto da estrela. Mas certifique-se de que você tem o indicador de linha de tempo em zero segundo para que ele vai começar a colar em todo o quadro-chave em zero segundo. Comando V, aperte U. Agora você pode ver todos esses quadros-chave, e o próximo, o que queremos fazer é esta linha aqui. Vamos apenas copiar o quadro-chave neste fundo branco, Comando C, e depois ir para a linha, certificar-se de que temos o ponto de ancoragem até o lado esquerdo da linha. Em seguida, vá para a propriedade scale e verifique este link aqui e, em seguida, cole no quadro-chave desse retângulo de fundo. A mesma coisa com essas linhas aqui, vá para a escala e verifique isso, cole nos quadros-chave. Este também, vá para Escala desmarque isso, cole no quadro-chave. Este também, desmarque a opção Escala e cole no quadro-chave. Agora, se colapsarmos todas essas camadas, vamos ver o que temos, sem qualquer compensação, tudo está acontecendo ao mesmo tempo, tudo está saindo ao mesmo tempo. No entanto, isso não é o que queremos, o que queremos é compensar essas camadas para que tenhamos um efeito de acompanhamento. Primeiro de tudo, vamos tentar encontrar as estrelas, então esta é a primeira linha. Se pensarmos bem, quero este fundo retângulo branco vindo primeiro e depois quero este círculo vindo primeiro. Quando o círculo entrar, quero que a linha azul entre e depois da linha azul, quero que todas essas estrelas entrem. Esta camada 39, é a primeira estrela e então eu quero que as estrelas se deslocem por um, dois, três, talvez três quadros para cada camada. Um, dois, três, apenas deslocar as estrelas por três quadros. Depois de todas as estrelas, temos as duas linhas ali na parte inferior, apenas para compensar as linhas ali, então a primeira linha entra e, em seguida, a segunda linha entra e a terceira linha entra. Isso deve ser tudo, vamos dar uma olhada na animação. Isso é o que temos aqui, a animação para esta revisão. Neste exemplo, eu também estava usando muitos dos mesmos quadros-chave, apenas copiando e colando nas camadas e, em seguida, deslocando os quadros-chave, ou deslocando as camadas para obter um efeito de sobreposição para tornar essa animação mais interessante. Então esse é outro exemplo de como você pode aplicar o acompanhamento. Agora, já que terminamos esta parte da animação, é muito fácil aplicar esta parte da animação a estas duas partes aqui. Deixe-me mostrar-lhe rapidamente como fazer isso. Vamos selecionar todas essas camadas aqui e depois pré-compor. Comando Shift C, renomeie para Revisão 1. Esta é a nossa Camada de Revisão 1 com toda a animação. Agora o que podemos fazer é apenas ir para o painel do projeto e seguida, duplicar esta camada no painel do projeto, Comando D, para obter uma revisão 2 e, em seguida, duplicar outra, Comando D novamente, Revisão 3. Agora temos três camadas de revisão diferentes com animação semelhante. Posso arrastar esta Revisão 2 do painel do projeto para a minha linha do tempo aqui. Este vai ser o meu comentário 2 e, em seguida, o meu comentário 3, eu posso arrastá-lo de volta para a linha do tempo e este vai ser o meu comentário 3. A próxima coisa que eu quero fazer, eu vou apenas esconder todos estes também, eu quero encontrar essas duas imagens de perfil e, em seguida, soltá-lo na composição Review 2 e Review 3 para substituir a imagem do perfil da mulher. Esta Camada aqui, esta é a Cabeça 3, isso é apenas o Comando X, corte-a desta composição, vá para a Revisão 3, Comando V, cole-a. Certifique-se de que temos o ponto de ancoragem aqui no centro. Arraste-o na mesma posição que apenas cobrindo o perfil da garota e depois o que eu quero fazer, basta copiar os quadros-chave no perfil da garota para este aqui, colá-lo e podemos esconder o perfil da garota. Agora devemos ter um perfil do cara aqui. Vamos voltar para a composição principal novamente, encontrar o segundo perfil aqui e, em seguida, cortá-lo desta composição, ir para Revisão 2, colá-lo, colocá-lo em cima do perfil da menina, certifique-se de que o ponto de ancoragem é no centro aqui e, em seguida, apenas alinhar as camadas com a camada perfil da menina. Aperte U para os quadros-chave, Comando C e depois Comando V. Agora posso esconder a das meninas. Agora temos outra crítica, vamos voltar para a demo. Ligue esses dois e se eu esconder todos esses elementos aqui, basta esconder todas essas duas camadas e então vamos visualizar a animação. Outra coisa é, eu não quero que essas três críticas entrem ao mesmo tempo, então eu preciso compensar as três críticas novamente, assim como eu compensava as estrelas. Pré-visualize isso. Olha só, parece que toda a animação é bastante complexa. No entanto, não é tão complexo porque eu sou principalmente apenas copiar e colar toda a chave. Eu sei que esses comentários são diferentes do storyboard anterior, ainda precisamos mudar a cor dessas linhas e, em seguida, mudar um par de estrelas para garantir que essas três pessoas têm três avaliações diferentes, mas isso é essencialmente a idéia de como usar quadros-chave de deslocamento para tornar sua animação mais interessante. Minha tarefa para você é pegar este arquivo de projeto, você pode reanimar essas críticas se quiser e, em seguida, terminar toda essa cena para animar todos os outros elementos. Esta vai ser uma peça muito bonita para o seu portfólio, ou você pode usá-la para praticar seu ofício, algo que você aprendeu nessas lições. Esta vai ser uma bela peça para você. Você também pode compartilhá-lo comigo e eu estou ansioso para ver o que você vem acima com. 30. Demonstração da ação de acompanhamento 4: Aqui está a nossa demonstração final de acompanhamento. Ainda não vou animar a coisa toda. Não quero torná-lo muito complicado, eu só quero explicar a idéia de seguir através e você pode pegar meu projeto, este arquivo de projeto, e depois terminar por conta própria. Basta usar as coisas aprendidas na lição anterior para tornar esta peça mais interessante e algo que você pode colocá-la em seu portfólio ou mostrá-la para seus amigos ou familiares. Só quero animar esta parte do meio aqui. Eu tenho esta barra amarela e depois eu tenho uma caixa aqui, uma linha de animação, e depois a linha feliz. Primeiro, o que eu quero fazer é animar esta barra, disparando hit P para posição, clique com o botão direito do mouse em dimensões separadas. Eu só quero animar na posição Y. Basta ir para o zero segundos e, em seguida, ir para 15 quadros. 10, um, dois, três, quatro, cinco, adicionando um quadro-chave da posição Y. Este vai ser o estado final do nosso bar e depois voltar para zero segundo, arrastá-lo para baixo. Algo assim. Em seguida, selecione ambos F9. Fácil facilidade, vá para o editor de gráficos. Certifique-se de que estamos no gráfico de valores. Ajuste o gráfico para ver e vá para trás três quadros para adicionar uma superação. Arraste essa superação até aqui. Certifique-se de arrastar essas alças para manipular o espaçamento. Volte para a exibição do quadro-chave. Vamos ver a animação. Woah, Woah, Woah, essa superação é demais, vamos puxar um pouco para trás, algo assim. Está bem, fixe. Outra coisa é que, desde que queremos demonstrar seguro-through e, lembre-se follow-through é a ação sobreposta em partes de um objeto e agora só temos um objeto. Como usamos o “follow through”? Para uma barra ou um bloco como este, podemos realmente usar para adicionar mais pontos nesta forma, e então podemos manipular a forma assim como nós manipulamos a forma na aula de squash e alongamento, nós também podemos manipular a forma aqui. Então, o que queremos fazer é clicar nesta seta aqui e, em seguida, ir para o conteúdo, ir para o grupo, ir para o caminho e, em seguida, adicionar um quadro-chave no caminho. Então o caminho vai ser um retângulo quando ele cair aqui, que é o estado final desta barra. Mas, em seguida, quando está animando subir, o que podemos fazer é ir para esta ferramenta caneta aqui, aqui em cima, ir para ferramenta caneta e, em seguida, escolher esta ferramenta adicionar vértice. Eu posso adicionar dois pontos neste retângulo, e então eu posso manipular a forma deste retângulo. Digamos que se eu quiser tornar este retângulo mais fino, e então arraste esses dois pontos para cima como se este centro fosse de onde a força está vindo e então o centro vai para a frente primeiro arrastando a ala esquerda e direita deste retângulo para subir. Além disso, eu quero ir usar esta ferramenta de conversão de vértice, bater nesta linha aqui, arrastar uma curva suave aqui em vez de um ângulo afiado como. Agora eu tenho uma curva aqui. Então o que eu quero fazer é quando ele vem de zero segundo, arrastar este quadro-chave de volta para zero. Deveria aparecer algo assim, e então eu também queria ultrapassar. Para os overshoots, talvez arrastá-lo de volta porque eu quero que este bar seja bem fino quando está viajando para cima e, em seguida, quando ele ultrapassar lá, eu quero este ao longo destes dois pontos para descer. Ainda preciso de uma curva aqui. Vá para cima e para baixo e depois se acomode. No entanto, quando se instala, preciso de outra ultrapassagem para ter estes dois pontos para baixo assim antes de chegar à posição final. Balança para trás assim. Em seguida, vamos clicar com o botão direito do mouse assistente de quadro-chave, fácil facilidade, vá para Editor de Já que estamos manipulando o caminho de um objeto e esse caminho não tem um gráfico de valor, para ser honesto. Nesse caso, mesmo se você estiver selecionando o gráfico de valor, ele ainda vai mostrar o gráfico de velocidade. Neste caso, não podemos mais usar o gráfico de valor, mas a boa notícia é que já aprendemos o gráfico de velocidade, então tudo o que queremos fazer é arrastar essas alças para dar à nossa animação mais velocidade. Algo assim, para lhe dar mais energia. Vamos ver o que temos aqui. Ampliar, diminuir o zoom. Vamos pré-visualizar. Agora você pode ver que nosso bar tem algum caráter para ele. Não é mais um bar chato. Tem algum caráter. É muito divertido, é interessante olhar, é como uma barra de macarrão ou algo assim. Estou feliz com esta animação. No entanto, ainda não compensei nada. No momento, a animação do caminho ainda está alinhada com a propriedade position. O que queremos fazer é que precisamos deslocar o quadro-chave para o caminho. Tudo o que precisamos fazer é arrastar o caminho para talvez dois quadros. Um, dois, vamos tentar três quadros. Arraste o caminho para a frente três quadros para que tudo seja deslocado por três quadros e isso lhe dá uma ilusão de que quando a barra aparece, há um atraso na resposta para a transformação das formas. Vamos ver o que temos agora e ver se faz sentido. Sim, dá-te uma sensação mais natural e agora podemos animar a felicidade. Este bar entra, eu quero feliz só de vir da, da direita. Basta voltar para zero segundo, acertar um quadro-chave na exposição, ir para 15 quadros, e então arrastar esta exposição final, voltar para zero, arrastar feliz para fora. Clique com o botão direito, assistente de quadro-chave, facilidade fácil O que eu quero fazer é voltar para o gráfico de valor. Eu quero adicionar em uma curva de flexibilização como esta para ter o tiro feliz em como este e, em seguida, eu quero cortar esta camada por aqui usando opção colchete esquerdo. Vamos ver o que acontece, o que parece se eu cortar as camadas de lá. Só atirando daqui. Em vez de todo o caminho da fronteira entrando no quadro. Desde que eu já cortei a camada aqui e o texto já viajou em algum lugar por aqui, mas desde que cortamos as camadas, não podemos ver. Quando a camada começa a tag já está aqui no quadro de modo que é o que queremos e agora eu só quero fazer a mesma coisa em uma demonstração anterior. Eu quero elogiar D, duplicar as camadas e, em seguida, eu quero usar uma máscara para mascarar cada letra. Assim e então eu quero deslocar os quadros-chave. Quero compensar os quadros-chave. Eu preciso ver os quadros-chave, eu preciso arrastar todos estes para frente e, em seguida, selecionar os dois quadros-chave. Apenas compensado por um quadro. Um, dois, um, dois, três, um, dois, três, quatro. Então arraste-os de volta para cá. Vamos ver o que parece. Agora, nós temos o bar que entra assim, e então, quando ele quase cai, Happy entra. Veja, isso faz sentido. Isso parece bom. Então queremos animar este esboço aqui. Quero fazer algo simples. Para este esboço, eu só queria crescer a partir de dentro. Vamos para a escala e, em seguida, desmarque este ícone unificado de escala. Agora, eu posso manipular a escala X e a escala Y individualmente. O que eu quero fazer é no 15º quadro, vai ser o estado final desta caixa. Então, desde o início, eu quero que esses valores sejam zero. Então eu quero que esta caixa apareça verticalmente primeiro para 100 por cento por aqui, e depois cresça horizontalmente se isso faz sentido. Talvez aqui apenas defina para, em vez de zero, para 20. Algo assim. Quero que a caixa apareça verticalmente primeiro e depois cresça horizontalmente. Selecione o quadro-chave três, facilidade fácil e, em seguida, vá para o Editor de gráficos, precisa adicionar em uma superação. Como este. Excesso. Vamos ver a animação. Se eu compensar isso depois que a barra amarela entrar, quando quase se acalmar, esta caixa aparece. É quando temos a linha de animação que vem de baixo. O que queremos fazer é ir para esta linha de animação e, em seguida, P para posição, clique com o botão direito do mouse em “Dimensões separadas”. Vamos animar a posição Y. Vá para 15 quadros, 1, 2, 3, 4, 5 e, em seguida, arraste este para baixo. Fácil facilidade, vá para o Editor de Gráficos, adicione uma superação. Lembre-se de arrastar todas essas alças para manipular o espaçamento, dar-lhe mais energia. Vamos ver o que temos. Acho que é muito lento. Vamos voltar ao Editor de Gráficos. Certifica-te que esta curva é mais exagerada. Então vamos ver por aqui. Vamos reduzir o tempo, aproximar esses quadros-chave um do outro. Algo assim. Depois, podemos fazer algo parecido com o que fizemos para o Feliz. Podemos mascarar cada letra nesta palavra e , em seguida, deslocar a camada para que todas elas apareçam um por um. 1, 2, 3, 4, 5, 6, 7, 8. Em seguida, selecione cada um, mascare-o. Em seguida, só precisamos compensar as camadas. Vamos mostrar todos os quadros-chave. Então eu quero mover todas essas camadas para trás ou para a frente no tempo. Quando a caixa ficar maior, quero que esses textos de animação comecem a aparecer assim. Vamos ver a animação. Agora o que precisamos é usar um Track Matte, algo sobre o qual falamos antes para cobrir tudo o que está fora dessa caixa de retângulo para que a linha de animação não apareça até entrar nessa caixa. Primeiro, eu preciso agrupá-los juntos, criar uma nova composição, pré-comp aqueles, Command Shift C, e esta vai ser a composição animadora. Em seguida, eu só preciso desenhar um retângulo aqui, do mesmo tamanho que essa caixa, e depois colocá-lo em cima da composição de animação. Agora, eu posso apenas ir para o segundo ícone aqui e ir para o Track Matte, definir esta camada em cima dela como um fosco alfa. Agora você pode ver quando a palavra está entrando na área daquele fosco alfa, que é quando a palavra está aparecendo. No entanto, você ainda pode ver um pouco do texto aqui. Preciso entrar e talvez ajustar a chave aqui em vez de 681, vamos arrastá-la até para baixo, talvez até 700. Mas agora a única questão é que eu tenho que mudá-los um após o outro. Eu não posso mudá-los todos ao mesmo tempo porque eles já estão todos compensados. Preciso entrar em cada quadro-chave e mudá-lo para 700. Vamos voltar para a composição principal. Vamos pré-visualizar a animação. Preciso fazer essa animação de caixa um pouco mais lenta, porque agora parece muito abrupta. Vamos ver. Vamos pré-visualizar isso. Vamos pré-visualizar a animação. Isso é o que temos. É muito divertido e feliz, eu acho. Esse é outro exemplo de como você pode aplicar o acompanhamento à sua animação. Eu quero que vocês peguem este projeto e talvez animem o resto da cena vocês mesmos, ou talvez mudem alguns dos textos aqui que eu tenho e façam o seu próprio para que vocês possam ter algo bonito para o seu portfólio. Isto é para acompanhar. Espero que tenha aprendido tudo e agora possa explorar por conta própria. Pegue meu arquivo de projeto e comece a praticar alguma animação. Boa sorte. 31. Animação secundária explicada: Nesta lição vamos falar sobre outros segredos de gráficos de movimento, que é animação secundária. Quando falamos de animação secundária, é difícil explicar. É tudo o que não é necessário para contar histórias. Significando que algumas dessas faíscas que você vê em alguns desses trabalhos de animação, eles são animação secundária, então hoje aqui eu quero mostrar a vocês três exemplos que eu encontrei na Internet, e esses três vídeos explicativos de diferença, Todos eles têm um monte de animação secundária dentro deles. Eu só quero mostrar-lhe e dar-lhe uma idéia do que é e como você pode explorar por conta própria, porque há tantas maneiras diferentes de pensar sobre animação secundária, vai fazer sua animação olhar mais polido e mais profissional, ele vai dar a sua história mais de um personagem para ele, então, sem mais delongas, vamos dar uma olhada. O cenário selvagem do marketing digital está sempre mudando, evoluindo a uma velocidade que diz surpreendente como é emocionante. A única constante neste mundo imprevisível é que você é a pessoa que tem que navegar nele. por isso que construímos a Escola de Voo do Twitter. Twitter Flight School é uma experiência de aprendizado dinâmica projetada para ajudar você a criar as melhores maneiras de integrar o Twitter em seu trabalho Não importa o que você esteja usando, é um recurso ao qual você pode voltar e manter a cabeça das curvas digitais e construímos totalmente conscientes de como você está ocupado, concentrando-se apenas nas coisas que você precisa saber e dando-lhe treinamento prático através de uma série de cursos personalizados projetados para levá-lo rapidamente a partir daqui, para o lado mais distante da inovação, você aprenderá fazendo, imerso em uma vasta biblioteca de recursos e simulações, hackeado com dados, pesquisas e ferramentas do mundo real. À medida que você cresce, você desbloqueará conteúdo exclusivo que pode ser colocado diretamente em suas apresentações e compartilhado com as principais partes interessadas. escola de vôo não requer um grande compromisso de tempo. Você passará por cursos interativos no seu próprio ritmo, online ou até mesmo no seu telefone, faça o check-in sempre que tiver alguns minutos. Quando você estiver pronto para transformar conhecimento em know-how e não conseguir mais resistir ao desejo de voar, vá até a Twitter Flight School e pegue voo. Tudo bem, neste exemplo você pode ver quando falamos sobre animação secundária, por exemplo, esta cena aqui, você pode ver a trilha desses aviões de papel. Essas trilhas são animação secundária porque essas trilhas não são necessárias para ajudar com sua narrativa, mas elas estão lá para dar mais um apelo visual à nossa animação e para aprimorar sua animação. É por isso que eles estão lá, e é por isso que é um dos segredos dos gráficos de movimento modernos para adicionar animação secundária ao seu trabalho para que seu trabalho pareça mais polido e mais profissional. Se saltarmos para a frente, você pode ver essas trilhas. Só vai adicionar mais apelo visual a toda a peça. Mesmo estes círculos aqui, eles são muito sutis, eles são animados e às vezes você mal os vê. Eles só duram na tela por alguns segundos, mas isso vai adicionar mais apelo visual à animação. Olhe para essas trilhas aqui, há tantos tipos diferentes de trilhas aqui, e essas são animações secundárias. Esta cena final aqui com avião de papel subindo todas essas trilhas, e essas trilhas são todas simétricas, e essas duas são iguais. Há três tipos de trilhas, e essa é a primeira peça que quero compartilhar com vocês. Agora vamos para o segundo. Basta prestar atenção à animação secundária nesta peça também. Sim, aproveite. [ MÚSICA] Esta peça é super divertida aqui, e você pode ver que tem muita animação secundária, todas essas faíscas aqui, as linhas aqui e os rabiscos ali, especialmente com o trompete visto por aqui. Todas essas formas, linhas ali, são animação secundária. Quando o cão pousar aqui, tem esta forma estourada aqui como uma animação secundária. Tão generoso falando, esta, esta peça tem um monte de grande animação secundária, e eu só quero que você comece a pensar sobre animação secundária em seu projeto e pense em como você pode aplicá-los em seu próprio trabalho para torná-lo mais visualmente atraente. Então essa é outra peça que quero compartilhar com você. Esta peça é feita pelo grande estúdio de movimento Formigas Gigantes. Vamos ver outra peça aqui. Manter seus aplicativos existentes está custando tempo e dinheiro? Sem mencionar sua sanidade. Seu software está inchado com patches e soluções temporárias? Suas estruturas ultrapassadas são ineficientes, improdutivas e correm o risco de uma violação de segurança? Parece que é hora de considerar a modernização de aplicativos. Reimagine seus sistemas legados com os recursos e funcionalidades mais atualizados, sua equipe gastará menos tempo em manutenção, diminuindo seus custos operacionais, enquanto seus clientes serão reenergizados pelo usuário ininterrupto experiência. Mais importante ainda, você vai se destacar da concorrência. Um aplicativo moderno criado para atender às necessidades exclusivas de sua empresa, não é meramente um ativo aqui, é o seu negócio. Então, como o Whitecap pode ajudá-lo a modernizar seus aplicativos? Em suma, aproveitando uma ou mais das três estratégias a seguir. Substitua, desenvolvendo um novo aplicativo desde o início para atender às suas necessidades de negócios em constante mudança. Reconstrua, recrie seu aplicativo atual usando as linguagens de programação mais recentes, além de adicionar recursos modernos para melhorar significativamente a experiência do usuário. Rehospede, migre seus aplicativos para a nuvem para melhorar a escalabilidade e, ao mesmo tempo, reduzir a complexidade e os custos de suporte. Pronto para reimaginar o seu negócio. Whitecap pode avaliar seus aplicativos existentes e recomendar uma estratégia de modernização para ajudar a atingir seus objetivos de transformação digital. Visite-nos em whitecapcanada.com para começar. Tudo bem, você pode dizer que esta peça tem um monte de grande animação secundária também. Sempre que há um contato, você pode ver quando a mão clica no botão lá, há uma animação secundária, a explosão e então há uma cena de redemoinho aqui, e há contato, há explosão de linha, Algumas rajadas de linha ali. O bom é que, para esta explosão de linha, você pode apenas criá-la uma vez como uma composição em seu projeto, e toda vez que você precisar de algum tipo de contato, animação secundária, você pode simplesmente pegar essa composição e soltá-la em sua linha do tempo. Basta continuar reutilizando a mesma animação secundária, é muito fácil, e assim você pode ver todas essas linhas de círculo ali. Tudo bem, então é basicamente isso neste vídeo. Eu só queria mostrar o que é animação secundária, e rapidamente, e apenas fazer você pensar sobre isso para que no futuro você possa aplicar essas técnicas em seu próprio trabalho para fazer sua animação parecer mais polida e profissional. É isso com esta lição. 32. Como animar como um herói: Muito bem, pessoal, aqui está o nosso projecto final. Finalmente chegou. Como você pode ver, eu já tenho uma configuração de arquivo do After Effects para você, e esta é a composição final de atribuição aqui. Dentro da composição de atribuição final, temos muitos elementos diferentes aqui em sua própria camada separada para que você possa animar cada um individualmente. O que eu quero que você faça com este projeto é aplicar tudo que você aprendeu nesta aula. Lembre-se de todos os princípios de animação que estávamos falando: o squash e o alongamento, o acompanhamento, a antecipação, overshoots, animar com gráfico de valor e gráfico de velocidade, e ter em mente o seu tempo e espaçamento, tudo isso. Quero que aplique tudo o que aprendeu tanto quanto puder para animar esta cena aqui. Esta é uma cena muito bem projetada, que você possa tratá-la como uma cena em branco e como esses elementos entram na cena. Talvez o candeeiro vindo da direita, ou talvez caia do topo. Não precisa ser realmente realista. Quero que exagere um pouco do movimento, algumas das animações. Talvez a lâmpada possa esmagar e esticar quando cai do topo e, em seguida, talvez a lâmpada também possa até saltar um pouco. Como esses pequenos elementos aqui na parede, quando eles entram, eles podem saltar também, eles não têm que pousar diretamente sobre este trilho de parede. Esta luz de teto, talvez possa oscilar para frente e para trás, da esquerda para a direita. Todas essas folhas aqui, talvez você possa dobrar um pouco. Há um sofá, talvez ele venha com uma superação e tudo mais. Eles não entram ao mesmo tempo, você pode pensar em seguir adiante. Todos esses princípios de animação que aprendemos até agora, você pode aplicá-los. Talvez se você acabou de começar e você não consegue se lembrar de todos eles, você pode fazer uma lista de verificação. Cada vez que você estiver animando um elemento, pense em todos esses princípios de animação, na lista de verificação que você tem, e veja qual deles na lista de verificação você pode aplicar ao elemento específico que você está animando momento. Só quero que se divirta com esta tarefa final. Este vai ser um ótimo exercício para você se familiarizar com todos os princípios de animação que falamos até agora. É muito importante lembrar de tudo isso, porque quando você está fazendo seu próprio projeto ou trabalhando em um projeto do mundo real, você vai precisar desses princípios de animação para dar vida às suas animações. Outra coisa é, eu não quero que você se limite à cena que eu montei aqui, esta ilustração que eu criei aqui como um projeto final. Se você é talvez um ilustrador ou designer gráfico e você já sabe como configurar uma cena bonita e você só quer começar com gráficos em movimento, você também pode animar qualquer um de seu próprio trabalho, algo que você está orgulhoso, e algo que você está animado. Se você tem uma bela peça de ilustração que você deseja animar como seu projeto final, você pode fazer isso também. A idéia é praticar o que aprendemos até agora nesta aula e ser capaz de aplicá-los em uma única peça e animá-lo como uma animação profissional totalmente polida, que você possa colocá-lo em seu carretel demo para lançá-lo ao seu cliente. Espero que te divirtas a animar esta tarefa final, e mal posso esperar para ver o que arranjaste. Não se esqueça de compartilhar comigo seu projeto final. Estarei aqui para ajudá-lo ao longo do caminho para lhe dar feedback ou comentários para ajudá-lo a melhorar. Boa sorte. 33. Parabéns! O que vem a seguir?: Em primeiro lugar, quero parabenizá-lo por terminar este curso. Não é uma aula fácil, mas agora você conseguiu. Tem sido incrível ensiná-lo durante o último período de tempo, e espero que você tenha um monte de conhecimento fora deste curso e você esteja animado para assumir o que vier a seguir. Você ainda pode estar trabalhando em algumas das tarefas, espero que esteja porque a melhor maneira de manter esse conhecimento é através da prática, e é doloroso, eu sei, mas todos nós já estivemos lá. Não se esqueça de compartilhar sua tarefa comigo e com seus colegas alunos para obter feedback e encorajá-los uns aos outros. Espero que você tenha se divertido muito fazendo este curso, e se você puder tomar um minuto para me escrever um comentário, seria realmente apreciado. Eu também tenho alguns outros cursos de animação que você pode verificar se você está interessado. Espero que esses princípios e segredos o ajudem imensamente, pois me ajudaram, e se tiver alguma dúvida sobre o curso, estarei aqui para ajudá-lo. Muito obrigado por fazer o curso. Feliz animação.