Animação geométrica avançada com afrouxamento e física

1. Apresentação: Olá, sou a Home Shoe e sou designer de movimento no Canadá. Eu uso o Adobe After Effects há quase dez anos e ensino design de movimento on-line há mais de quatro anos. Trabalhei em marcas como Adidas, PayPal, Walmart, 711, My More e também tive a honra de ensinar mais de 50.000 estudantes em todo o ensinar mais de 50.000 Minha paixão está em ajudar designers a descobrir o mundo empolgante da animação e do design de movimento. Tornando o processo de aprendizado fácil, divertido e eficaz para ajudar os iniciantes a embarcar nessa jornada criativa e gratificante Neste curso abrangente, mostrarei todo o processo de criação dessa animação dinâmica em loop geométrica com movimentos vigorosos com movimentos vigorosos Vou te mostrar os bastidores, passo a passo, de tudo o que você precisa saber para criar uma animação como essa. Você já deve ter visto muitas animações cativantes como essas nas redes sociais e se perguntar como elas alcançam tanta complexidade Se você está ansioso para aprimorar suas habilidades, se destacar no setor, você veio ao lugar certo Eu vou equipá-lo com todas as ferramentas e conhecimentos essenciais que você precisa para dominar o estilo dinâmico de animação Observe que este não é um curso para iniciantes, para obter os melhores resultados uma sólida compreensão do O Aftereffects e necessária uma sólida compreensão do O Aftereffects e dos princípios básicos de animação Vamos mergulhar diretamente em técnicas e conceitos avançados. Então, se você é novato em design de movimento, eu recomendo que você confira primeiro nossos cursos de animação focados em iniciantes Quando você se sentir confortável com o básico, eu o encorajo a retornar a esta aula e desenvolver suas habilidades Então, para a aula, iniciaremos o curso explorando onde encontrar inspiração para movimentos de animação e storyboards Entender como reunir ideias é crucial, pois estabelece a base do nosso processo criativo. Vou orientá-lo no estabelecimento diretrizes eficazes e no planejamento sua animação usando a hierarquia Garantindo que você não se sinta sobrecarregado ao navegar pelas complexidades de um seguir, abordaremos os fundamentos do gráfico de velocidade com alguns exemplos para familiarizá-lo com os conceitos antes de passar para movimentos mais complexos Essa base permitirá que você manipule a velocidade e o tempo de forma eficaz, um aspecto crítico da criação de uma animação envolvente O cerne deste curso é nosso projeto avançado de animação. Aqui está um vislumbre do que abordaremos no curso. Abordaremos como estabelecer as principais ações que impulsionam sua animação, como criar profundidade por meio da animação de fundo, como adicionar complexidade à interação entre elementos, como estilizar a cena para aumentar o impacto visual, tornar sua animação vigorosa e cheia de energia, como incorporar movimentos secundários sutis para adicionar realismo e aprimorar as principais ações que impulsionam sua animação, como criar profundidade por meio da animação de fundo, como adicionar complexidade à interação entre elementos, como estilizar a cena para aumentar o impacto visual, como tornar sua animação vigorosa e cheia de energia, como incorporar movimentos secundários sutis para adicionar realismo e aprimorar sua animação suas cenas, como criar transições suaves e eficazes, como guiar intencionalmente os olhos de seus espectadores e criar impacto visual, como usar plug-ins gratuitos e pagos para economizar tempo e tornar seu fluxo de trabalho mais Como abordar um grande projeto como esse e descobrir a prioridade de trabalhar em uma coisa vez sem ficar tão sobrecarregado Também abordaremos tópicos mais avançados, como explorar animações em três D completas e três D reais no After Effects para expandir suas possibilidades criativas. Como criar animações complexas e coordenar vários elementos para uma narrativa visual coesa, como aplicar a física do mundo real para criar movimentos realistas que ressoem com seus espectadores, como obter precisão em sua animação dominando como obter precisão em sua animação Permitindo que você controle o movimento com precisão, vários atalhos de teclado e técnicas que os animadores da temporada usam diariamente para aumentar sua eficiência e criatividade Este curso é seu guia definitivo para animação em ritmo acelerado, repleto de informações e técnicas valiosas projetadas para elevar suas habilidades ao nível profissional Se você se dedica a se envolver com o material e concluir as tarefas, prometo que verá resultados incríveis Ao final deste curso, você emergirá como um animador mais confiante, pronto para enfrentar projetos sofisticados que desafiam sua criatividade Eu incluo este curso com tudo o que eu gostaria de ter acesso quando estava começando, fornecendo uma visão perspicaz dos bastidores de uma animação em ritmo acelerado Não é uma jornada fácil, mas se você estiver pronto para aceitar o desafio e crescer como animador, estou empolgado em ver você na aula Juntos, vamos liberar seu potencial e prepará-lo para futuras oportunidades no mundo dinâmico do design de movimento. Vamos começar, e mal posso esperar para ver você na aula. 2. Inspiração: Bem-vindo à aula. Nesta lição, quero falar sobre inspiração e onde me inspirar. Se você está com dificuldades para encontrar inspiração para seu próximo projeto, não se preocupe. Eu tenho tudo o que você precisa. Neste vídeo, mostrarei como usar alguns recursos gratuitos para encontrar sua inspiração. Primeiro, vamos falar sobre o Pinterest. O Pinterest é uma plataforma incrível para descobrir e organizar ideias visuais. Veja como você pode usá-lo de forma eficaz para design de movimento. Comece digitando uma palavra-chave relacionada ao seu projeto, como design de movimento, animação, molduras de estilo ou tipografia cinética O Pinterest oferece muitos quadros de pinos e pinos que mostram uma variedade de estilos Não navegue sem rumo, crie seus próprios painéis para organizar suas descobertas Você pode criar quadros para diferentes aspectos de seus projetos, como esquemas de cores, tipografia ou técnicas de animação Isso ajudará você a manter tudo organizado e acessível. Em seguida, vamos dar uma olhada no B Hands. Hands é uma plataforma fantástica onde designers e artistas profissionais exibem seus portfólios É uma mina de ouro para trabalhos de alta qualidade e ideias inovadoras. Pesquise projetos de design de movimento usando palavras-chave específicas ou navegue pela seção de design de movimento. Behance permite que você veja detalhamentos detalhados do projeto, que podem fornecer informações sobre o processo criativo e os bastidores Não se esqueça de seguir criadores cujo trabalho ressoa com Dessa forma, você receberá atualizações sobre seus projetos mais recentes e se inspirará em seus estilos em evolução que diz respeito a esse estilo específico que estamos ensinando neste curso, a animação geométrica em ritmo acelerado, devemos mencionar que Austin, do trabalho de Ra V. Austin , é um recurso fantástico Suas animações não são apenas visualmente deslumbrantes, mas também mostram técnicas sofisticadas que podem realmente elevar seus próprios projetos Dê uma olhada nesta animação de Austin. O movimento fluido e o uso inovador de cores e formas são uma ótima fonte de inspiração. Observe como ele usa o movimento para guiar os olhos do espectador e criar uma experiência visual dinâmica. Dividir trabalhos como esse pode fornecer uma visão sobre técnicas de animação eficazes, que você pode adaptar e incorporar ao seu próprio design. Nosso projeto neste curso é fortemente inspirado pelo trabalho de Austin, e ele tem muitos conteúdos excelentes que você pode conferir em seus canais de mídia social. Por fim, gostaria de apresentar a você nossa própria comunidade de círculos de movimento Estamos empenhados em explorar e compartilhar as mais recentes técnicas e inspirações de animação por meio de nosso canal no YouTube e do grupo Disco Se você está empolgado em permanecer na vanguarda da animação e levar suas habilidades para o próximo nível, visite motion circles.com, nossa ampla variedade de cursos o guiará de iniciante a especialista Com mais de 50.000 estudantes treinados, nossos cursos são a maneira mais rápida e eficaz se tornar um animador profissional Além disso, explore nosso mercado de After Effects, onde melhores designers de movimento oferecem arquivos de projeto avançados para compra, ajudando você a aprimorar suas habilidades e aprender com os melhores do setor. Então aí está, seja mergulhando em busca de inspiração visual, explorando Bhands em busca de um trabalho de alta qualidade, explorando Bhands em busca de um trabalho de alta qualidade, interagindo com a comunidade e os recursos do Motion Circles ou conferindo exemplos incríveis como o trabalho de Austin na Esses recursos ajudarão você a encontrar as inspirações necessárias para seu próprio projeto e criar seu storyboard exclusivo para a próxima animação Tudo isso com inspiração. Te vejo no próximo vídeo. 3. Planejamento de animação: Venha para esta lição sobre planejamento de animação. Trabalharemos com nosso storyboard de pré-design, que se inspira nos designs de Pinch e na animação criada por Austin a Juntos, analisaremos o storyboard para identificar a animação que podemos implementar e como dar vida às nossas ideias Para criar animações atraentes, vamos abordá-las com uma hierarquia clara Isso nos ajuda a priorizar nossos esforços e garantir que cada aspecto da animação apoie a visão geral A hierarquia é a principal ação, reação, estilização Vamos examiná-los um por um. Primeiro, vamos falar sobre a ação principal. Nossa principal prioridade é estabelecer a animação do objeto principal na cena. Por exemplo, em nosso primeiro storyboard, o círculo central é o ponto focal Queríamos entrar na cena por um lado e depois fotografar para o centro com energia, empurrando o quadrado para o lado enquanto ele se move Depois dessa interação dinâmica, tanto o círculo quanto o quadrado saltamos juntos. Essa sequência estabeleceu a ação principal e chama a atenção do espectador para os elementos do primeiro plano, preparando o cenário para o resto da animação Às vezes, não temos apenas a ação em primeiro plano, mas também a ação em segundo plano E nesta primeira cena, também teremos uma animação de fundo em grade como ação em segundo plano para acompanhar o primeiro plano A próxima hierarquia é a reação. Vamos nos concentrar em como os diferentes elementos da cena interagem entre si. A reação é crucial porque adiciona realismo e profundidade à animação Por exemplo, quando o círculo empurra um quadrado, essa é uma reação posicional Também podemos aprimorar isso incorporando a reação de escala, o quadrado se expande em tamanho com o impacto, criando um sinal visual de força, e podemos até mesmo explorar a reação de cores, onde o quadrado muda de cor o quadrado muda de cor momentaneamente à medida que reage Ao considerar esses quatro aspectos, posição, escala, rotação e cor, podemos criar uma animação dinâmica rica que parece envolvente e sofisticada. O próximo passo é a estilização. Depois de estabelecermos nossa ação e reação, podemos passar para a estilização É aqui que adicionamos o brilho real que torna nossa animação visualmente impressionante Neste projeto, experimentaremos animações coloridas e graduadas, utilizando uma paleta de cores vibrantes para chamar a atenção, e também aproveitaremos a repetição, como repetir elementos em uma cena, para criar uma sensação de ritmo e aumentar o impacto de nosso visual. A incorporação de animações secundárias, como a explosão desses círculos, animações secundárias, como a explosão desses círculos desses animações coloridas e graduadas, utilizando uma paleta de cores vibrantes para chamar a atenção, e também aproveitaremos a repetição, como repetir elementos em uma cena, para criar uma sensação de ritmo e aumentar o impacto de nosso visual. A incorporação de animações secundárias, como a explosão desses círculos, que enfatizam os movimentos, elevará ainda mais o efeitos gerais. Técnicas como squash e stretch darão mais personalidade aos nossos elementos principais, fazendo com que se sintam vivos e sigam a personalidade Lembre-se de que a estilização é uma terceira prioridade. Precisamos primeiro estabelecer as ações e reações fundamentais as ações e reações fundamentais para evitar ficar tão sobrecarregados com a complexidade do projeto E a última coisa na hierarquia é a transição. Embora as transições sejam a quarta prioridade na lista, elas devem estar sempre em sua mente enquanto você anima Uma transição bem elaborada pode melhorar significativamente o fluxo entre as cenas Se você se inspira em uma animação de captura de olhos ou apenas faz cortes de fósforos simples, mas eficazes Planejar essas transições é essencial para criar uma experiência coesa Neste projeto, usaremos principalmente cortes de fósforos. Por isso, é importante pensar em como cada cena se relacionou perfeitamente Reservar um tempo para planejar essas transições ajudará você a criar projetos finais sofisticados Esta lição serve como uma diretriz abrangente para nossa abordagem a projetos complexos de animação Ao dividir o processo em etapas claras, facilitamos a compreensão e a execução. Então, à medida que prosseguirmos demonstrarei como aplicar esses princípios de ação, reação, estabilização e transição em nossa animação Garantindo que você se sinta confiante e preparado para iniciar um projeto de animação tão complexo. Vamos passar para o próximo vídeo e dar vida às nossas ideias. 4. Noções básicas de gráfico de velocidade: Vamos examinar quatro exemplos diferentes e mostrarei como o gráfico de velocidade funciona e como vamos usá-lo para obter o movimento exato que queremos. Primeiro, vamos ver essa composição saltitante. Essa é a nossa animação. Você pode ver que temos uma bola que está saltando desta plataforma e depois atirando para o outro lado Se formos ao editor gráfico e mostrarmos o gráfico da animação da bola, essa é na verdade a curva saltitante que temos Em termos do gráfico de velocidade, temos dois eixos, o eixo x será nossa linha do tempo e, em seguida, o eixo y é na verdade a velocidade do objeto ou dos elementos Então, é velocidade contra o tempo. Se olharmos para o primeiro ponto aqui e o colocarmos neste ponto , diz zero pixels por segundo. A velocidade é na verdade zero, quando o ponto está totalmente na parte inferior, e quanto maior o ponto, mais rápida será a velocidade. Nesse caso, temos essa bola aqui da velocidade zero, atirando bem rápido, quase a 15.000 pixels por segundo, e depois atingindo essa plataforma e saltando para Então, essencialmente, quando estamos fazendo uma animação de salto, espera-se que uma curva como essa seja simétrica porque a energia está sempre fluindo quando é refletida em uma superfície Basicamente, na primeira parte, estamos aumentando a velocidade da bola porque ela está caindo, caindo do céu ou como se alguém jogasse a bola, está ganhando velocidade e, quando atinge a plataforma, a energia será transferida para a outra direção Então, vamos ter uma curva de gráfico de velocidade simétrica que mostra você indo para a outra direção e perdendo velocidade lentamente à medida que a bola sobe Então, a chave aqui é a energia. Quando pensamos na animação ou no gráfico de velocidade, precisamos manter a energia quando ela está saltando Então, deixe-me mostrar como animamos essa curva de salto aqui. Deixe-me copiar a plataforma e a bola. Vamos para a competição principal. Vou demonstrar aqui e, em seguida, deixe-me excluir todos os quadros-chave Temos a plataforma aqui, temos a bola aqui. Vamos adicionar uma propriedade de posição em 0 segundos e depois avançar, talvez dez quadros. Temos a bola batendo nessa plataforma e, em seguida, rodando dez quadros novamente, pulando para fora da plataforma, saindo Se não fizermos nenhuma flexibilização, essa é na verdade a animação No entanto, não é isso que queremos. Não é natural. Então, o que precisamos fazer é clicar novamente no assistente de quadros-chave Easy Ease E essa é uma flexibilização padrão. No entanto, não vai funcionar porque não parece natural. O que precisamos fazer é clicar nesse botão, chamado editor de gráfico, e depois clicar no segundo botão aqui, certificar-se de selecionar o gráfico de edição B aqui. Tudo o que fazemos neste curso é baseado no gráfico de fala, então estamos usando o gráfico de fala apenas para animar tudo neste curso E podemos usar esse botão aqui para ajustar o gráfico a ser visualizado. Se estamos pensando em física, essa bola está sendo lançada por alguém ou está simplesmente caindo, caindo livremente do céu. Portanto, a bola deve ganhar velocidade, e a velocidade deve estar ficando cada vez mais rápida. Então, nesse caso, vamos simplesmente arrastar essa alça para a direita para torná-la 100% de influência. E então vamos arrastar essa, talvez dar a ela uma influência de 15%. Então, vamos alcançar a velocidade máxima aqui. E lembre-se do que dissemos sobre a curva saltitante, ela precisa ser Então, precisamos cavar essa alça para a esquerda e arrastá-la até 100% de influência, fazendo com que ela fique em torno de 15% novamente. Assim, você pode ver uma curva quase simétrica, que significa que a energia é transportada após o salto Então, a chave aqui, como eu disse, é energia, precisamos manter a energia quando o objeto está saltando Com uma curva como essa, você pode dizer que a energia é mantida, é transferida, não é perdida. Então, temos a animação depois de modificarmos a curva, vai ser assim. É bem rápido. É bem rápido. Podemos ter mais tempo, se quisermos. Mas você entendeu que, essencialmente, esse é o tipo de curva que precisamos em uma situação de salto Precisamos de uma curva como essa. Quase simétrico para manter a energia. E com nosso exemplo, eu também animo a posição da plataforma para que ela interaja com a bola quando ela está sendo atingida Vamos fazer muitas animações saltitantes no Então, lembre-se de que essa curva aqui que estamos usando para o salto terá curvas quase simétricas aqui para garantir que a energia garantir que a E isso é para o primeiro exemplo, exemplo de salto. Vamos para a segunda composição. E neste, vamos mostrar como fazemos os cortes de fósforos. Então, estamos usando o match cut para quase todas as nossas transições dentro do curso Então, eu quero te mostrar como funciona o corte de fósforos. Vamos dar uma olhada nesse exemplo aqui. Temos esse círculo, que está na cena um. Suponha que esse círculo seja toda a cena que temos na cena um, e então a segunda cena seria esse quadrado. Então, para cortes de fósforos, basicamente, temos um movimento semelhante entre as duas cenas, e então estamos cortando entre essas duas cenas, e isso dá a ilusão de que algo é quase como se uma mágica estivesse e isso dá a ilusão de que acontecendo Se olharmos para a curva aqui, para a primeira cena, no final da cena um, sempre fazemos uma curva de atenuação extrema, uma é cortar fósforos saindo Portanto, sempre exercemos 100% de influência no lado esquerdo e, em seguida, 0% de influência no lado direito. Portanto, temos uma curva de flexibilização extrema saindo. E então, para a segunda cena, se olharmos para a posição, sempre fazemos uma curva de atenuação extrema no outro lado Vamos fazer 0% de influência na esquerda e depois 100% na direita. Então, basicamente, quase como uma curva saltitante que você vê agora, mas estamos levando tudo ao extremo, porque se mostrarmos os dois gráficos juntos, tornaremos apenas um movimento exato, animação, o que você quiser chamar, para que nossa transição seja que nossa transição Porque neste momento, deveria ser uma transição ou um corte entre dois objetos. No entanto, estamos tendo a velocidade exata, ou estamos atingindo a velocidade máxima para esse movimento, e então estamos carregando a energia por todo esse movimento. Então, o movimento é muito suave, mas estamos cortando entre duas costuras diferentes. Então, esse é um corte de fósforo sobre o qual eu quero falar. Deixe-me mostrar como fazemos isso. Vamos apenas copiar os dois semes, ir para a composição principal Vamos excluir o último exemplo que tivemos. E então também vamos excluir todos esses. Digamos que temos dois objetos aqui. Isso é bom. E então vamos primeiro animar a propriedade de posição desse círculo Vamos fazer com que o círculo se mova para baixo. Vamos usar 410 quadros, o círculo se mover para baixo. Daqui até aqui. E então também teremos esse quadrado se movendo para baixo. A praça está se movendo para cá. Então, vou mover o quadrado para frente. E então isso é um ponto de corte. Eu vou cortar o círculo aqui. Então, basicamente, quando o círculo vem aqui, é aqui que eu vou começar com meu quadrado, e então o quadrado vai descer aqui. Então essa é a animação que temos para os cortes de fósforos. Se eu não adicionar nenhuma flexibilização, isso é realmente o que está acontecendo Eles estão fazendo exatamente o mesmo movimento, no entanto, estamos intercalando. E agora vamos adicionar alguma curva a ela. Clique novamente, clique no assistente de quadro H, fácil de usar, e depois vamos para o teclado de fala. Ajuste o gráfico para ser visualizado em termos da primeira cena porque ela está saindo, então precisamos de uma curva de atenuação extrema para a direita Então, empurre a alça esquerda para 100% e, em seguida, empurre a alça direita para 0%. E então, para a segunda cena, aperte a posição. Também precisamos primeiro clicar com o botão direito do mouse, assistente de quadros-chave, facilitar e, em seguida, ir ao editor gráfico, pressionar a alça esquerda totalmente para a esquerda até 0% de influência e, em seguida, a alça direita tem 100% de influência E agora, se eu mostrar os dois quadros-chave, as duas camadas, você pode ver que essa é a curva que temos, e se eu mostrar a animação, o movimento é super suave e estamos cortando no meio Então, é quase como mágica. O círculo de repente se torna um quadrado. Posteriormente, também podemos adicionar algumas propriedades de rotação a essas duas formas e obteremos esse exemplo de animação que mostramos aqui. Então, neste exemplo, a coisa mais importante que você quer lembrar é que para os cortes de fósforos que estamos fazendo ao longo de todo o projeto, um é sair, quando está no final de uma cena, digamos que a cena um, esse é o final. Certifique-se de que estamos fazendo uma flexibilização extrema para a direita, disparando a toda velocidade E então está no início da próxima cena, que é a cena dois aqui. Vamos fazer uma flexibilização extrema para a esquerda. Vamos obter toda a energia, toda a velocidade da cena anterior, porque você pode ver que o gráfico de velocidade aqui, quando está chegando, está chegando com toda velocidade e força total. Então é daí que vem a energia. Está vindo da cena anterior. Essa é a coisa mais importante. Precisamos lembrar que a energia é da cena anterior. E no terceiro exemplo, vou mostrar como vamos trabalhar com gráfico de velocidade para uma animação mais fácil como essa. Temos um círculo que vai percorrer esses dois anéis. No entanto, seguirá a física. Vai acelerar e desacelerar, o que está subindo, acelera, um está descendo. Então, vamos ver como vamos fazer isso. Vamos copiar as três camadas em nossa composição principal. E deixe-me deletar os quadros-chave. Também exclua o efeito de eco na bola. Vou mover essa bola para o topo desse primeiro anel aqui. E este é o ponto de partida da minha bola aqui. Essencialmente, quero que essa bola viaje ao longo do contorno desse anel, como se fosse uma montanha-russa, então ela está acelerando, uma está descendo, e depois diminuindo a velocidade, uma está subindo Essa é a animação que queremos. Vamos adicionar um quadro-chave a zero segundo no ponto superior do primeiro anel e, em seguida, avançar 20 quadros Vamos arrastar essa bola aqui até o fundo do segundo anel Essencialmente, só precisamos adicionar uma mudança de posição ou um quadro-chave sempre que houver uma mudança de velocidade Portanto, estamos adicionando apenas quatro quadros-chave neste caso. Vamos avançar 20 quadros novamente. Vou apenas movê-lo para o topo do segundo anel. Este é outro lugar onde há uma mudança de velocidade e, em seguida, avança mais 20 quadros. Mova esta aqui para baixo, e depois avance mais 20 quadros, mova esta bola aqui no topo. E isso completa nosso ciclo. No entanto, precisamos ajustar o caminho do movimento para que seja um caminho curvo em vez de reto Vamos selecionar todos os quadros-chave de posição e, em seguida, acessar a ferramenta de fixação Clique nessa ferramenta de conversão de vértice e precisamos ampliar Converta esse ponto aqui para desenhar essa alça para que possamos quase dar a esse caminho de movimento uma curva seguindo meu anel original aqui. Então, vou arrastar essa alça para ter certeza de que nosso caminho de movimento está seguindo esse anel que temos na parte de trás. Então, vou arrastar essa alça bem grande. E então vou arrastar essa alça para fora para ter certeza de que está quase seguindo o caminho do movimento desta forma. Isso é bom. E então eu vou arrastar essa alça aqui. Arraste essa alça novamente. Basta ajustar esse caminho de movimento para garantir que ele esteja alinhado com meus anéis na extremidade traseira e , em seguida, arraste-o para fora Portanto, é muito difícil ver onde está essa alça se você não selecionar o último quadro-chave. Selecione o último quadro-chave e, em seguida, você pode arrastar essa alça para fora, assim. Mova isso um pouco para dentro. Ok, isso completa nosso caminho de movimento, e você pode ver que o caminho de movimento está totalmente alinhado com meu círculo na parte Primeiro, vamos selecionar todo o quadro-chave na propriedade de posição. E então podemos usar o Keyframe Assistant, fácil E. Vamos ao editor gráfico Se eu não alterar o gráfico de velocidade, é assim que parece. Essa é a aparência da atenuação padrão. Não é natural. Essa não é a animação que queremos. Em vez disso, vamos voltar ao gráfico de velocidade e depois ajustar o gráfico para visualizar. Vamos pensar nessa animação aqui. Então, quando a bola chega ao topo, ela deve ser a mais lenta porque está atingindo o ponto mais alto E então, quando estiver caindo , deve acelerar, ganhando velocidade Então, esse ponto aqui seria o ponto mais rápido que a bola terá. Então, basicamente, aqui, vou arrastar essa alça até a direita para dar a ela talvez 0% de influência. E então, para o primeiro ponto, será o mais lento, então vou arrastar essa alça até a direita, para dar 100% de influência Então, temos uma curva como essa. Está ganhando velocidade lentamente e, nesse ponto, será o mais rápido No entanto, a energia permaneceu porque , uma vez que a bola passe desse ponto, ela lentamente começará a perder energia porque está escalando uma montanha muito alta aqui ou está subindo a perder energia porque está escalando uma montanha muito alta aqui ou está um escorregador muito alto aqui, indo até o Então, basicamente, a partir deste ponto, preciso mover minha alça para a esquerda e depois mover essa alça para a esquerda para formar uma curva como essa. Então aquela que estiver atingindo o ponto mais alto aqui, será uma curva plana que está perdendo muita energia. E então a mesma coisa, eu vou mudar essa curva para este lado e depois mudar a curva para este lado. Então, teremos uma curva como essa, em que três pontos serão planos, quando a bola atingir o topo da montanha-russa, e um estará no ponto inferior, ela viajará mais rápido, que é a velocidade máxima Vamos ver o que parece agora. E você pode ver, é muito mais suave. É muito interessante. É muito natural agora porque você pode ver a bola ganhando velocidade, diminuindo e depois lentamente perdendo velocidade subindo Isso é essencialmente o que precisamos com o gráfico de velocidade, somos capazes de obter essa animação natural e, também, esse é o movimento exato que queremos. Também podemos adicionar algum efeito de eco ao gráfico de velocidade, e esse será o final que teremos Isso é interessante. E é isso com este exemplo. 5. Gráfico de velocidade avançado: Vamos dar uma olhada nesse exemplo forçado. Essa é uma animação complexa que será animada usando o gráfico de velocidade Temos uma bola na cena, e essa bola se moverá ao longo dessa trajetória de movimento como uma montanha-russa Ele acelerará durante a descida e diminuirá a velocidade ao subir a colina e diminuirá a velocidade ao subir Vamos pré-visualizar isso por enquanto. Você pode ver que está seguindo física e viajando como uma montanha-russa Vamos ver como podemos animar esse do zero. Vamos copiar essas duas camadas. Coloque-os dentro do Comp principal, exclua todos os quadros-chave Desative os efeitos de eco por enquanto. Precisaremos dessa bola para percorrer esse caminho. Para fazer isso, vamos entrar nessa camada de caminho, acessar conteúdo, forma e, em seguida, acessar a propriedade do caminho. Clique no cronômetro em um quadro-chave no caminho. Então, podemos copiar esse quadro-chave e colá-lo na propriedade de posição da camada da bola Agora você pode ver que esse caminho de movimento é aplicado à nossa camada de bola. Só precisamos mover um pouco o caminho para o lado para alinhar com minha camada de caminho Se eu pré-visualizar, essa é a aparência da animação padrão, um pouco louca e não faz nenhum sentido. Também está indo na direção errada. Eu quero que a bola viaje da esquerda para a direita. Então, vamos selecionar todos os quadros-chave na propriedade de posição. Clique com o botão direito, assistente de quadros-chave, quadros-chave com reversão de tempo. Agora, a direção de viagem da minha bola será invertida e ela vai para a direita Em seguida, vamos selecionar todo o quadro-chave. Uma coisa a observar aqui é que, quando desenhamos uma trajetória de movimento, é muito importante desenhar no ponto de ancoragem sempre que houver uma mudança de velocidade durante a trajetória de movimento Ou seja, desenhamos apenas o ponto de ancoragem ou ponto de vértice na parte superior e inferior de cada loop Porque é aí que a mudança de velocidade vai acontecer. Dessa forma, depois de aplicarmos o quadro-chave, podemos usar o gráfico de velocidade para controlar a mudança na velocidade no ponto superior e no ponto inferior de cada loop Em seguida, com todos os quadros-chave selecionados, clique em e desligue o rove ao longo Por padrão, ele criará esses quadros-chave itinerantes quando eu colar no caminho de movimento No entanto, a animação não está funcionando, então precisamos alterá-los de volta aos quadros-chave normais aqui E então podemos simplesmente acessar o Easy Ease de todos os quadros-chave. Vá para o editor gráfico, e este é o gráfico de velocidade que temos agora. É um gráfico de velocidade padrão. Se eu pré-visualizar, a animação também não faz nenhum sentido. Então, primeiro, vamos selecionar todos os quadros-chave. Vamos tornar essa animação mais lenta no geral. Portanto, mantenha pressionada a tecla de opção para arrastar o último quadro-chave para espaçar esses quadros-chave uniformemente e torná-los 4 segundos Então, estamos adicionando mais tempo a essa animação. Agora, levará 4 segundos para toda a animação seja concluída. Isso é bom. A seguir, vamos analisar essa animação com nosso gráfico de velocidade. Podemos fazer essa animação em duas etapas. Na primeira etapa, aplicaremos o gráfico de velocidade que faz sentido para cada loop. Quando a bola está no ponto mais alto, ela deve estar com uma velocidade muito lenta. E então, uma vez que deslize ladeira abaixo, ele simplesmente começará a acelerar Então, o segundo ponto aqui ganhará alguma velocidade. Em seguida, ele começará a subir a colina novamente para perder um pouco de velocidade e, em seguida, deslizará para baixo para acelerar Então, nosso objeto viajará como uma montanha-russa constantemente acelerando e diminuindo Vamos primeiro ter certeza de que estamos no gráfico de velocidade aqui. Vamos ajustar a curva. Primeiro ponto, arraste a alça para a direita para obter 100% de influência. Portanto, a curva é plana no início com uma velocidade muito lenta. E então, no segundo ponto, arraste a alça para a direita. Então, será a velocidade mais rápida aqui. E então a bola ficará mais lenta, então arraste essa alça para a esquerda e deixe o terceiro ponto plano. Como é um ponto alto com baixa velocidade. Então, continuaremos alternando os gráficos entre alta e baixa velocidade aqui, será bem rápido, então arraste as duas alças até o centro para criar um pico aqui, e então ele diminuirá a velocidade no próximo ponto, então traga a curva plana aqui então traga a curva plana aqui e ela acelerará novamente Vou desacelerar aqui novamente. Velocidade rápida aqui com o pico e, em seguida, velocidade lenta aqui com uma curva plana A mesma coisa para o resto dos pontos. Vamos ver o que acontece depois de ajustarmos a curva. Você pode ver que a bola está acelerando e diminuindo a velocidade quando está percorrendo cada volta, que temos na trajetória de movimento Esse é um ótimo primeiro passo. No entanto, o problema é que esses loops estão conectados e não estamos tratando cada loop individualmente Temos que tratá-los juntos como um único grande caminho de movimento. Como se você estivesse em uma montanha-russa. Então, quando a bola desacelerar no segundo ponto aqui, ela não perderá toda a velocidade A velocidade não se tornará zero. Ele ainda terá bastante velocidade. Então, precisamos aumentar o segundo ponto para dar mais velocidade e, em seguida, aproximar esse ponto do primeiro ponto, porque na verdade levará muito pouco tempo para a bola subir a pequena colina. Em seguida, faça o terceiro ponto com a velocidade mais alta, mas não tão alta quanto o primeiro pico aqui A velocidade será a mais rápida da primeira descida e, em seguida, a energia será perdida lentamente à medida que subimos a colina aqui e ali Então, vamos ver o que acontece nossa animação agora com esse ajuste no gráfico de velocidade. Estou tendo um problema com esse ponto aqui. Não quero que esse ponto perca toda a velocidade pois está quase se tornando zero no gráfico. Então, eu preciso te dar um pouco de velocidade manualmente. Vamos clicar novamente neste ponto, ir para a velocidade do quadro-chave, alterá-la para 200 pixels por segundo para entrada e saída Então, neste ponto, você pode vê-lo ligeiramente levantado e tem um pouco de velocidade neste momento Acho que o laço do lado direito está ótimo. Vamos ligar o eco se eu quiser ver como fica. Acho que aqui, a velocidade é muito rápida. Então, deixe-me diminuir a influência na alavanca para tornar essa parte da velocidade mais lenta, e vamos dar uma olhada Eu acho que isso funciona. Isso se parece muito com uma montanha-russa agora neste lado direito E vamos comparar essa animação nos do lado direito com os loops do lado esquerdo E você pode ver que o lado esquerdo não está seguindo a física, e as mudanças de velocidade estão em todo lugar, mas vamos corrigir isso agora. Primeiro, vamos para o segundo ponto mais alto. Clique novamente, a velocidade do quadro-chave muda para 100, então não vai parar aqui quando a bola E então, neste momento, não vai perder toda a energia. Portanto, precisamos levantar esse ponto para que ele ainda mantenha alguma velocidade. E também tente mover esse ponto para mais perto do quadro-chave anterior , porque essa é uma distância muito curta para a bola percorrer Isso deve acontecer muito rápido, e vamos aproximar o quadro-chave E então também aproximaremos o próximo ponto, então terei o menor aumento na velocidade de que precisamos aqui em um ponto baixo E então, no próximo ponto, não queremos que a velocidade seja zero, então vá para a alteração da velocidade do quadro-chave para 200 pixels por segundo novamente E na última seção, será apenas acelerando primeiro e depois diminuindo a velocidade para escalar esta grande colina final Acho que a curva está ótima. Vamos pré-visualizar toda a animação. Está parecendo muito bom. Acho que gosto. Há um grande contraste entre velocidade lenta e rápida em vários loops, e ela segue a física Está viajando como uma montanha-russa. Então aí está. É assim que você usará o gráfico de velocidade para animar uma animação complexa do caminho de movimento 6. Recuração de gráfico de velocidade: Nas duas lições anteriores, abordamos vários cenários que gráficos de velocidade são usados Nesta aula, eu me dedico à sua primeira tarefa. Lembre-se de que a prática leva à perfeição. Entender o conceito é só o começo. É por meio da prática que essas habilidades se tornarão naturais e ajudarão você a elevar suas habilidades Para sua tarefa, gostaria que você seguisse os exemplos de nossas aulas recentes sobre gráficos de velocidade Comece com uma animação simples em que um pequeno círculo viaja ao longo de dois anéis, semelhante ao terceiro exemplo, e depois crie uma animação mais complexa com um caminho de movimento intrincado inspirado no quarto exemplo que mostrei Sinta-se à vontade para usar o caminho de movimento e criá-lo na lição. Ou você pode criar o seu próprio. Você pode até querer criar sua própria montanha-russa. A chave é garantir que a animação pareça natural com um contraste claro entre movimentos lentos e rápidos. A montanha-russa deve acelerar ao descer e diminuir a velocidade ao subir, assim como praticamos na aula Mal posso esperar para ver o que você vai inventar. Depois de entender como o gráfico de velocidade funciona, você estará bem preparado para as próximas aulas deste Antes de mergulhar no conteúdo principal, certifique-se de entender completamente esses exemplos. Vamos nos concentrar exclusivamente na animação com gráficos de velocidade Portanto, uma boa compreensão de como eles funcionam é crucial para acompanhar as lições futuras. Se você tiver dificuldades com gráficos de velocidade, não se preocupe Também temos um curso abrangente sobre gráfico de velocidade e gráfico valor e o editor gráfico que fornece uma compreensão mais profunda. Sinta-se à vontade para conferir primeiro esse curso básico e retornar a este curso avançado quando estiver confortável com o básico É isso com esta lição. Te vejo no próximo vídeo. 7. Anime a primeira ação: Aqui vamos nós. Agora, vamos começar com a animação. Aqui está nosso storyboard. Podemos partir da primeira cena aqui, como você pode ver, já temos a primeira cena estabelecida. E, como falamos antes, mencionamos que haverá ação em cada cena. E em termos dessa primeira cena, a ação seria a bola simplesmente batendo centro do quadrado e, de alguma forma, talvez pulando na Eu quero que essa bola chute do canto esquerdo e depois atire para cima e talvez se recupere um pouco, suba e desça Então, esse será o movimento da bola nesta cena como a ação da animação em primeiro plano E então, em termos de reação, eu quero que esse quadrado seja acionado pela bola bater, e então vá com a bola, viaje na cena para criar alguma animação com energia E mais tarde, falaremos sobre a silização da primeira cena, que será o gradiente de cores, a repetição, a animação secundária e um pouco de squash and stretch squash and Então, vamos começar primeiro com a animação. Vou usar a sobrecarga do plugin. Vamos ver a sobrecarga de extensões do Windows. Essa será a maneira mais fácil de transferir camadas de formas entre o Illustrator e o After Effect Antes de tudo, preciso criar um projeto do After Effects. Vamos para o After Effects. Vamos criar uma nova composição chamada Main Comp, produzindo 1920 por 108030 quadros por segundo Duração, podemos esperar cerca de 15 segundos. Isso deve ser suficiente. Clique em. Essa vai ser minha área de trabalho. E então o plug-in que vou usar é chamado Ease Copy. Isso é muito importante porque às vezes não vamos reanimar algo que já temos Vamos apenas copiar o valor da atenuação com esse plug-in E então, para as ferramentas de movimento, você também pode explorar por conta própria, mas na maioria das vezes, eu as uso apenas para reposicionar o ponto de ancoragem Volte para o Illustrator. Vamos inserir esse círculo no projeto After Effects. Basta apertar o primeiro botão aqui, e agora temos um círculo. Oh, desculpe, a composição que criamos, precisamos torná-la vertical, então será 1080 em 1920. Clique em ok? E agora temos um tamanho vertical. Vamos voltar ao Illustrator novamente. Vamos clicar no quadrado que já está girado. Transfira este para o After Effects e, em seguida, volte novamente, clique neste empurre o quadrado para o After Effects. E então a última coisa que vamos fazer é, na verdade, a grade, mas a grade já foi projetada no Illustrator Eu sei como é e o que deveria ser, então vamos recriar a grade dentro do After Effects porque precisamos animar essas linhas Em termos de elementos para a primeira cena, esses são tudo o que precisamos. Só precisamos de três elementos. Volte para After Effects. Podemos renomear esses elementos, chamados de este. Bola. E então, para esses dois quadrados, na verdade, não copiou meu valor de avaliação. Eu quero esconder esse. Ok. Na verdade, o valor da avaliação não faz parte do valor quadrado que foi projetado Então, na verdade, são duas coisas separadas. Nesse caso, vou apenas recriar esse quadrado dentro do After Effects para facilitar Então, para fazer isso, nem precisamos mais desses dois quadrados, mas você sabe o que, deixe-me apertar a ferramenta retângulo e depois desenhar um retângulo Opção e comando para torná-lo quadrado perfeito, e esse será meu quadrado no centro. Vamos até uma linha no centro e, em seguida, verifique se o ponto de ancoragem está bem no centro do quadrado Basta pressionar o comando e clicar duas vezes nessa ferramenta panorâmica. Ele vai reposicionar o ponto de ancoragem no centro do quadrado Vamos chamar isso de quadrado um e, em seguida, duplicar o quadrado um Eu posso mudar a escala talvez assim, só para torná-la um pouco maior, e então eu posso esconder o quadrado dois, excluir esses dois quadrados, e então, para o primeiro, não vamos estilizá-lo Então, vou adicionar um preenchimento colorido ao quadrado. Talvez mude para uma cor verde como essa. E então, para o golpe, vamos fazer dois pontos, mudar a cor do traçado para talvez uma cor branca e vamos mover a bola para cima. Então a bola está na frente do quadrado, mude o verde para um verde mais escuro como este Ok, isso parece bom. Então essa será nossa configuração inicial. Mais tarde, quando adicionarmos a animação, vamos estilizá-la no próximo vídeo Mas para este vídeo, vamos animar essa primeira cena Primeiro de tudo, quero animar a bola se movendo para dentro. Então, vamos pressionar P no teclado para ver a posição. Clique no botão, assista, adicione um quadro-chave, avance cinco quadros avance cinco Coloque a seta para a direita, um, dois , três, quatro, cinco, por cinco quadros. Em seguida, adicione um quadro-chave aqui. Volte para 0 segundos, mova a bola para fora do quadro. A bola vai ser lançada do canto inferior esquerdo para o centro da minha tela. E então, quando a bola atingir o quadrado, quero que o quadrado e a bola viajem juntos. Então, basicamente, apenas esses dois quadros-chave serão a ação, neste caso, no meu E em termos de reação, eu preciso que esses dois viajem juntos, então eu preciso ir para a camada, criar um novo objeto nulo, chamar isso de um controle, um, e então criar essas duas camadas para o controle Agora, pressione P no teclado para exibir a propriedade de posição do objeto nulo do controlador Quando a bola atingir o centro desse quadrado, eu vou atirar em tudo, tanto na bola quanto no quadrado à direita. Então, cronômetro em um quadro-chave e depois avança, talvez três quadros, um, dois, Eu quero que essa ação seja muito rápida. Então, agora você pode ver um pai como algo errado. Eu também preciso cuidar do quadrado 1, e então vamos esconder o quadrado 2 por enquanto. Escolha três quadros, um, dois, três. Agora vamos mover o objeto nulo para a direita para que a bola e o quadrado se movam juntos E essa é uma configuração básica da minha primeira animação. E então vou avançar talvez mais dez quadros para que esses dois objetos se recuperem novamente, e depois vou para outros dez quadros Faça este saltar para cima e, em seguida, vamos usar 15 quadros Para que tudo aconteça. E agora você pode ver que eles estão viajando em um caminho que eu desenhei com meus objetos nulos Então, vamos selecionar todos os quadros-chave. Clique em R. Assistente de quadro-chave, Easy Ease Precisaremos adicionar um pouco de suavização a essas animações Vamos selecionar os dois quadros-chave na bola. Vá para o editor gráfico. Eu quero que essa bola entre. Então, vai ser muito rápido chegar. E vamos ao gráfico de velocidade, ajuste o gráfico para ver. Então, quando a bola entra, eu queria entrar batendo no quadrado com toda velocidade Então, quando atingir o quadrado, quero que a bola esteja em alta velocidade. Então, vamos puxar a alça para a direita. E esse é o ponto em que a bola está batendo no quadrado. Vai chegar a cerca de 10.000 pixels por segundo em termos de velocidade. E então, quando chegar, eu só quero ter uma curva de atenuação como essa Então essa vai ser minha bola chegando a zero pixels por segundo, até 10.000 pixels por segundo aqui. Esse é o movimento do meu objeto, vamos pré-visualizar isso. Você já pode ver que minha bola está tendo uma força atingindo o quadrado No entanto, como você precisa ajustar as curvas desses quadros-chave, vamos ao editor de gráficos Em termos das curvas desta. Assim, você pode ver que quando a bola atinge o quadrado, o quadrado será afetado pela força total da bola. Então, neste caso, uma vez que um golpe terá uma velocidade máxima. Então, minha alavanca vai para a esquerda, e então essa curva vai subir com muita velocidade, e então eu vou passar para uma segunda posição Uma vez que ele se recupere aqui, eu vou dar a ele talvez uma influência de 75% no lado direito E aqui, é aqui que a bola meio volta para o canto esquerdo do quadro Vou dar uma pequena curva de salto aqui, assim Vai captar um pouco de energia. Então a bola está entrando, quase perde toda a energia, e então ela meio que salta para pegar um pouco de E depois vai até o topo, onde perderá grande parte da velocidade, tornando a curva realmente plana. E então ele cairá livremente de cima, fazendo uma curva descendente como essa, com uma força total saindo da parte inferior da tela. Então essa será minha curva em termos desse movimento aqui. Vamos ver como fica quando tivermos o ajuste das curvas E, como você pode ver, no último ponto aqui, não estamos fazendo esses dois objetos saírem da tela porque vamos fazer uma combinação entre a primeira cena e a segunda cena. Então, não precisamos que esses dois elementos se apaguem, porque vamos cortar aqui ou mesmo antes daqui, o penúltimo quadro. Então, em termos de animação, acho que é isso que queremos. Eu acho que parece muito legal. E agora só precisamos ajustar algumas coisas extras, como a rotação do quadrado, e então podemos adicionar o quadrado dois também. Vamos voltar à linha do tempo principal. Em primeiro lugar, quero adicionar um pouco de rotação ao meu quadrado, uma vez atingido pelo círculo. Digamos R no teclado para aumentar a rotação e, em seguida, adicionarei um quadro-chave aqui assim que receber cliques E então, uma vez que temos esses dois elementos aqui, eu quero transformar isso talvez ao quadrado em um ângulo de 45 graus. E quando voltasse ao canto da vida, eu queria voltar novamente para uma posição normal zero, talvez, tipo, ultrapassar um pouco E então, quando chegou ao topo, eu meio que queria girar novamente, talvez até esse fim, e depois fazer uma rotação como essa, e no menu suspenso, eu só queria continuar girando dessa maneira e cair para baixo assim Então, vamos para rel, Keyframe Assistant, Easy Ease, vá para o editor gráfico Em termos dessas curvas, quero que essa rotação basicamente acompanhe o movimento que eu já tenho, certo? Então, basicamente, vamos limpar essa linha do tempo aqui. Quando essa bola atingir o quadrado, quero que o quadrado gire dessa maneira. Talvez por aqui, seja onde está o ponto mais alto da minha curva. Eu quero que o quadrado gire mais neste momento, quando está sendo atingido pela bola uma extremidade da minha trajetória de movimento. Então, vai virar aqui. E então, quando eu voltar, tudo pode ser gentil assim. E eu estou apenas arrastando todas as alças para cada lado e, em seguida, formar um gráfico como esse para tornar a rotação realmente suave Eu acho que parece bom. Não sei por que esse quadrado não era perfeito. Então, eu só preciso entrar na propriedade do caminho do retângulo e vincular esta e ter certeza de que temos exatamente a mesma largura e altura Então, neste caso, vamos fazer 350 por 350. E agora você pode ver que na verdade é um quadrado perfeito. Vai ser a mesma coisa para o quadrado número dois. Vamos trocar de 2350 por 350. Agora só precisamos adicionar alguma propriedade de rotação no quadrado número dois. R no teclado e, em seguida, precisamos ativar o quadrado número dois. Eu quero que o quadrado apareça talvez neste ponto aqui quando eles atingirem o canto inferior esquerdo. Vou cortar essa camada aqui e depois me certificar de apertar um cronômetro na propriedade de rotação Depois de chegar, eu já queria ter um pouco de rotação. E então este vai girar para o outro lado e talvez simplesmente desça assim Vamos tentar isso e, em seguida, selecionarei os três quadros-chave na propriedade de rotação de M quadrado um, acessarei a cópia facilitada, copiarei a atenuação e, em seguida, selecionarei os três quadros-chave Ritme a atenuação. Vamos ver o que parece. Vamos virar esse segundo quadrado para a outra direção. Portanto, está girando da mesma forma que M ao quadrado. Vai ser menos 100 aqui. Um aqui. Vamos ver o que parece. Sim, acho que isso parece bom para minha parte de ação e reação da minha primeira cena. 8. Animação de fundo de grade: Agora, neste vídeo, vamos trabalhar em outra ação na primeira cena, que é a ação dos planos de fundo E só precisamos animar a animação granular no storyboard Vamos voltar aos meus After Effects e depois adicionar uma camada sólida. Vá para a camada de novo sólido. Chame isso de uma grade. Na verdade, podemos fazer desta uma cor branca. Isso é bom. E então vamos colocar a grade na parte inferior da composição. Vamos aos efeitos, precessar e pesquisar efeitos especiais Vamos usar essa grade de geração. E agora você pode ver que temos uma grade gerada. No entanto, precisamos animar esse. Então, basicamente, precisamos ancorar a grade em uma posição e, em seguida, animar a largura e altura dessa grade para ter uma grade animada E para fazer isso, vamos até a âncora, depois selecionamos a âncora e colocamos no canto inferior direito da minha composição E agora vamos nos afastar dos controles deslizantes de largura e altura. De repente, você pode ver toda essa pequena grade aqui. Podemos simplesmente alterar todas essas configurações e garantir que tenhamos mais ou menos linhas. Então é disso que precisamos. Adicione um quadro-chave na largura e na altura e, em seguida, vá até você no teclado para mostrar os quadros-chave na linha do tempo Primeiro de tudo, precisamos animar a largura, e eu não quero que a cena tenha nenhuma grade no início, então eu quero arrastá-la até o fim, talvez muito, muito grande Vamos arrastar até talvez 2.500. E então, para as alturas, a mesma coisa, eu quero arrastá-la até 2000. De repente, você não vê nada na minha moldura. Então, deixe-me avançar dez quadros, e então eu quero alterar a largura da grade para talvez cerca de 300, de modo que tenhamos algumas grades, e então vamos avançar outros dez quadros. Vamos mudar esse para 400. E então vamos para mais dez quadros, altere esse para 250 novamente. Então, ele simplesmente entrará e saltará entre alguns números A mesma coisa com minhas alturas. Eu quero ir até aqui, mudar este para 300, e então talvez vir aqui para pegar este, eu quero fazer um pouco mais, talvez 650. E então o último, aqui vai ser onde minha grade vai se estabilizar, então mude para 250. Vamos selecionar tudo e clicar no assistente de quadros-chave, Easy Ease E em termos de gráfico, eu queria entrar com alguma força. Então, vou arrastar essa curva totalmente para a esquerda até uma curva de atenuação extrema para a esquerda, entrando com alguma força, e então ela poderia ficar aqui com um pouco de flexibilização como E então, para este, vou arrastar as duas pontas para o centro. Assim. Vamos ver o que parece agora. A próxima coisa que precisamos fazer é mover todos os quadros-chave da minha altura para frente para usar o primeiro quadro-chave para alinhar com o segundo quadro-chave da E então talvez eu possa prolongar este um pouco mais. Vamos ver o que parece. Se eu diminuir a velocidade da camada da grade, essa é a animação. Basicamente, estamos apenas pulando entre essas grades para dar pouco de energia que se pareça com a primeira ação que temos, que é a bola e a ação quadrada da da E agora estamos combinando essa energia com minha segunda ação, que é uma ação em segundo plano. Isso parece muito legal. Vamos ligar tudo. Vamos ver o que parece. Está quase se alinhando Eu posso alinhá-lo melhor se eu quiser. Talvez apenas alinhe melhor esses quadros-chave para que eles aconteçam ao mesmo tempo Acho que alinhe melhor esses quadros-chave, nos dê um resultado melhor Então, como já temos a grade, vou seguir em frente e talvez criar o gradiente para a grade também , para que não precisemos recriá-la no próximo vídeo Então, vamos agora para o retângulo para clicar duas vezes para adicionar uma camada de forma, do mesmo tamanho da minha composição, e então vamos movê-la para baixo aqui, agora só precisamos excluir o traçado dessa camada, e eu quero mudar a sensação para um gradiente de rádio e alterar a cor do gradiente aqui, eu quero que seja branco, e então aqui, vamos mudar para amarelo. E então podemos alterá-lo para a cor verde assim. E o último, vamos mudá-lo para o azul. Clique em. Agora precisamos arrastar isso para ter certeza de que está saindo da cor que queremos. Vamos voltar ao meu arquivo do Illustrator e verificar se estamos selecionando a paleta de cores correta Então, para o verde vai ser essa cor aqui. E então, para o azul, vamos tentar essa cor aqui. O. Sim, algo assim. Então, essas serão minhas paletas de cores. Vamos mover a cor acima da camada da grade. Vamos até efeitos precessar e pesquisar efeitos de tapete definidos, e garantir que selecionemos a grade da camada seis como tapete e a alteremos para efeitos e máscaras Agora, você pode ver que a grade está assumindo a cor da minha camada de forma. Eu posso chamar isso de uma camada de cor de grade. E agora a grade está assumindo minha grade e a cor dessa camada. E você pode ver que minha grade agora está com a cor que eu quero. Isso parece muito legal quando temos o brilho profundo, que posso adicionar agora para ver os efeitos Vamos adicionar uma camada de ajuste. Mova-o até o topo, chame isso de brilho profundo E então podemos adicionar um brilho profundo para ver os efeitos por enquanto Vai ser muito legal. Podemos diminuir um pouco o raio. Ainda não comecei com a estilização de nossas primeiras camadas Só temos o plano de fundo animado e estilizado. Mas essa é a coisa toda, o que parece agora. Há algumas pequenas falhas por aqui. Talvez eu queira afastar um pouco mais essa âncora do caminho, para que ela não apareça no início Aí está, essa é a nossa segunda ação, que é a ação do plano de fundo da primeira cena. 9. Estilização da cena 1: Neste vídeo, vamos trabalhar na configuração da minha primeira cena para finalizar Se voltarmos ao arquivo do Illustrator, nosso storyboard, já trabalhamos no primeiro plano e no plano de fundo da ação Trabalhamos na reação, que é o quadrado sendo empurrado com mudanças na posição da escala e na rotação. Ainda não trabalhamos na cor, mas é isso que vamos fazer neste vídeo. Vamos trabalhar na estilização da animação de gradação de cores e não teremos nenhuma reputação nesse Já temos uma duplicata do quadrado. Então essa é a parte da reputação. E então animação secundária, não temos nenhuma. Vamos fazer um pouco de abóbora e alongar o círculo médio para nos dar um pouco mais de energia, e pronto Isso é tudo o que vamos fazer neste vídeo. Vamos primeiro trabalhar nas mudanças de cor de gradação do meu quadrado Vamos voltar ao After Effects. Em primeiro lugar, quero ir para o zero em termos de cor de gradação Preciso clicar nesse preenchimento, alterá-lo para um gradiente de rádio Clique em, e agora temos um preenchimento de gradiente abaixo do meu quadrado Deixe-me arrastar esse cursor aqui. E isso não é exatamente o que eu queria. Então, eu vou editar o gradiente aqui em termos dos gradientes para a cor amarela, eu quero que seja algo assim, e depois o Aqui, o último, eu quero que seja um verde mais escuro ou talvez até preto no final . Basta excluir este. Então, a cor vai de um amarelo muito claro para amarelo, e depois para uma cor verde aqui e para uma cor preta escura. Então essa vai ser a minha cor para o meu círculo original. Deixe-me desligar o globo profundo por enquanto. Acho que a cor não é muito vibrante. Então, o que podemos fazer nesse caso é deixar eu ampliar. Vamos ver se podemos tornar essa cor mais vibrante. Ok, esta é a minha cor para o primeiro quadrado, e o traço será apenas um traço de dois pontos. Isso é bom. Deixe-me apertar o cronômetro da cor. Essa será a cor original do meu quadrado no início. E uma vez fui atingido pelo círculo entrando, neste ponto aqui. Eu quero mudar esse gradiente de cor para uma cor totalmente laranja como essa, como uma reação à altura da bola E então vamos avançar alguns quadros novamente. Quando chegar até aqui, talvez esteja prestes a voltar para a esquerda. Quero editar o gradiente novamente. Nesse caso, vou alterar o preenchimento de notas neste momento para zero opacidade Exclua este. Exclua este. Mude a cor assim. E eu também quero modificar o ponto de ancoragem para ficar à esquerda Então, é quase como se houvesse uma luz guiando meu círculo para baixo. Sim, acho que funciona. Vamos selecionar os três quadros-chave e o assistente de quadros-chave, acessar Easy E e verificar se estamos no gráfico de velocidade Não quero nenhuma transição entre essas duas cores. Então, aqui, eu quero que esse ponto seja um quadro-chave completo. Desculpe, quero que o primeiro ponto seja todo o quadro-chave. Portanto, não há transição entre o primeiro e o segundo. Só vai aparecer amarelo quando for atingido. E então eu quero que este faça uma curva extrema para a direita. Então, está mudando rapidamente para essa luz laranja ou amarela à esquerda para levar meu quadrado para a esquerda da minha composição. E vamos ver como é. Sim, acho que a reação está ótima. Temos uma reação da cor do quadrado e também fizemos a reação de rotação no vídeo anterior. Eu acho que está parecendo muito legal. Embora eu queira fazer com que a cor verde apareça ainda mais, porque agora, acho que estou perdendo toda a cor verde por aqui. Vamos colocar esse no topo. Isso parece bom. Essa é a minha estação do meu primeiro quadrado. Em termos do segundo quadrado, vamos para o meu segundo quadrado. Por aqui. Acho que tudo o que eu queria fazer era dar um gradiente, um leve brilho verde escuro, escolher o gradiente de rádio, clicar em OK, e vamos continuar assim E também preciso ter certeza de que meu segundo quadrado está abaixo do primeiro quadrado, para que não cubra nada. E em termos de gradação de cor, eu só quero que esses dois tenham 0% de opacidade E então talvez eu devesse torná-lo um gradiente linear em vez de um gradiente radial. Basta ter um leve brilho verde na borda. Isso vai ficar bem legal. Sim, acho que gosto disso. Só quero torná-lo um pouco mais escuro. Escolha este, arraste-o para baixo. Você pode ver que há um brilho verde saindo da borda de um lado da borda, dando alguma textura ou, tipo, estilização Isso parece muito legal. Eu gosto disso. Salve o projeto. Vamos ativar o Deep Globe e ver como ele se parece. Diminua a exposição ao globo profundo, talvez para 0,3 ou cerca de 0,5, o que pode funcionar. Vamos ver a animação agora. Ainda tenho vontade de exibir demais. Isso é 2,3 por enquanto. Sim, acho que 0,2 funciona por enquanto. Vamos fazer 0,2. Esse verde está ficando muito claro. Assim. Ok, isso funciona. Deixe-me desligar o brilho profundo. E a última coisa que vamos adicionar é o efeito de eco na minha camada circular, então temos alguns trechos de abóbora Vamos adicionar um efeito de eco. Na camada da bola. E então, para o tempo de eco, vamos alterá-lo para menos 0,001 E em termos de número, vamos alterá-lo para talvez 15 operadores, vamos alterá-lo para composto na parte de trás Vamos ver como é agora. Isso nos dará 15 cópias da minha camada de bola como um eco Então, parece uma mancha ou uma abóbora e um alongamento. Vamos dar uma olhada no que parece agora. Pode funcionar em um lugar e não em outro. Portanto, o problema é que precisamos adicionar alguns quadros-chave para garantir que tudo corra bem com toda a cena. Acho que funciona bem na primeira cena aqui. Vamos adicionar um quadro-chave no horário ecológico e, em seguida, seguir em frente aqui. Precisamos alterá-lo talvez para 0,002. Para dar mais tempo de reação. Então, temos algumas manchas aqui também. Ou, em vez de usar 0,001, podemos tentar usar 0,002 U no teclado. E então vamos deletar esse. OK. Não funciona porque se eu colocar 0,002, há uma desconexão entre essas bolas aqui porque está vindo Então, eu preciso de um tempo de reação mais rápido aqui porque a bola está viajando muito rápido. E aqui, uma vez que se estabiliza um pouco, a velocidade está diminuindo para que possamos esperar um pouco mais de tempo, e então vamos mostrar todas essas 15 cópias aqui Isso parece muito legal. Vamos pré-visualizar isso. Vamos cortá-lo principalmente daqui para atacar. Salve o projeto. Essa é a aparência da primeira cena. 10. Anime a ação principal: Neste vídeo, vamos passar para nossa segunda cena, que é essa aqui. Na última cena, temos essa bola descendo do topo e atirando para baixo. E na segunda cena, vamos fazer um fósforo cortado para combinar com essa bola caindo. Vamos fazer com que essa bolinha suba. E então ela sobe, teremos essas colunas ou cilindros, como você os chame, para empurrar a bola para cima vir com a bola subindo novamente. E então, quase como uma tecla de piano, eu quero que essa bola atire para cima e depois desça para apertar uma dessas teclas do meio. A chave será exibida e, em seguida, todas as outras teclas ao lado dela serão exibidas. Novamente, isso acionará o círculo, e essa será nossa segunda animação de cena. Para animar a segunda cena, precisamos primeiro inserir todos esses elementos no After Effects Vamos usar a sobrecarga novamente. Vamos fazer esse círculo primeiro, empurrá-lo para os efeitos posteriores. E então vamos apertar essa chave aqui. E então vamos usar essa cor de fundo. Isso é bom. Só precisamos movê-lo para baixo, para que fique na parte de trás. E então vamos empurrar alguns desses pequenos retângulos Como essa, e tem essa. Leve tudo isso para o After Effects. E ainda não precisamos apertar os círculos. Vamos primeiro animar tudo isso primeiro. Ou eu posso empurrar um deles e ver se vamos usá-lo mais tarde. Outra forma é que podemos recriar o círculo dentro do After Effects Acho que seria mais fácil. Quer saber, vamos fazer isso. Vamos recriar o círculo dentro do After Effects. Agora que temos todos os elementos prontos, vamos voltar ao After Effects. Como já animamos a primeira cena, vamos cortar tudo This time frame aqui. Vamos mover tudo para aqui e depois mudar a cor do rótulo para talvez amarelo, para que você saiba que essa será a segunda cena com a qual trabalharemos. Tudo na primeira cena seria como uma cor. Vamos fazer com que seja uma cor azul como essa. E então aqui, eu vou cortar todas essas camadas. Então, vamos fazer com que essa bola chegue assim daqui, essa vai ser minha bola. P no teclado. Vamos animar a propriedade de posição dessa bola primeiro Vamos mover a bola até o topo porque ela precisa ser a primeira camada da minha segunda cena. Em um quadro-chave. Vamos usar dez quadros. Vamos fazer com que a bola suba desse jeito. E então vamos fazer outros 12 quadros, um, dois, 12 quadros. Eu quero que a bola caia para baixo para apertar uma das teclas. Então, ele vai cair em algum lugar por aqui. Não no meio, talvez por aqui. Ele apertará uma das teclas e depois voltará a se levantar novamente. No entanto, desta vez não vai saltar tão alto porque na primeira vez vamos até lá Então, precisávamos apenas de talvez cinco quadros, um, dois, três, quatro, cinco para que esse movimento acontecesse porque a distância é menor, e vamos movê-la até aqui. E uma vez que suba, eu quero que a bola, você sabe, caia novamente, talvez dê mais dez quadros para descer para que ela se mova para fora da cena e acione talvez a terceira cena. Então essa é a ação do movimento da minha bola na segunda cena. Se eu selecionar todos os quadros-chave, clique com o botão direito do mouse no assistente de quadros-chave , facilite a facilidade e vamos para o editor gráfico Posso desativar o tempo de renderização por enquanto porque essas serão animações muito simples que realmente não precisaremos mostrar o tempo de renderização. Ajuste o gráfico para visualizar. Em termos do gráfico de velocidade, em primeiro lugar, ele vem da primeira cena. Então eu quero que a bola entre a toda velocidade, ou seja, queremos que a alça fique totalmente para a esquerda, então isso está nos dando velocidade máxima. E quando chegarem ao topo , perderão um pouco de energia. Então, a curva vai ficar plana. Em ambos os lados, ele vai perder muita energia. No entanto, quero dar uma curva saltitante aqui , porque uma vez pressionadas as teclas nesta área aqui, nessa posição, eu também quero que ela fique quase plana para que possamos ficar lá quando estiver pressionando todas as E então, nas últimas partes, quando ela sai de cena, eu queria fotografar de forma que fosse quase como uma queda livre, então a velocidade está sempre aumentando. Então, temos um aumento de velocidade até a velocidade máxima no final e, em seguida, vamos passar para a terceira cena. Então esse é o pensamento por trás das minhas curvas para a bola. Vamos ver o que parece por enquanto. Deixe-me cortar o intervalo de visualização para que possamos visualizar apenas a segunda cena Acho que talvez eu precise mover tudo mais um quadro à frente. Então essa bola vai até lá, e então nossa bola está subindo para que o corte do fósforo fique melhor. Depois de adicionarmos o efeito acl , acho que vai ficar melhor Mas isso é o que parece agora. Acho que o enforcamento não é realmente eficaz. Acho que preciso de mais algumas molduras aqui para dar mais tempo de espera quando for pressionada Então, aqui, vou dar talvez duas molduras extras para trabalhar. E então vamos ao editor gráfico novamente. Agora temos duas molduras extras com as quais trabalhar. Quero que o problema seja mais óbvio ou mais perceptível. Então eu quero que essa curva não fique no meio. Eu quero que ele se incline para a direita, para que haja mais para a esquerda Então, vou inclinar este para a direita um pouco mais assim Tudo o que vamos fazer é dar mais tempo de espera neste momento decisivo aqui. E então ele vai saltar para cima. Eu sinto que posso empurrá-lo um pouco mais alto. Ah. E então vai cair livremente. Sim, acho que parece melhor. Em termos de nossa animação de bola, acho que funciona. Agora que temos a animação da bola na segunda cena. Vamos trabalhar nas ações dessas colunas aqui, ou posso chamá-las de teclas de piano. Porque estou imaginando que essas são as teclas do piano, e então temos uma bola batendo apenas em uma tecla, e as outras teclas meio que há um efeito cascata que vai para os dois lados, e então as outras teclas também são Vamos ver qual é o do meio. Nós temos a cor 1. Temos a coluna do meio e, em seguida, temos as três certas, escrevemos duas, escrevemos uma. Deixou um, de dois. Restaram três. Ok, essas são todas minhas colunas. Então, em termos de animação, vamos animar a propriedade de escala dessas colunas Primeiro de tudo, vamos para minha coluna do meio aqui. Como no teclado para a propriedade de escala. Em primeiro lugar, precisamos ter certeza de que o ponto de ancoragem está na parte inferior da minha coluna Então, vá para ferramentas de movimento. Acerte este ponto de ancoragem inferior aqui para que tenhamos o ponto de ancoragem aqui E então vamos desvincular a propriedade de escala. Vamos adicionar um quadro-chave na escala. No começo, eu só quero que a escala Y seja zero, certo? Então, não está aparecendo nada. E então, quando a bola chegar, eu quero que ela cresça talvez até 10 5%. E então, quando o círculo estiver descendo para pressionar a tecla, quero que essa coluna se alinhe com meu círculo para ser a chave que foi pressionada E então, quando o círculo subir novamente, vou fazer com que fique mais alto, desse jeito, até o Então, vamos diminuir o tamanho quando o círculo cair. Algo parecido. Então, estamos alinhando nossos quadros-chave com meu quadro-chave de posição da bola Vamos selecionar todo o quadro-chave da minha posição da bola, copiar, copiar e colar na propriedade de escala da minha coluna central. Vamos ver como fica depois colarmos o easing. Sim, acho que parece muito bom. Eu gosto do que parece. Então, a próxima coisa que vamos fazer é esse grande bloco de cores no fundo. Então, vamos fazer a mesma coisa, S no teclado, desvincular a propriedade e, em seguida, garantir que tenhamos o ponto de ancoragem na parte inferior central do bloco E então, nesse caso, como estamos apenas animando a escala, podemos realmente copiar esses quadros-chave de propriedades de escala Posso ver e colar no meu bloco central. Vamos ver o que parece agora. Acho que funciona. A única coisa que eu não gostei foi esse, tipo, bloquear minha coluna do meio no final que mostra essa borda que eu não gosto. Mas se eu movê-lo mais alto desse jeito, acho que pode funcionar Sim. Eu acho que deveria ficar bem. Então, vamos tentar isso. E então vamos fazer a mesma coisa para todas essas colunas. Vamos atacar tudo. Selecione tudo como no teclado e vincule essas propriedades de escala. E selecione tudo, certifique-se de que todos tenham o ponto de ancoragem na parte inferior da camada Vamos copiar o comando C de quadros-chave de escala e colá-lo em todas essas colunas diferentes, comando V. E agora temos uma animação como essa Isso é muito simples e direto. Não fizemos muitas animações complexas até agora. Então, outra coisa após conclusão dessa animação é que precisamos escalonar o quadro-chave para que nem todas essas colunas cheguem ao mesmo tempo E isso é muito fácil de fazer, então vou pensar em qual deles entra primeiro. Nesse caso, quero que minha coluna de gradiente apareça primeiro. Será a última na parte inferior, e então eu quero que minha coluna do meio talvez fique em segundo lugar, com um atraso de um quadro. Ou você sabe o que? Deixe-me atrasar apenas um quadro para este bloco intermediário. Vamos ver como é. Sim, eu gosto disso. E então, uma vez que atrasamos um quadro, o bloco do meio, podemos realmente atrasar esse quadro esquerdo. E então vamos atrasar o caminho certo. E então vamos atrasar os dois por um quadro da esquerda novamente. Cada um é atrasado em um quadro. E esse vai estar aqui. Esse vai estar aqui. Uma vez que a bola sobe e todas essas colunas sobem, neste momento, eu realmente quero que essa coluna suba para dar um pouco mais de aleatoriedade. Então, esses três da direita e os três da esquerda, eu quero que esses dois subam até o topo para cobrir tudo e depois derrubem. E as duas esquerdas e as duas direitas, quando a bola cai, eu realmente queria ir até o fim. Só para nos dar um pouco mais de variação. Com nossos quadros-chave de copiar e colar, certo? Então, fizemos tudo para copiar e colar, mas, no final, não quero que pareça muito parecido. Então, estamos ajustando alguns quadros-chave para torná-los um pouco mais Esse pode cair, e esse pode cair. E então, quando a bola sair, eu vou cortar, para que ninguém veja os últimos dois quadros. Isso é um pouco confuso, mas tudo bem. Porque quando a bola bater, tipo , aqui, eu vou direto para a próxima cena. E é aqui que vai cortar. Vamos ver a animação por enquanto. Sim, acho que parece legal para a parte de ação da minha segunda cena. 11. Estilização da cena 2: Tudo bem, neste vídeo, vamos trabalhar em alguma reação da minha segunda cena e alguma estilização da minha segunda Em termos de reação, já temos a animação principal em andamento, que é a bola batendo nessa tecla do piano, e tudo meio que ondula A reação seria se quiséssemos mudar a cor dessas colunas assim que elas fossem empurradas. Então, todas essas colunas ficarão azuis em vez de ficarem pretas quando forem empurradas e, quando a bola subir, todas as cores azuis desaparecerão. Então essa seria a reação da cor quando ela fosse empurrada. E então também podemos animar alguma animação secundária, que são esses pequenos anéis circulares que explodirão quando o círculo estiver fazendo contato com minhas colunas E para a animação secundária, também pode ser repetição, porque quando a bola pressiona essa tecla central, criaremos a animação secundária, que é uma explosão circular, mas, ao mesmo tempo, todos esses círculos também explodirão nas outras colunas Então, esses serão os efeitos de repetição da minha segunda cena. E então a última coisa que vamos adicionar é um pouco abóbora e esticar o círculo principal, assim como a primeira coisa Então isso é tudo o que vamos fazer. Neste vídeo, vamos começar. Volte para o Aftereffects. Agora, vamos começar. Em primeiro lugar, acho que podemos animar essa coluna direita número dois para dar a ela pouco de cor quando ela for empurrada pelo círculo central Vamos clicar nesse menu suspenso e adicionar uma cor de preenchimento de gradação Vamos alterar o preenchimento de notas desta forma. E então aqui, torne-o mais escuro. E então precisamos mudar o ponto estelar e os pontos finais. Vamos mudar a exposição do ponto final para zero e seguida, empurrar o ponto final para baixo, para que a parte inferior da coluna fique preta e, em seguida, a parte superior fique azul Para o azul, eu também queria dar a ele um azul mais escuro. Talvez goste dessa cor azul aqui. OK. E então, quando tivermos o preenchimento de gradiente, deixe-me copiar o preenchimento de gradiente. Vamos aplicá-lo em todas essas colunas. Ok, isso é bom. E então tudo o que precisamos fazer é animar a opacidade da migração do Então, digamos que se os Bs da bola atingirem esse círculo aqui, isso fará com que todas essas colunas fiquem azuis para opacidade em um quadro-chave e, em seguida, altere-a Talvez dentro de um, dois, dentro de três quadros , ele se tornará azul e, nos próximos quatro quadros, ele se tornará zero novamente. Vamos dar um clique vermelho, assistente de quadros-chave, fácil. Vamos tentar uma curva como essa. Que tal se dermos mais tempo? Deixe-me arrastar esse quadro-chave para que ele tenha mais tempo. Então, vai ser azul assim. E deixe-me copiar todos esses quadros-chave de opacidade. Vou colocá-lo na coluna número um à esquerda, C no teclado para mostrar o quadro-chave. E então vamos colocá-lo no número direito dois, atribuindo um atraso de um quadro. E então vamos colocar este. Esquerda o número dois, dê um atraso de quadro, e então eu vou colocá-lo no número três à direita, um quadro de atraso, e então eu vou colocá-lo no número três à esquerda. Atraso de um quadro. Vamos ver o que parece agora. Sim, está dando uma mudança de cor como essa. Acho que parece muito bom. Uma vez que eu aperte a tecla do meio, tudo vai mudar para azul. E eu sinto que este não está pressionado o suficiente. Então, talvez à esquerda três, os lados aqui. Talvez eu devesse dar um pouco mais de empurrão. E então as três posições corretas estão aqui. Empurre assim. Sim, parece melhor. E agora temos uma reação de mudança de cor relação à minha segunda cena. A próxima coisa que eu quero fazer é o anel que está aparecendo, um círculo estourar quando eles pressionam a chave de metal, certo? Então, vamos salvar os projetos e, sem clicar em tudo , vamos criar um círculo Certifique-se de que o ponto de ancoragem esteja bem no centro Vamos alinhar o círculo bem no centro também Para o círculo, não quero preenchê-lo, basta excluir o preenchimento e, em seguida, alterar o traçado para um traçado de gradiente A cor pode mudar isso para um gradiente de cor azul como esse. E então precisamos animar o tamanho dessa coisa aqui. Digamos que, se tivermos um 40, no início, eu quero que seja zero e, em seguida, avance dez quadros mude para 300. E então também precisamos animar a largura do traçado. Então, se formos para a gradação do traçado e depois para a largura do traçado, certifique-se de apertar um cronômetro aqui Eu quero que a largura seja de cerca de 20 pontos no início e, no final, ela possa voltar a zero, então está desaparecendo E então vamos também animar a rotação do meu círculo. Então, se eu odeio o shift R para aumentar a propriedade de rotação. Temos a rotação aqui. Vamos fazer talvez 180 graus de rotação. Então, ainda preciso ter certeza de que meu ponto de ancoragem está bem no centro do círculo Deixe-me cortar a camada aqui. Em primeiro lugar, vamos clicar assistente de quadros-chave, por favor. Vamos ajustar as curvas. Roube uma curva de atenuação extrema para a esquerda, que fique meio que relaxada no final, quase como uma explosão como Então, se eu diminuir a velocidade, isso é o que parece. E quando tivermos esse círculo para pressionar essa tecla do piano aqui, vamos posicionar o círculo aqui. Uma vez pressionado, ele vai aparecer, e se eu fizer isso acontecer mais rápido? Então, deixe-me tornar o tamanho do círculo um pouco maior e depois movê-lo para cá. Uma vez que ele empurre, ele vai aparecer assim, e então deixe-me duplicar o círculo, torná-lo menor, posicioná-lo aqui No topo de cada coluna. Se eu reproduzir a animação, ela pode ser muito rápida. Então, deixe-me tocar no teclado e, em seguida, mover esses quadros-chave um pouco mais para fora Deixe-me mudar a curva, mover esta para trás e depois acelerar. Então, não é tão rápido. E agora eu só preciso escalonar esses pontos de ancoragem para que não apareçam todos ao mesmo tempo Para este grande, posso torná-lo ainda maior. E então eu também posso animar um pouco a posição. Então P no teclado e shift. Quero animar um pouco a posição para que ela siga o círculo em que se está animando e subindo o círculo em que se está animando um pouco assim Use uma curva como essa. Para combinar com a posição desse círculo. Sim, acho que parece melhor. E então só precisamos escalonar um pouco o círculo, talvez com uma moldura de distância Então, eles não estão surgindo ao mesmo tempo. Vamos ver a animação por enquanto. Você entendeu a ideia. Podemos torná-lo um pouco mais polido, mas vamos seguir em frente por enquanto A última coisa que vamos fazer é adicionar o efeito de eco no círculo, que é nossa camada de bola, descendo até aqui, escolher o efeito de eco, ou podemos simplesmente copiar o quadro-chave que tínhamos na Vamos até a bola e depois copiamos você no teclado. Deixe-me copiar esses efeitos e quadros-chave. E vamos jogá-lo na nossa bola na segunda cena. Eu queria simplesmente ir do primeiro quadro e colá-lo. Para o número de ecos, vamos tentar 15 novamente. Ok, acabei de perceber que fizemos algo errado aqui. Você pode ver agora, já que animamos a mudança de opacidade, digamos que você está usando o teclado para a caixa 1, que é esta coluna aqui Como animamos a opacidade na camada principal, isso também está fazendo meu contorno desaparecer Então você pode ver, está trazendo à tona nossa cor azul, mas uma vez que a cor azul desaparece, o contorno também está desaparecendo Então, em vez de animar a opacidade externa na camada mestre, temos que cortar essa opacidade e depois entrar novamente, ir para o conteúdo, ir para o preenchimento de gradiente e, abaixo do preenchimento de gradiente, precisamos adicionar o quadro-chave precisamos adicionar o Basta colá-lo para que, nesse caso, se animássemos a opacidade sob o arquivo de gradiente, ainda tivéssemos essa mudança de cor azul No entanto, meu contorno permanecerá lá quando a cor azul desaparecer Então, agora precisamos fazer a mesma coisa para todas essas outras colunas. É necessário cortar todos esses quadros-chave de opacidade e garantir que a opacidade principal volte para 100% e, em seguida, insira o preenchimento do gradiente do conteúdo Clique na opacidade abaixo e depois cole os quadros-chave novamente Vamos fazer a mesma coisa, passando pelos quadros-chave e, em seguida, vamos fazer as colunas da esquerda. Vou cortar esses quadros-chave e, em seguida, alterar a opacidade de volta para 100% e passar para o preenchimento de gradiente E cole os quadros-chave de opacidade. Agora, vamos ver a animação das duas primeiras cenas. 12. Crie uma transição suave: Neste vídeo, vamos continuar com nossa animação. Agora podemos fazer referência ao nosso arquivo do ilustrador. Essa será nossa terceira cena. No entanto, eu queria fazer uma transição diferente neste caso, porque agora você pode ver deste quadro para este. Na verdade, não mostrou como seria a transição entre essas duas cenas. Então, eu quero criar algo que seja interessante para ter um pouco de energia para que possamos apimentar a animação Às vezes, recebemos um storyboard e ele não mostra todas as transições necessárias entre cada cena Depende de nossa criatividade , de nossas referências ou qualquer ideia que possamos ter para unir todas essas cenas. E podemos acessar a Internet para pesquisar algumas referências ou bons vídeos para ótimas transições. Então é daí que nossa inspiração virá. Nesse caso, vou fazer algo interessante e ter paciência comigo. Vamos começar essa cena aqui, entre a segunda e a terceira cena, e depois estabeleceremos a terceira cena neste vídeo. Primeiro, vamos enviar todos esses elementos para o After Effects. Vamos clicar no círculo aqui empurrá-lo para o Aftereffects Vamos fazer a mesma coisa com todos esses. Então, temos todos esses elementos que já foram enviados para o After Effects, e isso é tudo de que precisamos. Volte para o After Effects. Vamos mover todas essas camadas para frente. Então é aqui que eu vou ou talvez aqui, esta é a moldura exata em que vou cortar a segunda camada. Então, vou alinhar minha terceira cena com esse indicador da linha do tempo Vamos reorganizar o pedido. E para a bola, vamos chamá-la de bola novamente. E para a terceira cena, vamos tentar fazer com que ela tenha uma cor diferente, talvez como uma lavanda ou vamos fazer uma cor rosa Lembre-se de que mudamos a cor do rótulo para a segunda cena. Então eu deveria mudar tudo isso para amarelo porque eles pertencem à segunda cena aqui. Agora, você pode ver onde estão claramente identificados. A primeira cena rotulada na cor azul. A segunda cena está em amarelo e, em seguida, a terceira cena está em Peach Ou vamos fazer algo que seja fácil de ver. Vamos fazer uma cor laranja aqui. Sim, isso é fácil de ver. Primeiro, vamos animar o círculo e os blocos Eu também quero fazer uma combinação entre essas duas cenas. E eu também quero que esses diferentes círculos e blocos sejam lançados no ar como se alguém os estivesse jogando no ar e, em seguida, eles se posicionassem livremente Então esse é o tipo de ideia que tenho por enquanto. Vamos dar uma olhada em como animamos esse círculo e talvez também um quadrado Vamos renomear este para zero. O quadrado dois. Quadrado três. OK. Temos três elementos diferentes aqui. E eu também quero cortar todas essas camadas. Então, não há nada por trás disso que me distraia Vou mover esses mais um quadro à frente. Então, está cortando aqui. E você vê que o círculo está descendo. Neste corte de fósforo, preciso que minha bola suba de baixo. Quase semelhante à transição da primeira cena para a segunda cena. Vamos fazer isso. Vamos até o círculo aqui. A para uma posição. Vamos adicionar um quadro-chave e movê-lo até o fim. Sim, vamos tentar isso daqui de fora e depois vamos usar 12 quadros. Vamos movê-la até o fim, como se alguém estivesse jogando a bola na cena E então avance mais talvez oito quadros. Ele vai pousar ou se posicionar livremente. Então essa será a posição final, e essa é minha animação. Vamos ao editor gráfico, certifique-se de clicar com o botão direito do mouse em Keyframe Assistant, facilitar esses quadros-chave E como estamos fazendo uma animação de arremesso, será uma curva como essa no extremo esquerdo, e então vamos ficar no ar no meio e arrastar essa curva até a direita novamente Vai se emprestar ou se posicionar. Então, os dois lados serão bem extremos. Talvez eu possa diminuir o tom para 85 na extremidade direita, para que não bata com tanta força quando chegar no meio da cena aqui Vamos ver a animação agora. Preciso que as duas cenas se encaixem melhor. Quando a cena está sendo cortada a terceira cena para o primeiro quadro, eu já preciso da bola dentro da cena, eu acho. Então, para a posição, eu teria que mover a bola um pouco para cima, talvez aqui. Sim, acho que isso esconde melhor o golpe. E então temos um arremesso como esse e ele se posiciona. Algo parecido, mas eu quero mover essa posição um pouco para baixo porque eu quero ter outro quadrado que passe sobre o círculo ao redor dessa área aqui e depois outro quadrado aqui. Então, vamos tentar isso. Vamos esconder o quadrado dois, o azul, e só trabalhar com esses quadrados verdes aqui Vamos voltar ao meu quadro-chave. Selecione as duas camadas, quadrado um e quadrado três, P no teclado para posição em um quadro-chave Eu meio que quero estabelecer a cena porque agora, já que copiamos esses elementos do storyboard, esse ângulo do quadrado é na verdade um ângulo que está em movimento Então, na verdade, eu queria ficar estático quando ele chegasse, ou seja, eu queria nivelar esses dois quadrados talvez horizontalmente para que precisássemos girar essas duas camadas em 90 graus Primeiro de tudo, vamos também girar esses dois quadrados. Pressione shift r para a rotação. Vamos fazer 45 graus negativos. Ambos os quadrados, e essa será a posição final quando eles se estabelecerem No entanto, eu queria ser expulso logo no início. Então, basicamente para a posição, digamos que o quadrado um para a posição. Essa será a posição final, e então eu quero que ela seja jogada aqui. E então o primeiro quadro, vai começar desta posição aqui. Então, ele será jogado para o topo e depois pousará na posição. No entanto, quero ter certeza de que não haja mudança de posição sexual. Portanto, a posição ex deve permanecer em 540 em toda a linha. E então, para este, eu vou fazer a mesma coisa, colocar um quadro-chave aqui No entanto, eu preciso fazer isso menor. Então, eu também preciso ajustar o tamanho. Vamos pegar um quadro-chave na escala em ambas as escalas, eu diria, e depois reduzi-lo um pouco, talvez bem pequeno no início Ser jogado por aqui e depois manter o tamanho pequeno. Então essa vai ser minha animação. Também quero mudar a escala da minha bola para torná-la um pouco maior no início. Então, a forma de três tem uma proporção melhor, eu diria. Então a bola vai ficar desse tamanho no começo, e então o primeiro quadrado vai encolher essa também, torná-la um pouco menor, e então ela vai se posicionar Todo mundo vai aumentar ou diminuir o zoom. Os dois quadrados mudarão de tamanho e, em seguida, o círculo também mudará de tamanho. Então, tudo o que fizemos foi animar a escala de posição em conjunto para os três elementos diferentes para que eles sejam sincronizados quando chegarem Vamos tentar copiar a atenuação na propriedade de posição da bola porque eu já tenho a atenuação, copie-a e cole-a na propriedade de posição do quadrado um e do quadrado E para a propriedade de escala, vamos clicar com o botão direito do mouse em facilidade e, em seguida, talvez possamos fazer uma flexibilização como essa Acho que isso funciona como uma flexibilização de 85%. Deixe-me copiar a flexibilização para esses quadros-chave também. Eu não preciso desse quadro-chave. Então, vamos ver a animação. Sim, é mais ou menos isso que eu quero. E em termos de posição, eu também quero mover esta um pouco para baixo e talvez movê-la ainda mais para baixo Vamos tentar mover isso para baixo. Portanto, há um pouco de sobreposição entre os elementos. Pode parecer melhor com um pouco de sobreposição. Com escala e posição, também quero adicionar um pouco de rotação aos meus elementos. Então, vamos abrir a propriedade de rotação. Então, como todos os três, pressione shift R e, em seguida, vamos animar um pouco de rotação para dar a ela alguns movimentos mais interessantes Em termos de rotação, quando eles entrarem pela primeira vez, porque eu sei que eles permanecerão como essa rotação no final, para que possamos animar para trás A bola não precisa girar porque você não pode realmente vê-la, mesmo que ela gire No entanto, para o quadrado, agora é menos 45. Vamos tentar talvez um ângulo de 90 graus. Então, menos 45, eu diria, mais 90. Então, este, vamos mudá-lo para 45 e mudá-lo para 45 aqui também. E então, quando chegar, vamos fazer 180 mais 45, então 225. Vamos fazer com que seja 225 no início. O quadrado está meio que girando. Vamos ver a animação. Não adicionamos nenhuma flexibilização a isso. Então, precisamos adicionar alguma flexibilização. Vamos para a estaca zero. Clique com o botão direito do mouse no assistente de quadros-chave, fácil e fácil. Vamos ativar o editor gráfico e também preciso mostrar o gráfico de posição. Vamos atingir a posição. Vamos torná-lo um pouco maior. O que queremos fazer é quando o quadrado chegar ao topo aqui. Você sabe o que? Acho que precisamos mover esses dois quadros-chave um pouco para frente para que fique tudo bem, acho que é isso que eu quero fazer Então, basicamente, eu quero ter essa rotação assim. E então, quando tudo se estabilizar, vou virar o quadrado dois e depois cortá-lo aqui Vamos fazer disso 170 5%. Ok, isso faz mais sentido agora. E então também vamos animar o quadrado dois na outra direção Então, vamos pressionar R no teclado e adicionar uma rotação. Isso vai ser definitivo, e fizemos 90 graus. Então, aqui, vamos colocar menos 90. Então, o quadrado azul vai girar em uma direção diferente do quadrado verde E então vamos voltar às curvas de rotação do quadrado 1. Preciso ter certeza de que, quando esse quadrado estiver atingindo talvez o topo, eu quero que ele gire a partir daí Então, basicamente, vou combinar minha curva. Ponto superior até o ponto mais alto da minha trajetória de movimento do quadrado. Então, quero que o quadrado gire mais quando atingir o topo e, em seguida, quero que ele se posicione facilmente quando se estabilizar na posição final Então esse é o tipo de curva que eu quero. Vou combinar esse ponto superior com o ponto superior do meu quadrado. Talvez por aqui, eu acho que é tarde demais. Deveria estar aqui na frente. E então, quando for emprestado, ele será animado muito rápido A rotação será animada muito rápido. Sim. Então essa é a curva que eu quero. E então eu vou aplicar essa cópia curva ao meu quadrado três. Aplique a atenuação e, em seguida, copie os dois últimos quadros-chave e copie a atenuação para o meu quadrado E vamos ver a animação agora. Talvez eu devesse soltar esse círculo ainda mais abaixo. Eu sinto que a posição é um pouco estranha entre essas, então eu vou tornar essa maior, eu acho Acho que gosto dessa transição. Você pode sentir a força e a energia. Sim, vamos deixar as coisas assim. Então essa é a ação da minha terceira cena. 13. Estilização da cena 3: Neste vídeo, vamos trabalhar em algumas reações e escalonamentos da minha terceira cena Já terminamos a ação da terceira cena no vídeo anterior. Então, agora é hora de adicionar mais variações das minhas cores ou cores de gradiente, animação secundária ou um pouco de squash and stretch Então, vamos dar uma olhada no que podemos fazer para a terceira cena. Vamos ao After Effects. Esta é a nossa animação até agora. A primeira coisa em que estou pensando é se nos referirmos ao meu arquivo do ilustrador aqui Na verdade, podemos adicionar alguma reação ao plano de fundo. Então, isso é algo que está faltando nesta cena aqui. Já temos a ação do plano de fundo, como a animação de notas na primeira cena. Também podemos adicionar: neste caso, você pode chamá-la de ação ou reação para o plano de fundo. Vamos dar uma olhada no que podemos fazer. Talvez eu queira adicionar mais uma camada de fundo nessa cor azul. Então, basicamente, vamos duplicar esse quadrado dois. E depois coloque-o aqui. Agora é chamado de quadrado quatro, certo? Então, eu queria excluir todos os quadros-chave que temos e, em seguida, movê-los para frente, torná-los maiores Desvincule a propriedade de escala, tipo, torne-a mais longa, como essa aqui E então vamos tentar animar a propriedade de escala. Vamos usar o quadro-chave na balança. Quando chegar pela primeira vez, talvez vamos tentar 136 como um quadrado antes e depois avançar 12 quadros, um, dois, aumentar este, quase como um pulso que estamos tentando fazer em segundo plano Você pode sentir que há um pulso no fundo que combina com a animação em primeiro plano para adicionar uma camada extra de movimento Vamos usar dez quadros novamente e depois torná-los bem finos novamente. E então vamos usar dez quadros novamente. Para mim, isso remonta a essa versão maior. E o último, talvez use dez quadros novamente, preencha todo o espaço para preencher a hospedagem, e é isso que vamos fazer. Em termos de atenuação, vamos clicar novamente no Assistente Easy Ease, acesse o editor gráfico. Certifique-se de que, dentro do gráfico de velocidade, vamos ajustar o gráfico para visualizar. Vou arrastar essa curva aqui. Para dar um alívio extremo aqui no meio. E então, para este, lembre-se que quando tudo se estabiliza, temos uma flexibilização muito extrema à esquerda, assim como a propriedade de rotação que tínhamos E então, essa, acho que vamos fazer uma flexibilização extrema para a esquerda novamente. Acho que podemos deletar o último quadro-chave. Podemos usar o penúltimo quadro-chave para preencher totalmente a cor azul, ocupando todo o espaço, e essa é a animação E então o que eu quero fazer é adicionar uma linha extra que vai do topo para ser uma animação secundária. E quase como se fosse um espeto que percorre toda a forma para colocá-la em posição Portanto, é muito fácil de fazer. Vamos até o penol e, em seguida, desenhar uma linha como esta Vamos fazer a linha de dez pontos e transformar a cor em uma cor branca. Podemos simplesmente fazer uma cor branca sólida neste caso. E certifique-se de que esta linha aqui, deixe-me chamá-la de linha, certifique-se de que está centralizada no centro da composição Então, eu quero aparecer aqui. Vamos adicionar um efeito de trim path e, em seguida, adicionar um quadro-chave no início e no Altere o final para zero, avance dez quadros, altere o início e o fim para 100% e, em seguida, clique novamente, vá para o assistente de quadros-chave, easy East Vamos mover a curva para arrastar ambas as extremidades para o meio que tenhamos uma atenuação extrema no centro e, em seguida, vamos mover os dois quadros-chave na extremidade Então, temos quase uma animação de desenho. Então é isso que temos. Temos uma linha desenhada de cima para baixo e , em seguida, percorre todas as formas para colocá-la em posição E a próxima coisa que quero acrescentar é que quero mudar algumas cores dessas formas aqui. Em termos de cores como esta aqui, quero que esses dois quadrados apareçam na cor preta em vez de verde, e então eles possam ficar verdes quando o espeto passar por essas formas e, em seguida, colocá-los na posição, isso mudará a cor desse Então, basicamente, o quadrado vai estar aqui. Vamos entrar no preenchimento de gradientes do grupo e, em seguida, vamos editar os gradientes É adicionar um quadro-chave aqui. No início, vou deletar o branco e o amarelo usando apenas o verde e o preto escuro. Algo parecido. Então, vamos também relacionar para facilitar a velocidade do quadro-chave, basta alterá-la para Essa é uma flexibilização geral que lhe dará algum tipo de energia Isso parece bom, e então eu vou copiar o quadro-chave, ir para a estaca zero. Vamos descer até o preenchimento de gradiente e depois adicioná-lo aqui Vamos ver se podemos mudar essa cor azul para verde no início. Então, para o quadrado quatro, vamos entrar no preenchimento de gradiente e adicionar um quadro-chave Aqui, e no começo, eu queria ser o gradiente verde que temos em vez do azul Vamos ver se isso vai funcionar. Vou mudar o amarelo aqui e garantir que não seja muito amarelo. Eu quero mais verde nisso. Vou movê-lo para cá assim. E então, faça com que esse terceiro quadrado não seja tão visível, então eu preciso mudar o terceiro quadrado talvez para um preto puro em vez de um preto verde. Basicamente, estamos apenas animando algumas estilizações das mudanças de cor, pois já temos a ação da terceira cena, só queremos adicionar algo extra para tornar a cena E agora, basicamente, mudamos esse fundo de cor azul para a cor verde. Então, ele será animado entre as duas cores. No entanto, eu meio que não quero a transição intermediária porque está meio desbotada. Então, eu meio que preciso ir para a estaca quatro e depois ter certeza de que tenho uma transição muito rápida entre as duas cores. Talvez apenas faça uma curva de flexibilização muito extrema no meio para que tenhamos uma transição muito rápida como essa De repente, o verde fica azul. Eu acho que isso funciona. O verde fica azul. E no início, temos dois quadrados pretos substituindo o quadrado preto. Espero que possamos usar o efeito de traçado para tornar a borda mais visível. Sim, você pode ver que, uma vez maior, fica muito visível, mas quando é menor, não é tão visível, mas vai ser uma dica do estilo Então, vamos fazer a mesma coisa com o quadrado dois para adicionar um traçado de gradiente Deixe-me copiar o traçado do gradiente e depois colocá-lo no quadrado um quadrado dois, assim Então, cada quadrado terá um traçado de gradiente um pouco mais de profundidade em relação à minha E a última coisa que queremos fazer é não querer a transição entre esse preto e esse verde gradiente Então, vou fazer a mesma coisa, talvez apenas copiar a atenuação da minha cópia do quadrado quatro e depois colá-la na animação de preenchimento de gradiente que a alteração seja muito Ou vamos clicar novamente na velocidade do quadro-chave, alterá-la em vez de 66, vamos alterá-la para 88 ou 88. Vamos tentar 88. 88 vai te dar uma curva como essa. Vou simplesmente arrastar tudo até o fim, talvez 100% de influência em ambos os lados. Copie essa influência de 100% em ambos os lados e cole-a no meu quadro-chave quadrado de uma cor, como este, facilitando. Não, isso não funciona. Não funciona para copiar e colar, então eu tenho que ajustar manualmente, basta arrastar 100% da influência de atenuação em ambos os lados Então, a curva se parece com isso. E então teremos uma mudança de cor muito rápida. Não é tão visível. E você pode ver a energia que temos agora. Está parecendo muito legal. Temos algumas mudanças de cor. Temos uma animação secundária da linha que atravessa. Temos algumas rotações. Temos um plano de fundo que está reagindo à animação em primeiro plano Então, isso é tudo o que queremos adicionar em termos de estabilização na terceira cena Vamos ver a animação que temos agora. 14. Tempo de Assignment: Agora, vamos discutir sua principal tarefa de classe. Até agora, exploramos como animar usando gráficos de velocidade e trabalhar nas cenas iniciais do Espero que você esteja se divertindo e se sentindo confortável com esse estilo de animação geométrica em ritmo acelerado geométrica em ritmo acelerado Para seu projeto principal, você tem duas opções para escolher. primeira opção é seguir minha demonstração e concluir três cenas do exemplo que estamos animando em sala de aula A tarefa final deve durar cerca de 6 segundos. Embora você não precise terminar todas as nove cenas, eu o encorajo a abordar mais se se sentir confortável. Lembre-se de que todos aprendem em seu próprio ritmo. Portanto, concentre-se em animar pelo menos três cenas do nosso storyboard que ressoem Isso ajudará você a aumentar sua confiança e entender esse estilo de animação. A segunda opção é que, se você estiver pronto para um desafio maior, forneci um storyboard totalmente novo, aquele que criei para a capa da seção Você pode escolher animar algo semelhante à animação da capa da minha seção ou usá-la como inspiração para desenvolver sua própria animação exclusiva Sinta-se à vontade para explorar plataformas como pinches, B hands ou Ravi para obter ideias adicionais Mal posso esperar para ver o que você pode criar. Depois de terminar as tarefas, não se esqueça de fazer o upload para compartilhar comigo e com seus colegas ou compartilhar nossa comunidade do Discord Estou ansioso para ver sua animação. Isso é tudo que tenho por enquanto em relação às tarefas. Continuaremos com a animação no próximo vídeo. 15. Animação 3D falsa: Tudo bem Neste vídeo, vamos continuar com nossa animação. Vamos animar a quarta cena aqui que se parece com isso E em termos da transição entre a terceira e a força, você pode simplesmente ver a terceira cena como uma vista superior de uma pirâmide ou, tipo, de um monte de blocos Na verdade, é a vista de cima, e então vamos virar a câmera neste caso, para mostrar a vista lateral da minha escada ou como minha pirâmide, para que você possa ver todas essas escadas subindo para que possamos mostrar um volume que ficará super legal e tornará seu projeto interessante Então, vamos fazer uma animação divertida para o quarto deles. Vamos voltar ao After Effects. Em primeiro lugar, deixe-me fazer uma captura de tela dessa camada porque preciso da posição dessas escadas para ter certeza de que faremos a mesma posição do storyboard Vou apenas adicionar essa captura de tela ao meu projeto. E então vamos usar essa captura para posicionar nossos quadrados Eu quero ver onde a animação termina. Então é aqui que tudo se instala. E depois que ele se estabelecer, vamos criar um objeto nulo para que possamos controlar o tamanho dos meus blocos Eu esqueci de cortar essa linha. Como só temos quadros-chave aqui, vou cortar essa linha aqui bem rápido E depois volte para o objeto nulo. Vamos chamar isso de um controlador. Para o nulo, vamos emparelhar a bola, o quadrado um, dois, três, quatro Passe tudo isso para mim. E agora eu posso mudar a escala para ter certeza de que podemos modificar a escala. Então, antes de transformar tudo, eu meio que quero dar um pouco de animação em escala para que não fique tão estático quando estamos girando, mas dando a ele uma camada intermediária de animação Então, vamos mudar isso de volta para 100%. É aqui que termina. Quero começar a escalar antes que ele termine de girar Talvez por aqui. E então podemos dar a ele talvez um, dois, três, três quadros de antecipação, torná-lo maior e, em seguida dez quadros, torná-lo menor Vai ser a animação real. Além disso, mesmo que o estejamos diminuindo, não quero que meu quadrado quatro fique totalmente dentro da cena, então ainda quero que ele desapareça da cena Vamos tentar fazer com que esse quadrado quatro seja ainda maior. Assim, mesmo que reduzamos tudo, ele ainda pode sangrar fora da cena Preciso torná-lo ainda mais alto. Ainda um pouco mais alto. Aqui. Apenas torne-o mais alto assim Então, quando estamos reduzindo, meu bloco de cor azul ainda está do lado de fora Mostramos apenas que esses blocos menores estão ficando menores. Clique com R em Keyframe Assistant, fácil e fácil. Vamos ao editor gráfico. Vamos mudar a curva. Basta arrastar os dois lados para o centro para dar uma flexibilização como essa Ah. Ok, isso funciona. E agora, vamos virar os quadrados para o lado. Para fazer isso, precisamos animar a propriedade do caminho desses quadrados E para virar de lado, na verdade precisamos de dois blocos diferentes Vou te mostrar o que quero dizer. Vamos para a estaca zero, e você pode ver que o grupo um é, na verdade, esse quadrado verde. E o que precisamos é de outro grupo, vamos duplicar esse grupo um G D. Vamos ter um grupo dois, mova-o para o fundo. E então, para o grupo dois, para o preenchimento de notas, vamos entrar Vamos mudar a cor para totalmente preto, preto puro. Mude tudo para preto. Se eu esconder o grupo um, você pode ver que há uma camada preta ali. Então, isso está atrás do meu quadrado. E precisamos de uma camada preta que esteja por trás todos esses quadrados para que possamos criar uma profundidade quando os viramos de lado. Então, vamos para a estaca zero. Comande D: duplique o grupo dois e, em seguida, vamos para o preenchimento de gradiente. Eu não preciso da animação colorida. Eu só preciso transformar o preenchimento do gradiente em preto puro. Isso vai ficar atrás do meu quadrado dois. E então o placar de dois a três, a mesma coisa. Basta duplicar e depois entrar. Preenchimento de gradiente, certifique-se de que podemos excluir os quadros-chave e depois mudar a cor para uma cor preta Se eu pegar o grupo um, você pode ver que há uma cor preta ali. Isso deve ser bom. E então o que precisamos fazer é animar a propriedade do caminho dessas camadas Para animar a propriedade do caminho, em primeiro lugar, quero ter certeza de selecionar o quadrado 123 e, em seguida, pesquisar o caminho Quero encontrar um lugar onde eu queira começar a dar a volta por aqui, talvez antes que o controlador termine a animação Vou definir um quadro-chave em todas as propriedades de caminho das três camadas. Isso é bom. E então vamos seguir em frente, talvez 15 quadros. Porque o giro precisa de algum tempo. E agora, precisamos da nossa camada de referência. Vamos mover minha camada de referência para dentro da coisa e, em seguida, deixe-me aumentá-la, ir para transparência, torná-la mais clara. Outra coisa é que talvez eu possa arrastar alguns contornos. Então, se eu pressionar o comando R, posso arrastar algumas diretrizes para alinhar com a espessura ou posição real da minha camada, para que eu saiba onde devo alinhar esses blocos ou caixas Então, digamos que se os alinharmos aqui desta forma. Ok, eu posso desligar minha camada de referência. E então deixe-me selecionar o F três, vá para o caminho novamente. Portanto, precisamos ajustar a animação do caminho para se alinhar com essas diretrizes Então, para este verde, vou selecionar os dois e movê-lo para cá assim. E então, para este, está na verdade atrás do verde. Se eu esconder o verde, você pode vê-lo aqui, então vou mover esse escuro para cá. E então, se eu ligar os dois, esta é a animação que você pode ver. Está girando. Ok, isso é exatamente o que eu quero. Vamos fazer a mesma coisa com o caminho azul. Eu vou colocá-lo aqui. Isso é bom. E então vamos esconder o grupo um. Vamos para o grupo dois. Só vou fazer este ficar mais alto e mudar o preto aqui E então vamos voltar ao grupo um. Se eu ver a animação, você pode ver que ela está realmente girando assim. Isso parece muito legal. E depois o último, o verde. Vou mudar a camada dessa forma para alinhar com minha guia e, em seguida, vamos esconder a primeira empurrar a preta para baixo E esse é o meu verde. E então o último é, na verdade, quadrado quatro. Ainda preciso adicionar um quadro-chave na propriedade path do quadrado quatro E para este, eu vou apenas ajustar este assim. Este não tem uma camada preta porque o fundo já está preto. Então, vamos tratá-la apenas como a última camada que teremos. Ok. Então, essa é uma animação giratória. E então, tudo o que precisamos fazer é adicionar alguma flexibilização às curvas Selecione dois quadros-chave. Clique com R em Assistente de quadro-chave. Easy Ease, acesse o editor gráfico. Eu queria ver se podemos fazer uma flexibilização extrema para a esquerda No entanto, deixe um pouco de espaço, talvez cerca de 20% de influência na alça esquerda e, em seguida, 100% na alça direita. Se eu copiar a atenuação e depois colá-la em todos esses quadros-chave, vamos ver a animação agora Sim, eu acho que isso parece muito legal. Então está ficando assim. 16. Elementos principais e segundos: Tudo bem, terminamos com as três câmeras D girando. Em seguida, vamos mudar a posição dessa bola e garantir que ela também vá com a câmera na posição três D. No momento, você pode ver que está meio que se sobrepondo ao meu primeiro passo aqui, primeira caixa Então, para fazer isso, primeiro, vamos esconder todas essas camadas de guia porque não precisamos mais delas. E então vamos para a camada de bola. Esta vai ser minha bola, e eu vou duplicá-la no comando D. Toque em você no teclado para mostrar o quadro-chave Eu quero ver para onde essa bola deve ir embora. Quero que essa bola nova venha daqui. Então, vamos excluir todas as propriedades de posição e, em seguida, mover essa bola para baixo. Talvez apenas corte-o aqui e depois mova-o até a parte inferior, fora da moldura. Pressione P no teclado em um quadro-chave de posição. Então, a partir daqui, deixe-me avançar talvez em torno de seis quadros, um, dois, três, quatro, cinco, seis, e eu quero que essa bola vá em linha reta para cima se sobreponha aqui para cobrir esse círculo médio Então, quando está coberto pelo círculo médio, eu posso realmente desligar essa camada. A bola original desaparecerá quando a nova bola estiver coberta por cima dela. E então deixe-me avançar mais 12 quadros. Eu vou animar essa bola aqui. Então essa bola vai atirar da parte inferior da tela até algum lugar aqui em cima. E então ela vai ficar aqui, e então vamos soltar essa bola para bater em cima da primeira caixa. Então, opte por mais 12 quadros. Solte essa bola para bater aqui. E essa será nossa nova animação de bola. Vamos dar uma olhada no editor gráfico, vá para Easy East. Ajuste o gráfico para visualizar. Eu quero que a coisa chegue com um pouco de energia. Então, vai entrar mais facilmente quando atingir a parte central. Vai ganhar muito impulso como esse. E então o ímpeto deve continuar. E eu quero que a bola fique pendurada enquanto estiver nos pontos mais altos ou no ponto mais alto. Então é aqui que a bola vai ficar mais alta, onde a curva deve ser plana. Está perdendo quase toda a energia. Vamos arrastar a alça para a esquerda e para a direita para tornar essa curva plana, então ela está perdendo muita velocidade na parte superior. E então vamos manter essa curva saltando. Assim, ele vai ricochetear nessa caixa e depois subir novamente. Mas vamos animar a próxima metade dos quadros-chave um pouco mais tarde Agora, eu só quero parar aqui. Vamos ver como é a animação. Então, se eu pré-visualizar a partir daqui, essa é a transição que eu quero. Eu quero que essa nova bola pegue a bola do meio no centro. E então quase como uma chatice. Então, estamos usando essa bola para arrastar a câmera ou curtir toda essa cena para cima, então a cena está girando. Isso parece muito bom para mim. E vamos voltar ao meu arquivo do ilustrador. Quero adicionar o círculo. Se você olhar para o ilustrador, também temos esse relógio bem grande acontecendo E eu quero que esse relógio talvez apareça quando o círculo atingir o ponto mais alto. Então, deixe-me colocar isso no After Effects. Temos esse círculo aqui. Basta chamar isso de um círculo. E então vamos colocar S no teclado, fazer um menor. Vamos reposicionar o círculo. Deixe-me ir até uma linha para ter certeza de que está no centro da minha composição verticalmente E então, quando a bola chegar aqui, eu quero animar o tamanho do círculo para fazê-lo aparecer Então, vou mudar a escala para zero, usar 410 quadros e torná-la maior assim E também quero animar a largura do traçado. Então, vamos entrar no círculo. traçado de avaliação do grupo de conteúdo terá uma largura de traçado Então, em termos de largura do traçado, a extremidade pode ser esses dez pontos. No começo, quero que seja mais grosso, talvez 40. Então, quase como uma explosão acontecendo. Se desculpe, eu mudei a coisa errada. Se fizermos 40 pontos de largura de traçado no início, teremos um Trcal mais grosso quando entrarmos. Quero que seja bem grosso, cerca de 150 pontos ou algo assim, porque é muito pequeno. É muito difícil ver se eu chego aos 40. E então vamos clicar. Você enquadra a assistência. Eu vou fazer uma explosão. Então, no início, deve haver um movimento rápido, então ele explode e, em seguida, deve se posicionar lentamente Acho que é muito rápido. Talvez eu ainda precise afastar os quadros-chave. E se eu mover esse círculo um pouco para frente para me alinhar melhor com o círculo, chegaremos ao ponto mais alto Então eu quero que esse círculo apareça aqui, e então a coisa está explodindo. Além disso, não quero que fique na frente da minha caixa, então preciso empurrar essa explosão circular Para baixo, para que fique atrás da praça, parece bom. Você no teclado. Agora que acho que a largura do traço final é muito fina, vou mudar para ficar um pouco mais grossa, talvez 30% Acho que isso funciona. Então, no começo, vamos fazer 300. Sim, acho que funciona melhor. 17. Sincronizando ações complexas: T. Vamos continuar com nossa animação. Vamos para a camada do controlador e ativar a propriedade de escala. Eu quero reduzir tudo enquanto a câmera está girando Então, basicamente, quando a câmera começar a girar, vamos clicar em um quadro-chave na propriedade de escala avançar dez quadros E então podemos reduzir tudo um pouco para que possamos mostrar três caixas aqui. E então o último vai se estender além do meu clique, vá para a velocidade do quadro-chave Vamos digitar o valor 66 66. OK. E então vamos ver como é a animação. Sim. Dessa forma, podemos ter uma visão completa de nossas caixas de nossos três D aqui. E então, o que precisamos fazer é trazer os outros elementos do Illustrator Vamos transferir esse anel para o After Effects e depois alinhá-lo com meu círculo principal desta forma Chame isso de círculo externo e baixe-o para ficar mais perto da explosão do meu círculo Eu também quero que seja o pai da explosão do círculo. E então eu posso mover essa camada ou cortar essa camada aqui. Isso é bom. E depois vá para a lata de adicionar esses dois pequenos elementos. E essas pequenas linhas aqui, vamos fazer isso dentro do After Effect. Portanto, não precisamos adicionar mais nada no momento. Vamos voltar para continuar com nossa animação. Ok, então a próxima coisa, precisamos animar essa bola batendo nas caixas e depois saltando Ele vai deslizar dentro desse círculo, contornar o círculo e depois vai para o topo, cai para baixo novamente e depois salta para cima novamente. Então essa será nossa animação. Vamos bater em você no teclado para pegar a bola. E a próxima coisa, o que precisamos fazer agora é adicionar outro objeto nulo Chame isso de controlador de balança única. Então vamos voltar à composição. Certifique-se de que temos esse objeto nulo na parte inferior da camada e, em seguida, quero associar esse controlador original ao meu controlador de escala Então, se eu pressionar S no teclado, vincular a propriedade de escala, eu posso realmente modificar a escala dessas quatro caixas juntas desta forma. Dessa forma, podemos animar quase o squash e o alongamento quando a bola toca nas caixas Então é isso que queremos fazer. Vamos avançar talvez dez frames, e vamos soltar essa bola para bater nas caixas. No entanto, vamos reduzi-lo ainda mais porque eu também quero esmagar as caixas Depois de soltarmos a bola mais abaixo, vamos para a propriedade de escala e também pressionamos P no teclado. Vamos animar a propriedade de posição aqui. Acho que isso pode funcionar melhor em vez de usar a balança. Vamos movê-lo para baixo assim. OK. E então ele vai empurrá-lo para baixo. Também vai arrastar meus nascimentos circulares para baixo. Então eu preciso ir até a camada circular de explosão, colocar P na propriedade position e arrastar esta para alinhar com meu objeto principal Então essa é a moção que temos. Vamos ao editor de curvas para ver a posição da camada da bola Precisamos de uma curva de queda livre aqui. Então, para a curva de queda livre, ela continuará ganhando velocidade até o final Então, vai ser uma curva extrema à direita, como essa. Continue caindo em queda livre. E deixe-me copiar a influência dos dois quadros-chave e colá-la no controlador de escala, assim como meu círculo explodir E agora os três terão a mesma animação. Vai cair assim. Isso é bom. E então vamos avançar dez quadros ou talvez oito quadros. Vamos fazer a bola quicar desse jeito. E então, uma vez que quicemos essa bola para cima, vamos mover o círculo primeiro para cima também para que minha bola ainda esteja dentro do círculo, deslize para baixo do círculo seguindo este contorno E vamos até o controlador de balança também. Uma vez que tudo sobe. Quero adicionar uma propriedade de escala aqui. Deixe-me subir assim. Isso é bom. E então, que a bola deslize pelo círculo. Vamos avançar com três quadros-chave, um, dois, três. Mova a posição da bola aqui e depois avance mais três quadros. Mova a posição para a parte inferior aqui. Avance mais três quadros. Mova-o para aqui. Mais três quadros, mova-os para cima e, em seguida, vamos fazer outros oito quadros, cair para baixo novamente e, em seguida, vamos fazer outros cinco quadros para saltar para o centro Então, essa será minha trajetória geral de movimento. No entanto, preciso torná-lo um caminho curvo. Então, vamos para a ferramenta de pinos, vamos para a ferramenta de conversão de vértice, ela está nesse vértice para torná-la uma curva, só para ter certeza de que minha curva está seguindo o contorno do círculo, assim contorno do círculo, Isso vai acontecer muito rápido, então podemos fazer isso de forma aproximada. E se eu quiser mover a posição do círculo, posso simplesmente pressionar V no teclado e mover essas posições também para melhor posicioná-las de forma que ele deslize por esse círculo interno aqui Isso é bom. E a próxima coisa que precisamos fazer é ajustar as curvas Então, vamos analisar esse. Agora, temos essa bola quicando, então temos uma curva de salto aqui, e uma vez atingida, ela também terá uma curva de salto no lado direito Portanto, a curva do lado direito deve ser semelhante à esquerda para formar uma curva de ressalto quase simétrica Portanto, a energia é consistente. E então vamos transferi-lo até aqui. Então, basicamente, quando atingir o ponto mais alto, perderá muita energia. E então, quando a bola cair, ela deslizará e absorverá energia Neste ponto, é aqui que a bola deve ter mais energia. Então, para tornar esse ponto o mais rápido, precisamos mover esses pequenos pontos até o topo E para fazer isso, se eu mover apenas um ponto aqui, as alças esquerda e direita serão quebradas. Portanto, preciso selecionar dois pontos aqui e, em seguida , clicar nele, converter para Auto Basie Nesse caso, posso mover alça esquerda e direita ao mesmo tempo e, em seguida, simplesmente me mover até o topo Assim. Isso é bom. E então eu também vou converter esses pontos em Auto Basie Vamos voltar à linha do tempo. Também preciso ter certeza de que os quadros-chave esquerdo e direito desse quadro-chave aqui serão convertidos com o botão direito do mouse em um quadro-chave itinerante ao longo do tempo Então, basicamente, isso significa que ele será vinculado ao quadro-chave antes e depois e, em seguida, igualará nosso valor Se voltarmos ao editor de curvas, o gráfico de velocidade, você pode ver, nossa curva fica muito mais suave agora Basicamente, ele se reposiciona automaticamente para formar uma curva suave Agora temos uma ótima curva que podemos usar para nossa trajetória de movimento. E aqui no ponto mais alto, ele vai perder muita velocidade, o que é bom, e então vamos fazer uma curva de queda livre captando energia, então ela vai mais rápido E então, uma vez que ela se recupere, será uma curva extrema para a direita Vamos cortar aqui no final da próxima cena. É aqui que nossa animação estará. Vamos ver como é. E precisamos aqui copiar esses dois quadros-chave, a atenuação, e depois colá-los na explosão do círculo para que meu círculo siga essa bola Vamos dar uma olhada. Sim, isso parece bom. E então eu posso simplesmente adicionar o efeito ecole à minha bola dois É um efeito de eco. Vamos fazer 0,002 e depois vamos fazer 15 cópias. E agora vamos ver como é. Sim, acho que parece bom. E agora você pode ver que o problema é que nossa bola está indo na frente das caixas. Então, precisamos cortar essa camada de bola. Quando ela ricochetear, vamos cortá-la daqui e, em seguida, garantir que a bola três esteja abaixo do quadrado quatro, de modo que fique atrás de todos esses quadrados em vez de ficar atrás de todos esses quadrados em vez de E então vamos continuar animando esse controlador de escala Podemos copiar esses dois quadros-chave, a atenuação na escala do controlador de escala, e então vamos fazer o controlador de escala se mova para baixo assim Então, vai ficar assim no final. Algo parecido. Vamos ajustar a curva aqui. Vamos apenas fazer uma curva de atenuação no meio, como esta Então, as caixas estão saindo do caminho. E então, na extremidade final, preciso que a caixa se mova novamente para fazer um corte de fósforo no final. Então, será uma curva de atenuação extrema para a direita, assim, assim, totalmente para a direita E isso será uma partida cortada no final. Ok, isso funciona. E a última coisa é que essa coisa circular que precisamos cuidar, precisamos animar a explosão do círculo Eu posso fazer essa explosão um pouco menor assim. E então acho que quando chegar à primeira caixa, é aqui que vou apresentar minha explosão externa Vou simplesmente ir de 0 a 107. Então, o começo será zero. E então eu também quero fazer uma animação com a largura do traçado. A largura final do traço será assim. Acerte talvez dois pontos, e então o começo seria acertar 100 pontos. E então vamos clicar novamente, ajuste facilmente o quadro-chave. Certifique-se de que está facilitando a entrada, assim. E então também podemos cortá-lo, talvez aqui, e movê-lo para fora. Então, temos uma animação como essa. OK. Preciso que minha cabeça seja bem grossa no começo. Então, vamos fazer isso. Quase como um salto, e então isso desencadeia a reação do meu Então essa é a nossa animação aqui, o círculo externo. Vou apenas alinhar essa posição do círculo com a bola aqui, e então vou mover esse círculo para cima também Para introduzir este fósforo, corte no final. Então, vamos fazer uma curva de atenuação extrema para a direita. Ok, isso é bom. Então, temos uma curva de corte de fósforo no final da explosão do círculo, o controlador de escala e a bola dois Então, vamos ver a animação. O único problema é que o controlador de balança aqui, eu acho, está diminuindo demais. Eu posso aumentá-lo um pouco. E então eu também quero fazer mais algumas reações quando a bola atingir a primeira caixa. Então, basicamente, eu quero que essas caixas se encolham para um tamanho e largura semelhantes Vamos para os quadrados um e quatro e , em seguida, pesquisar a propriedade do caminho. Vamos adicionar um quadro-chave na propriedade path quando o círculo atingir a caixa. E então deixe-me ampliar, e vou alterar a largura dessas caixas para combinar com a primeira caixa. OK. E então vamos fazer o quadrado três. Então vamos fazer o quadrado quatro. Eu vejo a animação aqui. Eu quero que esse golpe final possa ser um pouco maior. Ok, acho que isso funciona. É isso com este vídeo. Vamos terminar a cena no próximo vídeo. 18. Como finalizar a cena 4: Tudo bem, bem-vindo de volta. Vamos terminar a cena neste vídeo. Essa é provavelmente a cena mais difícil de todo o projeto. Então, obrigado por ter paciência comigo. Vamos terminar a cena neste vídeo. Vamos voltar ao Illustrator e colocar alguns elementos dentro do After Effects Temos esses pequenos elementos que funcionam 24 horas por dia. Deixe-me selecionar todos esses. Eu posso agrupá-los e depois colocá-los dentro do After Effects. Está gerando várias camadas. Vamos pré-compor todas essas camadas. Chame esses pinos de relógio. E então vamos entrar nessa composição. A composição em si não é grande o suficiente, então precisaremos aumentar a largura para mostrar todos esses pequenos pinos Vamos mover essa composição de camadas logo acima da nossa camada circular de nascimento. Isso é bom. E então podemos tornar essa composição menor. Mova-o para que fique posicionado corretamente dentro do nosso relógio. Eu acho que isso funciona. E agora só precisamos encontrar um lugar onde possamos girar este E também precisamos criar essa camada com nossa explosão de círculo para que ela viaje com ela Acho que vamos começar a girar o. Vamos apertar R no teclado e começar a girar. Até o final, talvez apenas faça uma rotação. Isso pode ser demais. Ok, isso pode ser demais. Deixe-me seguir em frente e talvez esconder tudo isso como na metade inferior, e então ficaremos apenas mantendo tudo que está na metade superior. Então, no final, eu quero que tudo esteja em zero grau para que possamos ver esses pinos na parte superior e eu digo um quadro-chave aqui E depois volte ao início, eu quero que seja talvez em algum lugar por aqui. Deixe-me torná-lo um pouco maior 110. Então deixe-me ir ao assistente de quadros-chave. Fácil facilidade. Vamos mudar isso para uma flexibilização extrema, então é como ficar em uma posição como E se tivermos apenas um pino? Porque eu sinto que ainda é demais. Deixe-me deletar tudo. Só tome um. No começo. Vamos mantê-lo em zero no início. Mova-o um pouco para baixo. Então, temos esse único pino aqui. Vai aparecer com meu círculo externo. Vai ser cortado assim. E então ele vai começar a girar. Adicione um quadro-chave aqui. E então, quando a bola atingir o círculo novamente, vou adicionar outro quadro-chave. Vai ter um de rotação. Vamos ao editor gráfico. Clique com o botão direito do mouse em Keyframe Assistant, e. Deixe-me alterar o gráfico Talvez algo parecido com isso. Então, está meio que girando com meu círculo principal aqui. Ok, eu acho que isso parece bom. E então deixe-me entrar no meu alfinete do relógio. Deixe-me ativar mais algumas como essas. Só mantemos três deles. E se ativarmos mais algumas na parte inferior? Então, vamos ver. Ok, eu acho que isso parece bom. Então, eu só preciso torná-lo um pouco menor e depois reposicioná-lo Então, está bem no centro do meu círculo. E então, deixe-me adicionar uma alteração de opacidade de 0%. G 410 quadros a 100%. Talvez algo parecido. Basta ver quantos desses pinos você deseja ativar e pronto para essas peças A próxima coisa que precisamos fazer é adicionar todas essas pequenas linhas tracejadas dentro do meu relógio Então, vou duplicar essa camada do círculo externo. U no teclado. Eu não preciso de todos esses quadros-chave. M é menor, então está dentro dessa camada de explosão circular, e então eu preciso entrar no meu traçado e adicionar uma linha tracejada Vamos ampliar a linha do traço. Deixe-me clicar neste sinal de mais novamente e preciso de uma lacuna. A largura do traço, precisamos torná-la maior. Talvez fôssemos fazer 100 pontos, tornar o traço mais fino e depois aumentar a lacuna Então, isso parece semelhante ao que temos agora. Vamos até S para ver o tamanho e colocá-lo preso a essa explosão circular desta forma, e então podemos movê-lo para baixo atrás da explosão circular Vamos também fazer com que a largura fique um pouco menor. Mude para 50 Sim, acho que funciona. E a próxima coisa que precisamos fazer é animar com trim path, adicionando um trim path, e então, se eu usar o valor final, ele será animado a partir daqui, então eu preciso deslocá-lo para que fique Eu quero compensá-lo para começar do topo, isso é bom. Em seguida, adicionarei um quadro-chave no início e no final. Então, se eu tiver o final em zero no início, esse será o começo quando minha bola estiver prestes a se deitar no círculo. E então o final seria a bola no topo, e é aqui que o final será 100%. E então vamos usar reli, assistente de quadros-chave, easy easy Tente combinar com a animação da minha bola. Como se essa bola estivesse liderando todas essas linhas desse jeito. E então eu vou mudar esse traço com maior novamente, um pouco maior. Isso funciona? Também posso diminuir o tom com a opacidade Eu gosto de 50% em vez de 100%. Sim, acho que isso funciona. E essa é a animação do nosso relógio. Talvez eu não queira que seja anexado à minha explosão circular, então vou simplesmente aumentar o tamanho, torná-lo menor, assim Ok, isso pode parecer melhor. R. E então vamos reduzir a opacidade novamente para Ok, isso parece melhor. E essa é a nossa animação completa nesta cena aqui. E a última coisa que queremos fazer é adicionar outra camada de movimento com objetos nulos E esse, poderíamos chamá-lo de controle mestre. E podemos criar qualquer coisa que não tenha um objeto nulo com essa camada de controle mestre Portanto, selecione tudo que não tenha pais. Bola de três círculos. Primeiro, vou cuidar de tudo isso com meu controle principal. Vou aumentar a posição e a escala. Então, eu queria começar daqui, quando ela estivesse prestes a cair e girar a câmera, eu atingiria a escala de um quadro-chave E então, quando tudo ficar assim, vou tornar tudo maior, assim. E então, antes que acabe no final, vou reduzir tudo talvez para 115, e depois esse para 100% Então, se clicarmos novamente, Keyframe Assistant, Essa. Vamos ajustar a curva. O primeiro será virar para a direita assim. E depois a do meio, esta, e a última, será uma flexibilização extrema para a direita antes do final do quadro da partida. Talvez esse ponto seja muito grande. Eu vou fazer 125, e aqui, eu não sei. Vamos mantê-lo 115. Deixe-me ver como fica agora com um pouco de mudança na escala de posição. Eu vou empurrá-lo para cima. E então essa, eu vou mantê-la em 15. É muito grande, já está lá fora, então vou mudar para 100%. Vamos tentar mover a posição porque eu meio que quero que o círculo fique no centro. No momento, o círculo está se movendo demais para o topo. Então, eu meio que quero mudar tudo para baixo. Algo parecido com isso. Vamos tentar essa mudança de posição, se funcionar. Vou mudar a curva assim para o centro, e então a última seria a extrema direita , um corte de fósforo. Acho que parece melhor porque eu só quero que esse círculo fique no centro na maior parte do tempo. E vamos dar uma olhada na nossa animação até agora. Isso é tudo para a cena. Essa é uma cena muito longa, e você pode fazer uma pausa se quiser, mas no próximo vídeo, continuaremos com a animação. 19. Estabelecer a ação principal: Tudo bem. Neste vídeo, vamos continuar animando a próxima cena, que será a Cena cinco Deixe-me voltar ao meu arquivo do ilustrador. Essa será a nossa cena cinco. Vamos adicionar esses elementos After Effects. Deixe-me mover essa bola. E então eu vou mover os dois círculos. Deixe-me mover esses elementos aqui. E então eu preciso dessa linha aqui. Eu também preciso dessa linha aqui. Você pode ver que está se sobrepondo à minha cena anterior, então preciso avançar um pouco que não se sobreponha Vou cortar essa cena aqui e depois passar para a próxima cena aqui. Para a nova cena, vamos selecionar todas as camadas, alterá-las para uma cor de rótulo diferente. Vamos mudar para verde. E você pode ver que essa linha não é contínua, então precisamos usar uma ferramenta de alfinete para arrastar esse ponto até o topo, então temos essa linha. Isso é atravessar o círculo que se estende até o tolo. Duração da cena aqui. E agora só falta a grade, mas vamos fazer a grade dentro do After Effects. Então, deve estar bem por enquanto. Esses são todos os elementos que precisamos para a cena. Preciso encontrar essa camada de bola, chamá-la de bola e depois movê-la até o topo. Eu posso mudar para criar essa camada de globo profundo no topo aqui. Não estamos usando isso agora, então eu posso escondê-lo. Primeiro, quero animar a propriedade de posição dessa bola aqui H P no teclado em uma propriedade de posição em zero, ou no início, eu quero que ele dispare para cima, então fique abaixado no início, e então vamos fazer talvez vamos tocar três quadros, um, dois, três, movê-lo para cima bem rapidamente, e então serão necessários mais oito quadros para se estabelecer na posição central aqui Depois que se estabilizar, teremos essa linha no canto esquerdo, canto inferior esquerdo atirando para cima até cruzar essa bola aqui E então, quando tudo se acalmar um pouco, teremos outra linha apenas atirando essa bola para baixo. Então, teremos talvez mais quatro quadros, um, dois, três, quatro, só para que essa bola se mova um pouco para baixo, outros oito quadros. Para ser empurrado por essa linha empurrada para baixo, e depois faremos mais alguns quadros, recue para trás. Então essa será a animação da linha. Vamos fazer uma tarefa fácil e usar o editor gráfico. Podemos ajustar um pouco a curva. Vamos fazer uma flexibilização extrema à esquerda porque esse é o começo dos cortes da partida, e depois vamos filmar essa parte aqui para a esquerda E no meio, vamos fazer uma flexibilização centro e na última posição, vamos fazer uma flexibilização extrema para a direita porque é um corte de fósforo do Vamos ver se isso funciona. Vamos mover essa curva aqui. Eu preciso que esse ponto tenha a velocidade mais rápida aqui. Então, ele será empurrado para baixo por essa linha. Então, estamos movendo essa posição intermediária para cima e, em seguida, podemos arrastar essa alça para trás. Então, aqui, esse ponto tem uma velocidade maior. Está sendo empurrado por esta linha. R. E então vai subir no final. Então, acho que aproximadamente a animação funciona. Eu só preciso cronometrar com minha animação de linha. Vamos encontrar a linha aqui. Então essa vai ser minha linha um. E então tudo o que precisamos é adicionar um efeito de trajetória de corte. E então podemos animar a posição final. Vamos fazer zero no começo. E então vamos fazer com que talvez 12 quadros se tornem 100%. Vamos prosseguir e facilitar o quadro-chave. Vamos ao editor gráfico. Eu quero mudar o gráfico. Vamos fazer uma influência no início, pode ser de 40%, e depois vamos fazer uma maior flexibilização no final, talvez 95% Ou, vamos fazer 100%. Por aqui, vamos fazer 3.100%. Vamos ver como isso funciona. Preciso emparelhar essa linha com o círculo. Então, vamos para a linha um e depois emparelhá-la com a camada da bola. Quando a bola entrar, quero que essa linha saia para atravessar esse círculo aqui. Eu acho que isso funciona. E então eu também preciso emparelhar essa outra linha. Vamos chamar isso de uma linha dois. Deixe-me colocar essa linha no círculo também. E vamos adicionar também o defeito do caminho de corte. Basta copiar o traçado de corte, colar e tocar no teclado Já teremos o quadro-chave. Acho que, no geral, já funciona. Então eu quero que essa outra linha entre enquanto o círculo está sendo empurrado para baixo. Quando a linha cruza um círculo como esse, o círculo é empurrado para baixo e depois recua Isso funciona. Acho que o único ajuste que precisamos é tornar essa linha mais visível aqui. No momento, é muito difícil de ver. Então, deixe-me mudar isso para uma cor azul mais escura diferente. Isso é mais fácil de ver, e então podemos estender essa linha, para que ela ainda saia do quadro. Enquanto estava sendo empurrado para baixo. Sim. Vamos adicionar o efeito de eco à camada da bola. E então vamos 2.002, e então echo vamos fazer Acho que precisamos unir essas duas cenas. Vou mover cada quadro para trás em um quadro. H. O problema pode ser a posição inicial da minha bola no 15. Então, precisamos mover esse círculo mais para cima, para que comece daqui em vez de ir até o fundo. Tudo está subindo aqui, isso é bom, e então temos o círculo surgindo assim. Então, deixe-me mover tudo para trás para mais um quadro, e então podemos cortar um quadro Então, quando chega, bola já está se movendo em vez de começar a se mover. E há alguma sobreposição, então preciso cortar minhas camadas anteriores Olha, todas essas camadas da minha cena quatro, eu preciso cortar mais um quadro da cena anterior aqui. Sim, acho que está se conectando melhor agora. E para a bola, precisamos mudar o operador de eco para o máximo Então, ainda estamos mostrando a cor original do meu círculo na quinta cena. Isso é bom. E agora só precisamos animar a animação de graduação em segundo plano Vamos voltar à minha primeira cena aqui. Vamos copiar minha camada de animação de graduação, que é a primeira camada deste projeto. Copie isso. E então vamos colá-lo aqui movê-lo totalmente de volta. Mude a cor do rótulo para verde e, em seguida, toque no teclado para mostrar o quadro-chave Não precisamos de tantos quadros-chave. Vou apenas excluir os dois quadros-chave do meio. E então deixe-me arrastar esses quadros-chave assim. Vou ter apenas dois quadros-chave para cada lado. Deixe-me também me alinhar melhor com minha animação na bola. Vou apenas para a largura, vou terminar a animação da largura a partir daqui, e depois vou começar a animação de altura, e depois ela vai parar, está aqui Vamos dar uma olhada no que parece. Eu acho que isso funciona. Vamos ao editor gráfico. Já tem uma curva de flexibilização bastante extrema. Posso arrastá-lo um pouco mais para diminuir a velocidade no final Sim, acho que funciona muito bem. Essa é a nossa ação da cena. Basicamente, temos as duas linhas animadas com o círculo no centro e, em seguida, temos a animação da grade de fundo E no próximo vídeo, vamos trabalhar na animação secundária. 20. Reação e animação: Então, essa primeira cena é uma cena muito curta. Não queremos gastar muito tempo com isso. Vamos finalizar rapidamente a animação secundária na cena, para que possamos finalizar essa cena. No momento, já temos a ação principal, que é a bola, as linhas e os planos de fundo E vamos fazer uma animação nesses círculos aqui. Temos o círculo um aqui. Círculo dois. Deixe-me mover esses dois até o topo. E então, para o círculo um, vamos entrar na propriedade de escala. Vamos apenas fazer uma mudança de escala. Pode estar começando do zero e, quando atingir o círculo, quando a linha atingir um círculo , causará uma explosão aqui e depois se tornará 100% De zero no início a 100%. E talvez ele possa ultrapassar 120 depois de mais três quadros, voltando para 100% Então, agora temos 021 20, dois 100%. Essa é uma facilidade fácil. Vou mudar o gráfico assim. Uma flexibilização geral Talvez 122 grandes. Está em 110. Vamos ver essa animação circular sozinha. Vamos mover esse quadro-chave aqui. Precisamos tornar isso gentil. E então podemos cortar a camada enquanto ela ainda é pequena. Então, quando chegou pela primeira vez, já é grande. Vamos tentar isso. Vamos ver como funciona com minha animação aqui. Sim, acho que isso funciona. E então deixe-me copiar os três quadros-chave até o Círculo dois. Para o Círculo dois, vamos cortar a camada aqui também. E então deixe-me posicionar o círculo dois enquanto a segunda linha atinge meu círculo. Vamos fazer com que o Círculo 2 seja lançado. Algo parecido. No entanto, ainda acho que a animação é muito rápida Deixe-me tentar facilitar esses quadros-chave. Dê mais tempo. Sim, acho que parece melhor. Além disso, precisamos criar os dois círculos com a bola do meio aqui. Logo antes de se mover. Então, vou colocar esses dois círculos minha bola do meio aqui. E essa é a animação. Vamos diminuir a transparência da grade. Eu acho que é um pouco pesado demais. Talvez mude para 50% de transparência. Basta deixar o fundo um pouco desbotado. Sim, eu acho que isso parece bom. E então podemos animar esses dois pequenos elementos aqui. Vamos apenas fazer uma animação de posição. Vamos ter a camada dez pai para a camada nove e, em seguida, a camada nove pai para a camada oito. E então, para a camada oito, vamos fazer uma mudança de posição. No começo, quero que fique do lado esquerdo, fora da moldura. E então ele virá com essas linhas de grade aqui quando a grade se estabelecer em posição Eu meio que queria movê-lo para essa posição aqui. E então podemos realmente copiar a flexibilização da minha grade. Deixe-me voltar para minha grade e depois mostrar o quadro-chave. Vamos copiar a flexibilização. Cole-o na minha camada oito. Vai entrar com minha grade. Além disso, quero fazer algumas animações de rotação nessas três camadas diferentes. Deixe-me ampliar. Propriedade de rotação adicional. Vamos fazer uma rotação de 90 graus na primeira e na última camada. E então, no meio, eu quero fazer uma rotação negativa de 90. Então, na verdade, eles giram de forma diferente. E para a atenuação, vamos também copiar a atenuação da minha propriedade de posição colá-la em toda a propriedade de rotação Vamos dar uma olhada. Vamos mudar toda a rotação para 180 polegadas em vez de 90, e então isso é o que parece. É sutil, mas você pode ver que há uma rotação quando está chegando. Eu acho que isso é bom o suficiente. Isso é bom por enquanto, e vamos fazer a mesma coisa com as três camadas. Vou cuidar dos sete aos seis e depois cuidar dos seis aos cinco. Vamos fazer apenas uma alteração de propriedade de posição. No começo, ele vai ficar no topo e depois vai cair até aqui. E então, em termos de rotação, vou copiar a rotação desses quadros-chave e depois colá-la em d três camadas. Assim. E agora temos um conjunto diferente de animação secundária aqui. No entanto, esses elementos entrarão com o outro lado da grade, então vou cronometrá-los com o outro lado da grade aqui para alinhar com esses dois quadros-chave Deixe-me mover a posição da camada para aqui. Portanto, não está na mesma coluna das minhas camadas aqui. Eu acho que isso funciona. É uma animação curta, então podemos cortá-la rapidamente. Aí está. Esta é a nossa animação da cena cinco. Se jogarmos tudo. Vamos cortar essa camada aqui, então vamos jogar tudo desde o início. Mesmo agora, você pode ver que ele está se conectando ao primeiro quadro, quase como um loop contínuo No entanto, a posição da bola é um pouco diferente, mas você entendeu. Continuaremos animando no próximo vídeo. 21. Animação com física simples: T. Tudo bem. Neste vídeo, vamos continuar com nossa animação. Deixe-me voltar ao nosso storyboard. Essa será a próxima cena que estamos animando. Deixe-me primeiro trazer esses elementos para o After Effects. Podemos fazer essa barra central aqui primeiro. Vamos tentar fazer isso. E então podemos jogar essa bola lá dentro. Isso é bom. E então podemos selecionar a grade. Isso criará várias camadas, mas vamos selecionar todas as camadas da grade e, em seguida, pré-compor Chame isso de topo de grade. Isso é bom. E então podemos fazer uma grade na parte inferior aqui. Isso é bom. E então vamos cortar essa camada ou mover tudo para frente. Portanto, não está se sobrepondo à minha cena anterior. Vou cortar todas as camadas da cena anterior. E então, nessa nova cena, vou mudar a cor do rótulo para talvez uma cor de pêssego Portanto, é diferente da cena anterior aqui. Isso é bom. E esses serão todos os elementos de que precisamos para essa cena. Vou renomear este para Circle. Renomeie este para a barra. Então, para essa grade agora, ela tem exatamente o mesmo tamanho da minha composição. Vou aumentar a escala, alterá-la para 125, torná-la um pouco maior. Isso é bom por enquanto. E então eu vou mover a de baixo para cima um pouco. Se eu esconder essas duas, vou tentar unir essas grades no centro da minha composição, para que as duas linhas fiquem meio que se alinhando dessa forma Isso é bom. E então vamos continuar com a animação. Primeiro, podemos animar essa barra central aqui. Vamos fazer uma mudança de escala, desvincular a propriedade. Vamos adicionar um quadro-chave, M zero no início. E então avance oito quadros. Vamos tentar fazer talvez 150 como uma superação e depois avançar cinco quadros, um, dois, três, 45 Mude-o de volta para 100%. Então, temos uma animação agora. Vamos simplificar como quadro-chave. Vamos mudar para uma atenuação extrema à esquerda porque essa cena vem da cena anterior e vamos fazer um corte de fósforo Então, a energia já está lá, vinda da última cena que temos. E então, para a segunda parte, vamos fazer outra flexibilização extrema no outro lado E essa será a nossa curva. Vamos experimentar a animação. Isso parece bom. Vamos mover o círculo e a barra no topo da camada da grade. Isso parece bom. E então vamos fazer uma mudança de escala e posição do círculo. Para a escala, vamos fazer uma escala de zero a 100%. Isso é bom. E então podemos copiar a atenuação nesses dois quadros-chave colocá-la no círculo E então, para a posição, vamos clicar diretamente na dimensão separada. Nós vamos fazer apenas a posição y. No começo, quero que o círculo fique bem abaixado, talvez como por aqui. E então ele vai aparecer aqui, e então ele vai cair novamente para o centro da minha tela, e essa vai ser a animação. Vai subir e depois descer. Deixe-me copiar a flexibilização desses quadros-chave. Cole-o. Vamos dar uma olhada na animação. Isso parece muito legal. Então, temos essa bola saindo da cena anterior, e isso vai se tornar esse novo círculo na minha cena seis e depois disparando para cima, caindo para baixo Isso é bom. E a seguir, vamos animar a linha da grade aqui Para a linha da grade, eu meio que quero que a linha da grade se mova com a barra amarela que temos quando a barra amarela aumenta de tamanho. Vamos ter a barra amarela para empurrar a linha da grade para fora. Então, se quisermos fazer isso, deixe-me fazer uma animação de posição para a grade. O P no teclado. E então vamos adicionar um quadro-chave aqui. No começo, vai ser assim. E então, por volta desse segundo aqui, eu vou mover este para baixo. aqui para alinhar minha parte superior da grade com minha barra amarela, e depois vou mover a parte superior também, para alinhá-la E depois que a barra amarela entrar, vou mover tudo de volta para sua posição original desta forma. Basta copiar o primeiro quadro-chave. E então podemos simplesmente fazer a mesma atenuação, copiar a atenuação e colá-la nesses quadros-chave Vamos dar uma olhada. Agora você pode ver a barra de escala está empurrando minha grade para fora quando ela aumenta. Essa é a reação da animação. Basicamente. Temos a ação, que é a animação principal, meu círculo e a barra amarela central aqui, e então a reação seria a grade que está sendo empurrada pela barra amarela quando está aumentando Isso é bom. Então, vamos tentar adicionar um objeto nulo Chame isso de escala de grade única. E então vamos emparelhar a grade superior e inferior com a escala. Isso é bom. Ele estava no teclado. Também faremos uma mudança de escala para a rede. Então, digamos que, no início, se a escala estiver em torno de 85, teremos uma grade menor. E então, quando tudo estiver aparecendo, quero que a grade também aumente de tamanho Então, vamos tentar, tipo 110%. E então vai voltar para 100%. Então essa é outra camada extra de animação. Vamos tentar copiar a atenuação novamente. Então, estamos usando as mesmas informações de atenuação para todos esses quadros-chave Cole-o e vamos dar uma olhada. Você pode ver que há uma mudança de escala na grade. E o problema é que essa grade aqui mostra uma linha na parte inferior, então eu preciso mover a posição um pouco para ficar atrás da minha barra amarela novamente. Esse top também, basta escondê-lo atrás da barra amarela. E você pode ver que é mais dramático porque adicionamos uma mudança de escala da grade quando a animação está acontecendo. Isso parece bom. E então vamos continuar. Depois dessa jogada, vou fazer outro objeto nulo. Vamos chamar isso de rotação. Coloque-o no topo. E para a rotação, vamos atribuir tudo a essa rotação nula aqui Tudo o que não tem um pai. Então, vamos fazer apenas as três camadas porque as outras duas já têm o pai. E então vamos fazer uma mudança de rotação depois que tudo estiver no lugar certo, no teclado. Quadros Sco 48 E então vamos mudar a rotação de volta para fazer uma antecipação. Isso vai ser uma expectativa. E depois da expectativa, agora você pode ver a borda da minha camada amarela, barra amarela, então eu preciso torná-la mais longa, então ela está saindo da minha tela aqui E então sc quatro, talvez 12 quadros. Deixe-me mudar a rotação para o outro lado. Então, vamos fazer uma rotação de 490 graus. Tudo vai ficar em linha reta para cima e para baixo. Isso é bom. Então essa é minha animação de rotação. Vamos facilitar o quadro-chave, clique com o botão direito do mouse. Fácil facilidade. E então vamos ajustar um pouco a curva. Vamos fazer talvez 5% no início, e depois vamos fazer talvez 94 95%. Aqui, e então isso vai ser uma antecipação, movendo-se para a direção oposta e depois girando para o outro E para este, vamos fazer uma influência percentual ou 5% e, de outra forma, vamos fazer 100% de influência total. Então, vai ser assim. Vamos alcançar a velocidade máxima neste ponto aqui. Então essa é minha animação de rotação controlada por esse nulo. E eu também quero que o círculo interaja com essa rotação, certo. Então, para o círculo ou para a bola, eu realmente quero que essa bola se mova para a esquerda. Então, deixe-me pressionar um quadro-chave na posição, e então ele se moverá para baixo porque há algumas ultrapassagens, e então meu espaço é inclinado, então essa bola vai deslizar para E então, quando ele gira, ele vai se mover totalmente para baixo. Por aqui. Algo parecido. No entanto, você pode ver que, se eu alternar meu indicador de linha do tempo, eu meio que quero que meu arco ainda fique muito alto quando a rotação estiver atingindo esse Então eu preciso mover esse quadro-chave até aqui. E então vamos ajustar minha curva, assistente de quadros-chave, facilidade fácil Só quero ter certeza de que minha curva está fazendo sentido. Então, vamos fazer uma flexibilização como essa. Vamos tentar uma flexibilização semelhante à minha curva de rotação, como essa E então vai ficar em torno desse ponto aqui. E então vamos fazer uma curva descendente, que vai aumentar a velocidade em todo o caminho Serão 0% de influência no último quadro-chave, e então vamos fazer aqui, provavelmente, 90% de influência. Ou vamos fazer 80. Vamos tentar 80% de influência aqui. Vamos dar uma olhada no que parece. Sim, acho que isso faz sentido. Então, temos essa bola para deslizar para a esquerda e, quando a rotação acontece, a bola ainda está indo para a esquerda. E então, quando tudo girar 90 graus, a bola fará uma animação de queda livre aqui E agora a única coisa que eu quero fazer é quando a rotação acontece, também queremos adicionar um pouco de mudança de escala para a grade. Então, vamos tentar fazer essa camada de escala de grade novamente. Vamos adicionar um quadro-chave aqui, nada vai mudar nesse ponto. E então deixe-me desvincular a propriedade aqui. Isso vai mudar para 150 de 100% para 150. E então vamos fazer uma curva. Facilite para a esquerda assim. Acho que não é tão óbvio, então vamos tentar 170. Então, a grade vai se tornar muito grande. 200. Eu gosto de 200, eu acho. E para o círculo aqui, vamos adicionar um efeito de eco Portanto, altere o tempo para 0,002 e, em seguida, a cópia será de 15 Vamos tentar o máximo. Vamos ver a animação aqui. Ok, há algum problema aqui, então eu preciso fazer um quadro-chave para interferir com essa propriedade aqui Basicamente, deixe-me mudar o número de ecos aqui. Teremos apenas 15 cópias aqui, e depois há uma foto anterior. Vamos alterá-lo para cópia zero. Isso é bom. E então aqui em um quadro-chave antes desse quadro, vamos fazer 15 cópias. Então, ainda temos essa animação nesta iluminação aqui, e então vamos excluir a animação quando ela estiver girando E então, quando estiver caindo, teremos esse efeito de mancha novamente Isso é bom. Em seguida, vamos adicionar um pouco de estilização ao círculo Vamos aos estilos de camadas. Vamos adicionar uma sombra projetada para a sombra projetada. Vamos mudar a opacidade para talvez 10%. Então, podemos aumentar a descida, talvez 20 para a distância E então podemos aumentar o tamanho, tente 30. Sim, você pode ver que há uma leve sombra projetada que funciona. E então podemos adicionar um brilho interno. Também. Vamos transformar a cor do globo em uma cor branca e, em seguida, alteraremos um pouco as configurações. Então, basta adicionar um pouco de brilho interno e sombra projetada para tornar o círculo mais óbvio na cena Tudo bem, essa vai ser nossa animação. É isso aí para esta cena, vamos trabalhar na próxima cena no próximo vídeo. 22. Animação geométrica simples: Bem-vindo de volta a este vídeo. Vamos continuar animando a próxima cena. Em primeiro lugar, quero mudar a cor da cena anterior para a mesma cor do rótulo. Vamos mudar tudo para pêssego e depois vamos cortar as camadas aqui Então, no próximo quadro, vamos apresentar a próxima cena, que é essa. Deixe-me incluir todos esses elementos no After Effects. O círculo aqui, e então nós vamos ter esse círculo do meio, e então nós vamos ter essa bola do meio aqui. Mova tudo para frente. Podemos mantê-lo na cor azul. Isso é bom. Chame isso de um anel um, anel dois, círculo médio. E então essa é a bola principal aqui. Isso é bom. Primeiro de tudo, vamos nos concentrar nessa animação de bola. Eu quero que essa bola caia do topo. Então, vamos mover essa bola até o topo atingir um quadro-chave na posição Vá para cinco quadros, um, dois, três, quatro, cinco, e então essa bola vai descer até atingir a parte inferior do círculo aqui. Vamos pegar mais cinco quadros. Vai saltar um pouco. E então talvez mais cinco quadros, um, dois, três, quatro. Ou, vamos fazer com que quatro quadros caiam novamente até a borda desse círculo. E então vamos fazer a animação semelhante que fizemos antes com essa bola entrando no círculo, deslizando dentro do círculo Vamos seguir em frente. Talvez 12 quadros. Então, vamos fazer com que essa bola vá até o topo e, em seguida, vamos fazer mais 12 quadros. Vai acontecer por aqui. E então vamos fazer mais cinco quadros, um, dois, três, quatro, cinco. Vamos fazer com que essa bola vá para o centro novamente. E então lembre-se de como precisamos alterar esses pontos de ancoragem, vá até a ferramenta de conversão de vértice, arraste essas curvas para que possamos formar Só precisa modificar o caminho do movimento. Então, basicamente, está dentro desse grande círculo aqui, seguindo esse caminho de movimento. Preciso ajustar essa alça em um lado, então preciso manter pressionado comando e clicar em uma alça, para que eu possa ajustar apenas uma alça em uma mão para quebrar a alça aqui, então essa curva está vindo do lado aqui. Isso é bom. E então vamos tentar entrar no editor gráfico. Vamos adicionar um pouco de suavização a essa animação. Vai cair como uma curva descendente. Então, vamos ter uma queda livre indo muito rápido no final, e então vamos fazer uma curva de salto Então, será quase simétrico à minha curva descendente, e essa será uma curva de salto E a partir daqui, vai cair novamente. Vamos fazer uma curva decrescente novamente, assim. E então aqui vai carregar toda essa energia. Subindo e, em seguida, no ponto mais alto , será o mais lento Então, como é o mais lento, vamos fazer uma curva plana por aqui Isso vai ser bem plano porque é o ponto mais lento, e então vamos fazer outra sequência seguindo o deslizamento do círculo aqui, e então vamos fazer outro salto novamente Quase simétrico. é simétrica em ambas as extremidades, e essas serão nossas curvas para essa Então, a curva de salto é simétrica em ambas as extremidades, e essas serão nossas curvas para essa animação. Vamos dar uma olhada. Acho que não quero que a velocidade perca completamente o ponto principal. Então, eu ainda quero um pouco de velocidade no topo. Então, para fazer isso, talvez eu precise mover essa alça um pouco para cima para que ela não perca toda a energia no ponto superior aqui. Vamos tentar isso. OK. Não está funcionando, deixe-me puxá-lo de volta para zero. Ainda não está funcionando. Eu só preciso baixar essa curva para quase zero, mas não exatamente em zero. Faça-o bem plano assim. Eu acho que isso funciona. Ok, isso está funcionando. Agora, se eu copiei os efeitos de eco no primeiro círculo na cena anterior, podemos colocar essa bola aqui Vamos dar uma olhada. Sim, acho que isso funciona. Agora que temos essa animação de bola, deixe-me adicionar um objeto nulo E então vamos transformar tudo em um nulo. Mude a cor da etiqueta para azul. Vamos fazer apenas uma mudança de escala para o nulo. No começo, eu queria ser talvez um grande 120. E então, uma vez que o círculo cai, assim. Isso vai desencadear uma mudança de escala, torná-la um pouco menor, talvez 75%. E depois que o círculo atingir o ponto mais alto aqui, vamos fazer outra escala novamente, como 115 , e no final, vamos fazer mais 75, no final, tudo vai se aproximar do centro, então vamos fazer isso como um 35 bem pequeno. E esse será meu quadro-chave para o objeto nulo. Vamos com calma, quadro-chave. E então vamos ajustar um pouco a curva. Basta ajustar tudo para o centro. Ele vai diminuir o zoom e depois aumentar o zoom. Apenas tudo no centro. E a última será uma flexibilização extrema. Acho que vamos fazer um corte de fósforo no final. Ok, então, como estamos diminuindo o zoom continuamente nesta parte, acho que vamos tentar adicionar a flexibilização extrema ao penúltimo ponto, penúltimo quadro-chave, e então vamos deixar esse quadro-chave assim Vamos tentar isso. Acho que pode funcionar. Vamos ver como isso funciona com a próxima cena, mas agora vou deixá-la assim. E então vamos cortar no final. Então esse é o objeto nulo que controla a propriedade de escala. Está parecendo bom. E então vamos fazer uma animação simples no. Acho que o que eu quero é, antes de tudo, mudar a posição do ponto de ancoragem para baixo E então faça o anel dois até o topo. Para a escala inicial, eu queria ser bem grande, talvez 400% E então vamos seguir o mesmo impulso do meu objeto nulo Vamos fazer cerca de 150, quando tudo estiver reduzido, e depois faremos mais 400 aqui, e depois voltaremos para 150 novamente. Algo parecido, e então íamos copiar a atenuação do meu objeto nulo colado nesses quadros-chave Digamos que olhe. Sim, acho que isso funciona. E a última coisa que precisamos fazer é animar esse gradiente brilhante dentro do meu círculo, para que ele se mova com minha bola para dar Então, vamos fazer isso. Primeiro, vamos localizar onde está o círculo do meio e, em seguida, vamos entrar no preenchimento do gradiente Precisamos animar o ponto inicial e final do gradiente No primeiro ponto aqui, teremos o amarelo no topo, assim. E então, quando a bola atingir o fundo, teremos esse amarelo descendo, e o verde subirá um pouco para preencher todo o espaço na parte superior. Assim. Isso é bom. E então continue por aqui, nada muda. Deixe-me adicionar dois quadros-chave. E então aqui, amarelo vai se mover com essa bola aqui. verde permanecerá como está por enquanto e, quando a bola estiver se movendo para o topo, amarelo precisará segui-la e o verde precisará ficar na parte inferior. No entanto, eu ainda preciso rastrear essa bola aqui. Então, basicamente, nesse ponto, vou mover o amarelo para a cabeça da bola, mover o verde para cá. E então, neste momento, assim. E então aqui vai ser assim. OK. Isso é bom. E então vá em frente. Neste ponto aqui, a bola está batendo em torno desta base aqui Vou mover o grão para o outro lado. No entanto, ainda preciso rastrear essa bola. Então, quando a bola se mover aqui, vou rastrear meu ponto de partida com meu gradiente com a cabeça da bola aqui e, em seguida, garantir que meu green esteja preenchendo todo o espaço Assim. E então vai ser assim. E no último segundo, tudo vai para o centro. Então, o verde vai ficar assim. E então, no final, eu quero que fique totalmente amarelo, assim. Então, vamos dar uma olhada na animação quando tivermos todos os quadros-chave rastreando a posição do meu círculo com a cor da grade Sim, eu acho que isso parece muito legal. Aí está. Esse é o fim da cena aqui. Essa é a animação completa que temos. E no próximo vídeo, vamos animar a próxima cena 23. Animação natural dos olhos: Voltaremos a este vídeo. Vamos continuar com nossa animação. Só temos mais duas cenas restantes, então estamos quase lá. Tenha paciência comigo. Primeiro, vamos cortar as camadas da nossa cena anterior para combinar com o último quadro-chave e, em seguida, vamos fazer a transição para a próxima cena a partir daí. Deixe-me voltar ao Illustrator. Essa é a cena que estamos animando neste vídeo. Então, vamos trazer essas camadas para o After Effects. Vamos fazer isso de baixo para cima. Vamos fazer esse gradiente de cor aqui. Essa será a camada de fundo gradiente. E então podemos trazer o gradiente. Deixe-me agrupar todas essas camadas , chamá-la de grade, e então podemos trazer essa forma aqui, chamá-la de uma forma dois. Vamos fazer essa. Essa será a Forma 1, e então podemos trazer a forma i aqui dentro do After Effects. Essa vai ser a camada dos olhos. Temos a íris e depois temos uma pupila. E a última é uma pequena reflexão que está na pupila Chamamos isso de reflexão. Essas são todas as camadas de que precisamos. Ok, isso é bom. E então, deixe-me selecionar todas essas camadas nesta cena e depois alterar a cor do rótulo para uma cor diferente. Talvez um amarelo. Mova tudo para frente. Isso é bom. E se voltarmos à cena anterior, vamos dar uma olhada na animação. Tudo está vindo para o centro, e temos esse pequeno círculo que está vindo para o centro para atingir esse grande círculo, e então tudo está diminuindo e ficando amarelo Então, em termos de transição, quero que esse círculo amarelo se torne a pupila do meu olho na próxima cena Então, o que eu preciso fazer é combinar o movimento da cena anterior. Nesse caso, precisamos que a pupila diminua de tamanho. Então, vamos para a propriedade de escala. Vamos clicar em um quadro-chave, seguir em frente, oito quadros, talvez. E então certifique-se de que depois de oito quadros, ele se tornará 100%. E então, antes que possamos mudar a escala para 150. Vai ser bem grande. E deixe-me clicar novamente, assistente de quadros-chave, fácil e fácil. Como é um corte de fósforo , teremos uma curva de atenuação extrema como essa à esquerda E essa vai ser minha animação. É difícil ver agora. Deixe-me mover todas essas camadas um quadro para frente. Agora temos a animação do aluno. Deixe-me também fazer a íris e o i primeiro. Acho que para o i, vamos usar apenas a mesma animação do aluno Então, o ei também vai diminuir de tamanho. Podemos simplesmente copiar esses dois quadros-chave e depois colá-los no i. Certifique-se de mover e alinhar esses dois quadros-chave juntos E então, para a íris, vou fazer uma animação oposta Em vez de ir de um tamanho maior, eu queria sair do zero. E para a atenuação, vamos fazer a mesma atenuação, basta copiar a atenuação e colá-la na propriedade de escala da E então temos essa reflexão. Deixe-me copiar a propriedade da escala da íris para o reflexo. Isso é bom. E então deixe-me também emparelhar o reflexo com o aluno. Minha reflexão está sempre acompanhando o aluno. Acho que o reflexo pode ser um pouco grande demais. Então, deixe-me tornar o tamanho um pouco menor assim. Isso é bom. Vamos dar uma olhada na animação agora. Eu acho que é bem suave. E a próxima coisa que precisamos fazer é depois que tudo cair, quero que esse olho olhe para a direita e depois olhe para a esquerda e depois volte para o centro. Então, primeiro, deixe-me ampliar o zoom para ver o aluno. Para que ele olhe para a direita, deixe-me avançar dez quadros, H P no teclado para a propriedade de posição. Isso é adicionar um quadro-chave na posição. Então, ele vai ficar nessa posição depois de dez quadros. Vamos fazer com que a pupila vá para a direita, e depois outros dez quadros ou talvez 12 quadros, vá para a esquerda, e então vamos fazer outros 15 quadros voltando para o centro Deixe-me acessar o assistente de quadros-chave Easy Ease, e depois faremos algumas atenuações nessa animação eletrônica. Eu quero que este seja bem suave. Então, vamos fazer uma influência de 100% na esquerda e depois tentar uma influência de 25% na direita. Vamos ver como fica a animação com essa curva aqui. Esse pode cair um pouco. Sim, acho que pode funcionar. Então, deixe-me também animar a íris e ver como elas ficam juntas Vamos para a propriedade de posição da íris. Clique no cronômetro aqui em um quadro de espera. E então, por aqui, vou mover a íris para a direita também para alinhar com minha pupila E então a posição final seria a íris voltando para o centro Deixe-me copiar a frase da pupila e depois colar na costela. Vamos dar uma olhada. R: Sim, acho que funciona. Outra coisa é que eu não quero a pupila e a íris saiam do meu olho Então, eu preciso de um efeito mate definido. Vamos colocar um efeito mate definido e garantir selecionemos a camada i como tapete para que, não importa o tamanho dessa camada em forma de olho, se eu apenas torná-la menor, você possa ver que minha pupila e ainda estão dentro da minha camada ocular Então esse é o efeito set mat. E como meu aluno está se movendo, eu quero que isso também esteja se movendo Então, vamos fazer algumas mudanças de habilidade para o e. Deixe-me desvincular as escalas X e y no i. E então, quando a pupila chegar aqui, eu realmente quero que o olho talvez aperte um pouco os olhos para ficar Está olhando para lá, e então um está vindo para o outro lado. Eu quero que ele volte um pouco maior. E então talvez o que possamos fazer é piscar um pouco aqui, fazer 0% na escala y e, em seguida, seguir em frente, outros três quadros voltarão à posição original Então, vamos ter algo assim aqui. E você pode ver que meu reflexo foi deixado do lado de fora. Então, eu também preciso de um tapete fixo no reflexo. Certifique-se de que ele também esteja usando o olho como máscara. OK. Então meu olho está se fechando aqui, e depois está voltando para o centro de tudo, e meu olho pode ser um pouco menor aqui. Então, eu quero que o piscar de olhos aconteça um pouco mais tarde. Quando tudo estiver prestes a voltar ao normal. Então, vou mover os três quadros-chave para frente por alguns quadros. Assim. Eu acho que isso funciona. E no começo, quando tudo chegar, quero que meu olho tenha um pouco de rotação. Então, vamos para a rotação R em um quadro-chave e, em seguida, certifique-se de alinhar com meus quadros-chave de propriedade de escala originais Então, essa, eu quero que essa rotação seja 180 ou algo como Vamos tentar 180 graus. Deixe-me copiar a flexibilização. Cole-o na rotação. Então 180 é demais. Vamos fazer 90 graus. Também vou arrastá-lo um pouco mais para fora. Então, você pode ver que há uma mudança de rotação muito sutil quando ela chega pela primeira vez. Ok, eu acho que isso funciona. Sim, isso funciona. Então essa é a animação ocular. 24. Elementos de fundo: Depois de termos essa ação principal central, vamos fazer outra animação secundária ao redor da cena também. Então, primeiro, vamos fazer essa forma um. Quanto à balança, vincule a propriedade aqui. E para a forma um, preciso mudar o ponto de ancoragem na parte inferior aqui, e podemos apenas animar a propriedade de escala, que é um quadro-chave Vai ficar 100% aqui no começo, vai ser zero para a escala Y. Então, deixe-me copiar a atenuação da propriedade de escala do y e, em seguida, colar a atenuação também Quando eu entrar, quero que a forma cresça assim. Eu acho que isso deveria funcionar. Deixe-me copiar esses dois quadros-chave comando C e, em seguida, para a forma dois, vou mudar o ponto de ancoragem para a parte inferior novamente, vincular a propriedade de escala colar nos quadros-chave E neste caso, eu vou, em vez de animar a escala y, eu preciso animar a escala x. Então, no início, será zero no x e, em seguida, 100% assim. Vai ir horizontalmente. Também podemos mover esse quadro-chave ainda mais. Sim, acho que está tudo bem. Talvez precisemos ajustar um pouco o gradiente quando terminarmos a animação Ou podemos fazer isso agora. Vamos dar uma olhada nesse gradiente aqui. Esse é um gradiente que vem do arquivo do ilustrador Então, eu só quero ter certeza de que estamos capturando os gradientes Do arquivo do ilustrador. Temos essa alça aqui que é a parte superior e, em seguida, precisamos arrastar essas alças na parte inferior até a parte inferior da forma aqui. A mesma coisa com este. Clique neste editor de avaliação, clique em e, em seguida, você verá que há uma alça aqui Vou colocar a alça superior em um lado da forma retangular e depois a outra alça no outro lado aqui Basta arrastá-lo para o fundo assim. Portanto, há um pouco de variação entre as duas formas. Acho que gosto mais disso. Isso parece bom. Isso é bom. E então vamos animar a grade aqui. Vamos mudar o ponto de ancoragem para o topo. Não somos os melhores. Vamos colocá-lo aqui. Logo atrás do olho aqui, e então também podemos fazer uma animação em escala. 0-100%. Para a grade, na verdade precisávamos reduzir de tamanho Então, em vez de zero, vamos fazer a partir de 300. Em seguida, voltando para 100%. Então, em termos de atenuação, ainda podemos copiar a atenuação de todas as outras camadas Será exatamente a mesma flexibilização como essa, uma flexibilização extrema Vamos tentar isso. Na verdade, podemos mover esse quadro-chave um pouco mais longe. Há um pouco mais de tempo para que a grade se estabeleça enquanto o e ainda está sendo animado Sim, eu gosto disso. Vamos fazer o gradiente também. Ainda é a propriedade da escala. Certifique-se de que temos os pontos de ancoragem no canto superior dessa cor de gradação E então esse vai ficar maior. Então, vamos mudar de 30% para 100% assim. Vamos copiar a atenuação e colá-la na propriedade de escala E então precisamos mudar a cor. Então clique no preenchimento, clique em. zoom. Precisamos modificar a cor aqui. Então, esse será um lado do gradiente e, em seguida, o outro lado estará aqui, assim Então, todo o gradiente está meio que se espalhando quando está entrando ou surgindo , assim Ok. Vamos ver a animação por enquanto. Sim, acho que isso funciona. Assim que tivermos o efeito de globo profundo, ele ficará muito mais bonito. Só quero acrescentar mais uma coisa, que é uma camada nula que controla toda a animação ocular, só para adicionar mais uma camada de complexidade Vamos adicionar um, mudar a cor do rótulo para amarelo, chamar esse que eu controlo. E então comparamos a íris e o ei meus objetos nulos. Isso é bom. E então, no início, quando tudo está chegando, S na propriedade de escala, eu quero que esse I fique um pouco menor, talvez 70%. E então, quando estava procurando, eu queria voltar para talvez cerca de 90%. Então, no início, será 150 e depois se tornará 70, ficará um pouco maior quando olhar. E então, na animação final, teremos esse I apenas diminuindo o zoom, ficando menor para fazer a transição para a próxima cena Então, teremos de 90% da escala a talvez 30% da escala no final. Então, vamos tentar isso. Clique com o botão direito, assistente de quadro-chave, sim. Então, para facilitar a entrada, seria a flexibilização extrema do Match Cut, e então eu vou fazer uma curva como E a final seria outra partida eliminada, então seria uma extrema flexibilização para a direita Vamos ver o que parece. Acho que está estourando demais, então preciso mover esse primeiro quadro-chave para fora para ter mais tempo, então, quando estiver chegando, ele já esteja bem pequeno Não é tão grande. Sim. Eu acho que isso funciona. E agora que meu olho está ficando menor no final, também quero adicionar outro objeto não para controlar meu plano de fundo. Então, este seria o controle de fundo e, em seguida, mudaria para amarelo novamente, colocaria logo abaixo de todas as camadas dos olhos Em seguida, compararemos a forma, o gradiente e a grade com o controle de fundo Só para combinar com meu outro nulo, os dois últimos quadros-chave, é S no Vamos tornar tudo maior nesse caso, assim como ampliar dessa forma, e depois vamos copiar a atenuação dessa forma aqui Então, podemos fazer a transição para a próxima cena aqui. E você pode ver agora, eu preciso colocar minha grade e o gradiente em cima da minha forma aqui Portanto, minha grade está completa cobrindo a borda da camada de forma na parte superior. Aí está. Essa é toda a animação que precisamos para a cena. E no próximo vídeo, vamos começar com a animação da cena final, que será um pouco complexa, mas você aprenderá muitas coisas com essa cena. Então fique conosco e nos vemos no próximo vídeo. 25. Animação 3D: Tudo bem. Neste vídeo, vamos trabalhar na última cena. Vamos dar uma olhada na última cena do storyboard. Essencialmente, vamos animar esse cubo primeiro e depois vamos animar a grade Vamos dar uma olhada no cubo. Vamos criar esse cubo dentro do After Effects. Primeiro, deixe-me cortar essas camadas da cena anterior, todas as camadas amarelas, e depois recortá-las no último quadro. Então, o que precisamos fazer é desenhar um retângulo. E dentro do retângulo, preciso alterar o tamanho para 300 pixels por 300 pixels E então eu posso bloquear essa propriedade de tamanho novamente. Chame isso de frente, e temos uma frente do cubo Vamos garantir que obtenhamos essa cor de preenchimento correta. Eu quero esse amarelo na borda esquerda, e então eu quero que esse verde fique na diagonal Esse será um lado do meu cubo. Isso é bom. E agora certifique-se de que o ponto de ancoragem esteja no centro do cubo, e então eu também me certifico de que o cubo esteja bem no centro da composição Deixe-me contornar essa camada de três D aqui. Em seguida, precisamos acessar essa visualização aqui, alterá-la para duas visualizações para que tenhamos duas visualizações no painel de pré-visualização. E então, para o lado direito, vamos mudar essa visão para uma vista superior. E você pode ver essa vista superior, temos uma fina camada desse cubo frontal E agora só precisamos duplicar esse cubo frontal, C D, ir para a propriedade de posição Vou inserir no eixo Z toda a largura do meu quadrado. Aqui, vamos colocar 300, então isso vai ser empurrado para trás em 300 pixels. Forme a parte de trás do cubo. Então, chamamos isso de volta. E agora vamos duplicar a frente novamente, vá para a posição. Vamos pressionar 150, apenas metade do tamanho do quadrado. Ele vai ficar no centro e, em seguida, vamos para a rotação. Vamos girar a rotação y em 90 graus. Essencialmente, vamos adicionar 150 pixels ao eixo x, e agora você pode ver que ele é empurrado para a direita em vez disso. Então esse seria meu painel direito do cubo, e então vamos duplicá-lo, P no teclado, e então vamos menos os 300 pixels, então ele será empurrado para a esquerda para formar meu lado esquerdo do para formar meu lado esquerdo do E agora você pode ver que tenho minha frente e minhas costas e esquerda e direita. E você pode ver isso da vista superior aqui. Agora eu só preciso de uma parte superior e inferior. Vamos duplicar a frente novamente, a partir da posição. Vou empurrar esses 150 pixels para o centro. Preciso girar este na rotação x, alterá-lo para 90 graus, e agora temos essa superfície voltada para cima Esse vai ser meu top. No entanto, ainda preciso levantar essa superfície porque agora ela está no centro da minha visão frontal. Então eu preciso aumentar este 150 pixels, então vou para menos 150 para aumentá-lo E então essa será a parte superior, duplicada novamente, P no teclado para a posição y. Vamos adicionar 300 pixels. Então, ela será empurrada para baixo, e essa será minha camada inferior. E agora temos toda a superfície do meu cubo. Para animar o cubo, precisamos criar um objeto nulo, vamos criar um objeto vamos criar um Esse é chamado de controle de cubo. Precisamos ter certeza de que esse nulo está bem no centro do cubo Primeiro de tudo, precisamos transformar esse nulo em uma camada de três D. Precisamos empurrar isso para cima na posição Z. Então, será 150 na posição Z. Para que meu nulo esteja bem no centro, na vista superior, e também na vista frontal Selecione todas essas superfícies e coloque-as no nulo. E agora, se eu pressionar R no teclado e girar esse cubo a partir do objeto nulo, você pode ver, temos um cubo agora dentro Em seguida, precisamos apenas animar esse cubo. Deixe-me mover todas as camadas para frente. E então, se eu quiser animar o cubo, vou excluir as duas visualizações e transformá-las em uma visualização novamente Essa será a visão ativa da câmera, que é a visão frontal. E primeiro, quero adicionar uma propriedade de escala ao cubo. Vamos avançar 12 quadros, 50% a 100%. E enquanto esse cubo está chegando, eu também quero adicionar um pouco de rotação, talvez fazer um pouco de rotação x e sua rotação Então, quando está chegando, eu queria girar dessa maneira, e talvez girar assim aqui Isso é bom. E então vamos avançar mais dez quadros. Vamos fazer com que esse círculo caia novamente para 50% da escala e, em seguida, ele continuará girando Vamos continuar girando um pouco. E então vamos avançar em mais 12 quadros. Vai voltar para cerca de 75%, e então vamos ter esse cubo, continuar girando assim Então, ele retornará a esse cubo plano novamente no final Agora eu só preciso selecionar a rotação. E então, com R, clique em Tecla do assistente, Easy Es, vá para o editor gráfico. Lembre-se de que, no início , será um corte de fósforo. Então, vou fazer uma curva extrema para a esquerda, introduzindo muita energia no início. E então esse cubo vai girar assim. Vou fazer uma curva mais suave aqui, dar a ela 80% de influência, e depois vou fazer outra talvez 80% de influência aqui Também quero ter certeza de que neste ponto, não quero que a velocidade seja zero, então vou mover esse ponto um pouco para cima para introduzir um pouco de velocidade. Vamos ver o que isso parece. Também preciso aplicar essas atenuações em meus outros quadros-chave aqui Vou usar essa cópia de facilidade aqui, copie a atenuação. E então vamos pré-visualizar isso. Então eu preciso que esse salte novamente. Então, vai ser 100% novamente. Girar. Vai se curvar. Seja muito pequeno, talvez 25%. Eu quero que essa seja uma curva de salto. Quase como se esse cubo estivesse saltando novamente. Então, vou mudar a curva para uma curva de salto como essa Vamos ver se isso vai funcionar. Vou copiar a atenuação novamente e depois aplicá-la ao meu outro conjunto de quadros-chave. Quase assim. Acho que isso pode funcionar. Então, o cubo vai subir e girar assim, e vai cair para baixo Ele vai subir e girar novamente. Tudo bem, essa será nossa animação de cubo aqui. Ele vai pular para cima e para baixo e também girar Isso é bom. No próximo vídeo, trabalharemos na animação de nível de fundo. 26. Animação de grade com repetidor: Agora, vamos trabalhar na animação da grade de fundo, que já temos a animação do cubo aqui Vamos esconder o cubo por enquanto. E então eu só quero concentrar na animação da grade de fundo. Nós vamos ter essa tela preta aqui. Vamos primeiro desenhar uma linha bem longa que atravessa toda a cena aqui. E então deixe-me excluir o preenchimento da linha, alterar o traçado para a cor branca e, em seguida, fazer com que a linha tenha talvez três pontos. Isso é bom. Essa é a minha linha aqui. E então eu preciso adicionar um repetidor dentro do conteúdo. Adicione um repetidor. Haverá um repetidor. Vou fazer 15 cópias para o repetidor, depois descer para transformar, mudar a posição para 100, e agora vou ter essa linha se repetindo até o final da minha cena E a próxima coisa que eu quero fazer é adicionar outro repetidor Vamos adicionar outro repetidor. Abaixo do conteúdo, logo abaixo do repetidor. Vou adicionar outro repetidor. Para este, eu vou fazer, na verdade, quatro cópias. E então, dentro do repetidor de transformação dois, eu vou mudar a posição de x para zero, e então vamos mudar a rotação para 90 graus. E agora você pode ver que temos uma grade que preencheu todo o espaço. No momento, eu sinto que essas grades estão muito próximas uma da outra. Então, vamos voltar para o repetidor, mudar a posição do primeiro repetidor para 200 pixels Para que tenhamos caixas muito maiores para toda a grade. Então, para animar essa grade, precisamos entrar na minha linha original aqui E então podemos descer para a forma um. Vamos descer até a propriedade de transformação da forma um. Basta localizar a propriedade da escala. Podemos desvincular a propriedade de escala. E logo no início, eu posso mudar essa escala X para zero, e então vamos usar 420 quadros, alterá-la de volta para 100% E vamos fazer com que essas linhas sejam desenhadas assim. Vamos clicar no assistente de moldura, es, vamos fazer uma curva suave de atenuação, 100% de influência no lado direito, e então vamos fazer apenas 35% no esquerdo Isso é bom. E então podemos entrar no repetidor e localizar a propriedade de escala novamente e vincular a propriedade de escala Vamos adicionar um quadro-chave na propriedade de escala e o repetidor, alterá-lo para zero a 100 e, em seguida, faremos a mesma atenuação a partir daqui, basta copiar a atenuação basta copiar a atenuação colá-la nesses quadros-chave Depois de adicionarmos a animação em escala no repetidor, essa será a aparência. Muito legal, sim. E a seguir, eu só quero adicionar uma propriedade de rotação na propriedade geral de transformação mestre em toda a camada. Então, vou para essa propriedade de transformação externa em uma rotação. Vai ser 90 graus no início e depois girar de volta para zero Vamos também adicionar uma flexibilização à rotação. Eu acho que é muito rápido no começo. Eu só vou desacelerar um pouco assim. Isso é bom. Se mudarmos os tamanhos da posição no repetidor um, isso tornará nossa grade cada vez menor Então, agora vou fazer uma animação na propriedade de posição do repetidor Vamos mudar para, digamos, 300 pixels no início. E depois de 20 quadros, vamos alterá-lo de volta para 150, e então ele vai se manter em 1:50 por talvez oito quadros em outro quadro-chave em 1:50, e então ele vai voltar para 200 no final Então é assim que eu quero animar essa parte aqui. Vamos ao editor gráfico. Faça uma curva de atenuação como essa, 100% de influência no lado direito e depois 40% na frente, ou talvez 25% na frente Se mostrarmos todas as camadas do cubo, vamos ver como a grade está interagindo com meu cubo aqui Então, eu só quero alinhar quando a grade está sendo animada em tamanhos diferentes para alinhar com animação real do meu cubo caindo aqui, meu cubo está caindo aqui, mas a grade ainda não está mas Então, vou tentar alinhar esses dois quadros de kube aqui e mover esse Sim, isso funciona melhor. E a próxima coisa que precisamos fazer é duplicar essa camada de linha e chamar essa de desfoque E para a camada de desfoque, eu realmente preciso deixar a linha bem grossa Então, vamos entrar na forma do conteúdo e depois usar o traçado. Para a largura do traçado, você pode realmente ver se aumentamos a largura do traçado. Isso é o que está acontecendo. R: O traço vai ficar cada vez mais espesso E o que eu preciso fazer é animar o traçado aqui, alterá-lo para 200 pixels e depois avançar até o final da animação Vamos alterá-lo para três pixels. E o derrame vai chegar assim. Está nos dando uma máscara para a transição. E então, para essa transição de máscara, vou colocar a camada de desfoque abaixo minha linha para que ainda possamos ver E a próxima coisa que precisamos fazer é voltar ao Illustrator Vamos inserir essa cor de gradação no After Effects. Este será chamado meu tapete colorido para a camada de desfoque Vou colocar este acima da camada de desfoque e, em seguida, vou usar um efeito de ajuste de mate, vá procurar por tapetes definidos Em seguida, mude o tapete para a camada de desfoque número dez. E você pode ver que as bordas são realmente muito nítidas. Então, precisamos adicionar outro desfoque de gaugan para desfocar as bordas. Vamos mudar para talvez 100. Não apenas nos tapetes coloridos, também preciso do desfoque gaugan na parte superior da minha camada de desfoque também preciso do desfoque gaugan na parte superior da minha camada de desfoque. Então eu vou fazer isso. E em vez de 100, vou mudar para 350. Depois de adicionarmos os tapetes coloridos, podemos desativar essa camada de desfoque agora, usando apenas essa camada fosca E então, para a camada fosca, vamos também alterar o desfoque para 350 para desfocar essa Preciso mudar este para vertical. Portanto, temos uma transição muito mais limpa agora, e temos essas linhas de grade crescendo por dentro. Então, na parte de trás, teremos esse medidor vertical e o desfoque que acontecem quando a largura do meu traçado está ficando menor, para se tornar essa grade final, que retornará à primeira cena que temos Então, vamos ver o que está acontecendo aqui. Vamos dar uma olhada na animação aqui. Aí está. Essa é a nossa animação para a cena final. Deixe-me pré-visualizar tudo o que temos até agora . Aí está. Essa é toda a nossa animação para todo o projeto. Para o próximo vídeo, vamos fazer um pouco de deslizamento e fazer um efeito de brilho profundo e finalizar este projeto 27. Parabéns!: Parabéns por concluir esta aula. Em primeiro lugar, quero reconhecer o trabalho árduo que você dedicou. Esse percurso não foi fácil, mas você o conquistou, então dê um merecido tapinha nas costas Agora que você entende os prós e contras de como criar uma animação profissional, especialmente como usar editores gráficos como o Speed graph, você está preparado para criar animações geométricas dinâmicas e rápidas Lembre-se de que entender o conceito é apenas o começo, o crescimento real vem da prática. Eu o encorajo a aplicar o que aprendeu na classe em suas tarefas. Só então essas habilidades realmente se tornarão parte de você e impulsionarão em direção ao seu objetivo de se tornar um excelente animador Certifique-se de se concentrar na tarefa e enviá-la para análise Se você tiver alguma dúvida ao longo do caminho, não hesite em entrar em contato. Estou aqui para te ajudar. Se você está achando valor neste curso, considere deixar um comentário. Seu feedback está realmente nos ajudando a alcançar mais estudantes que desejam aprender esse tipo de animação, assim como você. Não se esqueça de se inscrever nosso canal do Motion Circles no YouTube e participar nosso grupo de discórdia para se conectar com seus colegas e aprimorar suas habilidades juntos Se você estiver interessado em uma abordagem estruturada para aprender design de movimento, confira nossos cursos aprofundados em motion circles.com Com a confiança de mais de 50.000 estudantes em todo o mundo. É isso para este vídeo. Estou ansioso para ver você na próxima. Felicidades.