Animando com facilidade no Adobe After Effects (V1) | Jake Bartlett | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Animando com facilidade no Adobe After Effects (V1)

teacher avatar Jake Bartlett, Motion Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Trailer do curso

      1:16

    • 2.

      Preparação de arte

      13:19

    • 3.

      Organizando-se no After Effects

      17:19

    • 4.

      O gráfico de velocidade

      12:01

    • 5.

      O gráfico de valor

      6:48

    • 6.

      Caminhos de movimentos e deslocamento de quadros-chave

      13:15

    • 7.

      Usando editor gráfico com outras propriedades

      6:33

    • 8.

      Os pontos de âncora são importantes!

      16:45

    • 9.

      Overshoots

      11:07

    • 10.

      Continuando minha animação

      8:36

    • 11.

      Porta e lâmpadas

      12:03

    • 12.

      Comandando quadros-chave

      15:35

    • 13.

      Adicionando detalhes

      13:34

    • 14.

      Looping da animação

      4:45

    • 15.

      Passo a passo da Casa 2

      3:37

    • 16.

      Exportando um GIF

      3:49

    • 17.

      Você conseguiu!

      0:42

    • 18.

      Bônus: demonstração passo a passo do editor gráfico

      7:07

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

33.321

Estudantes

505

Projetos

Sobre este curso

Você aprendeu as noções básicas.  Os quadros-chave estão na sua caixa de ferramentas. Agora é hora de dar o próximo passo como animador e liberar o poder do editor gráfico do After Effects! Nesta versão atualizada e expandida de uma das minhas aulas mais populares, ensinarei tudo o que você precisa saber sobre como assumir o controle total do seu movimento.

Este curso é para qualquer pessoa que queira assumir o controle do visual e disposição do seu design de movimento. Se você usa o After Effects há anos, ou se acabou de aprender o programa, este curso será fácil de acompanhar. Vou lhe ensinar tudo o que você precisa saber sobre entrar e sair de cada movimento que você criar, e lhe ajudar a desenvolver uma estética que faça seu trabalho se destacar dos outros.

Se você nunca usou o After Effects antes, recomendo que faça primeiro meu outro curso, Guia de iniciantes para animar GIFs personalizados. Então você estará preparado para o conteúdo deste curso.

______________

Resumo do curso

  • Animação fácil. O Jake vai ensinar como e quando usar as ferramentas no After Effects para controlar sua animação e criar um resultado polido. Seja você um animador profissional ou apenas começando a aprender animação, o curso do Jake vai melhorar suas habilidades e aprimorar seu trabalho.
  • Criando seu próprio trabalho. Após completar este curso de animação, você vai ser convidado a criar sua própria casa animada com as ferramenta e atalhos que Jake lhe ensinou. Você vai ser convidado a compartilhar capturas de tela do seu progresso quando postar seu arquivo, para que o Jake possa não apenas avaliar sua animação final, mas também o seu processo e sua organização. Se você tiver perguntas ao longo do curso, tudo bem! Jake vai monitorar seu fórum de discussão "me pergunte qualquer coisa", para que você tenha uma linha direta de comunicação com ele se não puder seguir.
  • Aprendendo sobre seu kit de ferramentas. Você vai obter uma compreensão abrangente de gráficos de velocidade e valor no After Effects e como usá-los em seu benefício. Além disso, o Jake vai compartilhar dicas de fluxo de trabalho e atalhos de teclado que ajudarão a tornar sua animação mais eficiente e divertida.
  • Instruções passo a passo. O Jake vai explorar como dividir projetos complexos em peças simples e gerenciáveis. Você vai ver como trazer um design do Adobe Illustrator para o After Effects e como abordá-lo como uma soma de partes que você pode facilmente animar individualmente.
  • Preparação para a animação. Você vai aprender como separar grupos de objetos de design em camadas e depois reunir várias camadas para "pré-compor" movimentos animados melhores e mais controlados.
  • Posicionando seus objetos. O Jake vai explicar como usar sua arte original como uma ferramenta de referência para alinhar suas camadas e mantê-las organizadas. Você também vai conhecer atalhos essenciais de teclado que ajudam você a economizar tempo – quer esteja animando jogos, fazendo animação facial ou criando arquivos animados simples em casa.
  • Usando o editor gráfico. Em uma demonstração clara e concisa, o Jake vai demonstrar como ele usa o editor gráfico do After Effects para personalizar, controlar e suavizar sua animação. Ao final dessas aulas de animação, você vai poder manipular quadros-chave, ajustar a velocidade do seu movimento e influenciar como esses quadros se movem ao longo do tempo.
  • Trabalhando com pontos de âncora e gráficos. Você vai trabalhar com pontos de âncora para animar objetos usando a propriedade de escala. O Jake também vai falar sobre como usar gráficos para animar projetos complexos com várias camadas.
  • Facilitando o movimento e fazendo um looping no seu projeto. Com as instruções do Jake, você vai saber como personalizar a ordem e o tempo das animações das suas camadas e conseguir criar um número ilimitado de projetos, permitindo que você seja tão criativo quanto gostaria! Quando estiver satisfeito com seu trabalho, o Jake vai falar sobre como criar um loop para que sua composição seja tão emocionante de desfazer quanto foi de criar.
  • Criando um .gif. O Jake compartilha instruções passo a passo para exportar seu trabalho do After Effects, salvando-o como um arquivo de Quicktime ou fotoshopando-o em um GIF. Ele também vai lhe dar técnicas cruciais de solução de problemas para limpar seu trabalho a fim de garantir que sua animação apareça corretamente não importa onde acabe.

Conheça seu professor

Teacher Profile Image

Jake Bartlett

Motion Designer

Professor
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Trailer do curso: Ei! Sou Jake Bartlett. Nesta aula, vamos estar animando com facilidade em após efeitos. Nesta versão atualizada e ampliada de uma das minhas aulas mais populares, eu vou te ensinar como usar o editor de gráficos para que você possa controlar o movimento dentro de suas animações. Se você usa o After Effects profissionalmente há anos ou acabou de abrir o software pela primeira vez ontem, se você não estiver usando o editor de gráficos, você não tem controle total do seu movimento. Nesta classe, você vai aprender tudo o que precisa saber sobre o gráfico de velocidade e valor, bem como todas as outras ferramentas do editor de gráficos que você possa usá-las a seu favor e até mesmo configurar um arquivo de projeto de demonstração para você para aprender, enquanto você está me vendo ensinar com o mesmo arquivo de projeto nas lições. Mesmo que você já tenha tomado a primeira versão desta classe, você vai querer assistir esta porque eu aprendi técnicas muito melhores desde a primeira versão e ir muito mais em profundidade para o editor de gráficos nesta classe. Há duas vezes mais conteúdo do que a versão 1. Para o projeto da classe, você estará projetando e animando uma casa do zero. Você pode criar o seu próprio ou usar um dos meus. Ao longo do caminho, estarei compartilhando minhas próprias dicas e truques de fluxo de trabalho, bem como atalhos de teclado que uso o tempo todo para um fluxo de trabalho mais eficiente. No final deste curso, você estará animando com facilidade. Vejo-te na aula. 2. Preparação de arte: Tudo bem, primeiro eu só quero dizer muito obrigado por ter feito essa aula. Isso realmente significa muito para mim e eu estou tão animado para estar ensinando você sobre o editor de gráficos. É a minha característica favorita do After Effects e eu realmente acredito que é a maneira mais poderosa de assumir o controle do seu movimento. Uma vez que você começa a entender como ele funciona e implementá-lo em suas próprias animações, você vai ver a diferença de dia e noite com a maneira que suas animações vão olhar e sentir. Se em algum momento desta aula você tiver alguma dúvida ou você se confundir com alguma coisa, não hesite em me fazer uma pergunta na página da comunidade. Faço o meu melhor para responder a essas perguntas o mais rápido possível. Tudo bem, vamos fazer isso. A primeira coisa que você precisa fazer para esta aula é criar sua arte de casa. Agora eu fui em frente e criei o meu no Illustrator. Eu não vou mostrar como eu fiz isso porque é muito básico e eu quero me concentrar em animação não design nesta classe, mas você pode ver que esta é a minha imagem de referência. Esta é a casa onde eu cresci e eu apenas usei como uma referência para recriá-la de uma forma muito básica, simplificada e geométrica, como você vê que eu tirei alguns detalhes das janelas. Eu não queria me sobrecarregar com todos os detalhes, mas algo que representa a casa e é identificável. Como eu disse, é muito geométrico. Há um monte de retângulos que compõem tudo dentro deste design. Então, em alguns dos detalhes mais finos, eu tive que fazer um pouco de trabalho para obtê-lo para fazer as formas que eu queria que ele fizesse. Mas é puramente vetorial e é tudo muito básico. Agora, você não precisa criar sua arte dentro do Illustrator Se estiver mais confortável no Photoshop, você pode fazer isso. A razão pela qual estou usando o Illustrator é porque eu sei que meu trabalho artístico vetorial será traduzido para camadas vetoriais dentro do After Effects muito facilmente. Mas se você quiser, você pode fazer um estilo de design completamente diferente. Não precisa ser esse visual vetorial plano 2D. Você pode adicionar texturas e padrões, ou até mesmo usar referências de fotos reais dentro do seu trabalho artístico. Basta ter em mente que você vai precisar de tudo para estar em suas próprias camadas para que você possa animá-lo dentro do After Effects. Agora, podemos trazer isso diretamente para o After Effects como ele é, mas se olharmos para a paleta de camadas, você vê que tudo está em uma única camada. Se eu abrir isso, eu tenho um monte de caminhos dentro daqui, nenhum deles é nomeado, nada é organizado, e então se eu trazer isso no After Effects, é exatamente assim que eles vão entrar. Apenas caminhos desorganizados que vão ser muito difíceis de cavar. Preciso organizar tudo antes de entrar no After Effects. Primeiro, não preciso desta referência de fotos dentro do After Effects. Então, eu vou apenas salvar uma cópia da minha arte na área de trabalho e chamá-la de House_ae, para After Effects. Assim, tenho uma cópia e posso fazer o que quiser sem me preocupar em perder o meu original. Vou apagar essa foto e agora vou começar a dividir esses caminhos em suas próprias camadas. Agora neste design, eu realmente não preciso fazer isso para cada elemento e isso é porque muitos desses elementos são idênticos. Então, todas essas janelas superiores, elas são todas iguais e essas quatro janelas inferiores, esses quatro arbustos, eles são todos exatamente iguais. Então, eu posso apenas fazer um desses arbustos em sua própria camada e, em seguida, no After Effects, eu vou duplicá-los na imagem usando a arte como referência. Mas assim, eu não tenho que fazer tanto trabalho aqui. Mas eu vou começar quebrando tudo em suas próprias camadas porque isso é realmente muito mais fácil do que fazer uma seleção dos elementos individuais que eu quero e separá-los. Então, eu só vou fazer uma seleção de tudo, e então eu vou para a paleta da minha camada para isso, um pequeno drop down aqui, e dizer, Liberar para camadas (Sequência). Eu clico nisso, agora todos esses elementos são colocados em suas próprias camadas. Eles ainda estão contidos nesta Camada 1, mas agora posso pegar qualquer uma dessas camadas e arrastá-las para serem suas próprias camadas individuais no meu documento. Isso se traduzirá em After Effects como camadas, e isso é exatamente o que eu quero. Então, vou começar por agarrar o telhado. Vamos começar pelo topo e trabalhar o nosso caminho para baixo. Então, em cima, este é o telhado. Então, eu vou clicar duas vezes no nome da camada e renomeá-lo Telhado, e então eu vou apenas clicar e arrastar essa camada acima da Camada 1. Então, agora eu tenho o telhado separado do resto da arte. Em seguida, eu vou fazer essas janelas. Então, eu só quero começar com este aqui. Então, eu vou pegar essa camada e eu vou renomeá-la Upper Window Upper Glass. Em seguida, enquanto eu estou nele renomear esta janela superior inferior vidro, e eu vou pegar esta camada e renomeá-lo Moldura de janela superior. Então eu vou pegar todas essas três camadas clicando nesta. Shift clicando na parte superior e, em seguida, clique e arraste isso até o topo da minha pilha de camadas. Então, eles estão fora logo abaixo do telhado. Agora essas três camadas são separadas de tudo o resto. Eu não preciso me preocupar com nenhuma dessas outras camadas de janela. Então, eu só vou ignorá-los e eu vou descer para esta janela. Vou pegar o topo e renomeá-lo Lower Window Top. Vou pegar o copo, o vidro superior da janela inferior e o vidro inferior da janela. Finalmente, o quadro inferior da janela. Eu vou selecionar essas camadas, movê-las para o topo logo abaixo das camadas da janela superior, e então eu vou pegar este arbusto e simplesmente renomeá-lo Bush e então movê-lo para cima. Isso pode realmente ir acima da janela inferior porque eu quero que ele apareça acima dessas camadas, e então eu vou vir aqui para esta lâmpada, e eu vou pegar esta parte de cima e eu vou chamá-la de Lamp Top. Amplie e agarre esta camada. Nome da lâmpada de vidro, inferior da lâmpada e base da lâmpada. Vou me certificar de pegar essas camadas. Não quero este, então estou pressionando Command ou Ctrl em um PC e clicando nas camadas que eu quero fazer essa seleção. Então eu vou trazê-los para cima, todo o caminho para cima, e eu vou colocá-los logo abaixo do arbusto. Vou continuar este processo para todos os meus elementos. Agora, neste elemento em particular, eu tenho um par de formas diferentes que compõem esta obra de arte. Eu quero fundir estes dois juntos porque eles realmente não precisam ser separados. Então, eu vou selecionar ambos clicando e Shift clicando neles com a ferramenta de seleção, e, em seguida, com o meu Pathfinder aberto, você pode encontrar isso em Janela, Pathfinder. Vou clicar neste primeiro botão que é Unite. Então eu vou juntá-los, e isso fez todo o resto desaparecer porque ele se juntou no topo dessas camadas. Eu só vou arrastá-lo até aqui. Então, agora está abaixo de tudo. Para estes painéis de vidro individuais, eu tenho estes caminhos de traçado apenas sobrepostos em cima deste semi-círculos. Então, eu vou selecionar esses três caminhos e delineá-los indo até Objeto, Caminho, Traçado de contorno, e eles são apenas retângulos. Parece que este está um pouco fora do centro, na verdade, então eu vou selecionar esta camada, Shift clique sobre esta camada e, em seguida, clique mais uma vez no vidro, e isso torna o objeto chave, e eu vou então um linha esse retângulo para o centro do semi círculo. Lá vamos nós. Isso é bom e centrado. Vou selecionar todos estes três, bem como o vidro, voltar para o meu Pathfinder e clicar no botão Mesclar. Agora, todos eles estão unidos, vou clicar duas vezes para entrar no grupo e simplesmente excluir essa parte branca. Agora eu fico com esses copos azuis, pastilhas em forma de pizza e, em seguida, clique duas vezes para sair disso e desagrupá-los pressionando Command+Shift-G ou Control+Shift+G em um PC. Agora, esses são todos caminhos individuais, mas eles estão todos vivendo na mesma camada. Mas temos algumas camadas vazias aqui de todo o trabalho do Pathfinder que acabei de fazer. Então eu vou apenas cortar uma camada de cada vez, Command+X e colar na frente pressionando Command+F ou Control+F em um PC na nova camada. Então, eu vou nomear esta porta de vidro 1, e então eu vou continuar este processo para todas as outras peças. Ok, isso está tudo resolvido e eu realmente vou apenas ir em frente e renomear tudo o resto antes de movê-lo para cima, porque assim eu posso então apenas ver quais camadas foram renomeadas antes de arrastá-las todas para cima de uma vez. Então, Threshold, temos o tapume, a guarnição e o fundo. Então eu posso fazer uma seleção de todas as camadas que foram renomeadas e saber que essas são as únicas que eu realmente preciso. Tudo o resto pode ser cuidado dentro do After Effects. Então, eu tenho todos esses. Vou arrastá-los até o topo. Isso vai esconder um monte de minhas camadas, e na verdade, parece que eu tenho um renomeado incorretamente. Então, sim, isso não é o que deveria ser. Eu só vou arrastar isso de volta para baixo. Empurre isso de volta para a camada um, porque não é realmente importante. Lembre-se, desde que isso esteja contido em uma camada, After Effects não verá nenhum conteúdo. Tudo vai mantê-lo contido em uma única camada. Agora, a razão pela qual todo o resto está sendo escondido é porque a Camada 1 está abaixo de tudo o resto. Se eu o movi para o topo, então vamos ver todos esses elementos voltarem. Mas esses são os únicos elementos que eu realmente precisarei dentro do Illustrator para serem separados em suas próprias camadas, a fim de animá-los dentro do After Effects. Novamente, porque eu posso apenas duplicar essas camadas para as outras janelas, para a outra lâmpada, os outros arbustos, e tudo o resto é único. Agora que isso está feito, eu posso salvar e trazê-lo para o After Effects. Você pode fazer o mesmo. Então, neste momento, vá em frente e decida qual casa ou prédio você gostaria de criar e, em seguida, crie a arte para ele. Novamente, você não precisa fazer isso no Illustrator, se você quiser usar o Photoshop ou outro programa, isso é totalmente bom, desde que você possa trazê-lo para o After Effects como camadas. A chave a lembrar é que você precisa de todos os seus elementos para estar em suas próprias camadas se você quiser ser capaz de animá-los independentemente de outros objetos dentro do After Effects. Se você está fazendo algo que é um pouco mais complexo e usando coisas como texturas dentro do Photoshop, eu recomendaria que você mesclasse todas essas texturas nos elementos individuais para que você fique com uma estrutura muito semelhante a este, onde você tem todos os elementos que compõem o vidro de uma janela em sua própria camada. Todos os elementos que compõem um telhado em sua própria camada. Isso facilitará a animação dentro do After Effects. Outra coisa que eu preciso apontar é o tamanho do seu documento. Trabalhe em qualquer tamanho que você planeja animar. Meu documento é 1440 por 1080. Então, isso é uma proporção de quatro por três em uma resolução HD. Desta forma, eu sempre posso expandir isso para o lado se eu quiser colocá-lo em uma composição HD, mas também vai diminuir bem para algum lugar como Dribbble. Além disso, se você estiver trabalhando dentro do Illustrator, verifique se toda a sua arte está contida no seu quadro de arte. Se você tem uma forma, vá para fora da caixa de arte assim. Você vai ter problemas mais tarde quando estivermos no After Effects. Outra coisa extremamente importante a ter em mente é que se você quiser trabalhar com camadas de forma no After Effects, como eu vou ser, você tem que usar apenas preenchimentos sólidos ou traços sólidos. O que quero dizer com isso é sem gradientes, sem padrões, sem transparência, sem modos de mistura. Se você estiver usando um traçado, você não pode usar nenhum tipo de pincel estilizado como este, mesmo que pareça uniforme, isso está usando um pincel redondo de cinco pontos e o After Effects irá ignorar esse pincel e apenas convertê-lo para baixo para o pincel básico. Então, todos os seus traços precisam ser básicos e uniformes. Se você manter tudo isso em mente, você vai poupar muita dor de cabeça quando entrarmos no After Effects e começarmos a quebrar isso. Isso não significa que você não pode usar gradientes e efeitos. Essas são coisas que podemos recriar dentro do After Effects, mas você também tem outra opção que não é usar camadas de forma dentro do After Effects. Eu sei que provavelmente estou ficando um pouco à frente de mim mesmo, eu não quero sobrecarregá-lo, mas se você realmente quiser usar padrões, gradientes, transparência, coisas como essa dentro do Illustrator para criar sua arte, então eu sugiro que você apenas planeja não usar camadas de forma dentro do After Effects. Isso é totalmente bom. Você ainda será capaz de acompanhar e fazer tudo o que eu sou. Você só trabalhará com a arte do Illustrator dentro do After Effects em vez de camadas de forma dentro do After Effects. Mas o processo de animação é idêntico, e como sempre, se isso é confuso, sinta-se livre para fazer perguntas, fico feliz em ajudar. Agora, há duas coisas que você pode fazer para o seu projeto de classe antes de seguir em frente. O primeiro é simplesmente projetar sua casa. Pode ser a casa em que cresceu, a casa em que vive agora ou até mesmo um edifício de fantasia, como um castelo, qualquer edifício que goste. Você pode projetá-lo em qualquer software em que você estiver mais confortável. Lembrem-se de seguir as diretrizes que lhes dei nesta lição. Depois que o trabalho artístico for projetado para salvar uma cópia do arquivo para que você não perca o trabalho artístico original e, em seguida, organize todas as camadas do After Effects. Lembre-se de manter qualquer objeto que você deseja animar em sua própria camada e, se você estiver adicionando texturas ou algo parecido dentro do Photoshop, certifique-se de mesclar todas essas camadas com o objeto para que você tenha um camada texturizada única para cada objeto. Uma vez feito tudo isso, você pode exportar uma imagem de sua arte e enviá-la para a página do projeto da classe, possamos ver com o que você estará trabalhando. Como sempre, não hesite em fazer perguntas na página da comunidade. 3. Organizando-se no After Effects: Agora que sua arte está pronta, podemos entrar no After Effects. Tudo bem, agora é hora de começar a trabalhar. Vamos abrir o After Effects e trazer nossa arte. Agora, estou usando uma resolução muito baixa enquanto gravo este vídeo, que seja mais fácil para você ver. Então, meu After Effects provavelmente parece um pouco mais apertado que o seu, mas todos os painéis básicos estão aqui, e você deve ser capaz de acompanhar. Preciso trazer meu trabalho artístico que acabei de preparar dentro do Illustrator. Então, eu vou clicar com o botão direito do mouse no meu painel de projeto e ir para baixo para Importar, Arquivo e, em seguida, colocar o meu na área de trabalho. Lembre-se, eu fiz uma cópia, House_ae, eu vou clicar duas vezes sobre isso, e então eu vou ter algumas opções. Em Importar Tipo, é muito importante que você importe isso como uma composição, e não uma gravação. Vou mostrar-lhe o que acontece se eu escolher filmagens. Vou apenas clicar em OK. Eu tenho uma única camada. Se eu arrastar isso para uma nova composição. Isto é obra de arte plana. Não há nada que eu possa fazer com isso. Todas as camadas que eu trabalho tanto para organizar dentro do Illustrator se foram. Nada que eu possa fazer. Então, em vez disso, vou apagar isso e tentar novamente. Importar, Arquivo, House_ae, e então eu vou mudar o tipo para composição. Temos outra opção importante, dimensões de filmagem. Então, nossas opções são tamanho da camada ou tamanho do documento. Tamanho da camada vai manter a caixa delimitadora de cada camada o tamanho dessa camada e tamanho do documento vai colocar a caixa delimitadora para ser o tamanho do documento para cada camada, independentemente do seu conteúdo. Noventa e nove vezes em cada 100, tamanho da camada é a opção que você vai querer escolher. Então, vamos escolher o tamanho da camada, clique em OK, e isso gera automaticamente uma composição e me dá uma pasta. Se eu abrir isso, há todas as minhas camadas nomeadas exatamente da mesma forma como eu as nomeei no Illustrator. Se eu abrir a composição, há todas as minhas camadas. Aqui está meu documento que se parece exatamente com o Illustrator, e se eu sozinho essa camada inferior, todos esses outros elementos ainda estarão intactos. Agora, que eu tenho minha arte aqui, eu preciso apenas verificar algumas configurações de composição. Vou chegar a Composição, Configurações de composição e verificar se tenho minha largura e alturas definidas para 1440 por 1080, o tamanho do meu arquivo do Illustrator. Minha taxa de quadros é de 30 quadros por segundo. É nisso que eu quero trabalhar, mas sinta-se livre para mudar isso se você preferir trabalhar em algo como 24 quadros por segundo. Então, minha duração é muito longa. Agora, isso está aparecendo como números de quadros, não como código de tempo real, então eu vou realmente cancelar isso. Venha para o meu timecode e Command Clique nele, então ele muda para horas, minutos, segundos em vez de quadros. Então, eu venho para as configurações de composição, composição mais uma vez. Agora, eu posso ver que minha composição tem 43 minutos de duração, 49 segundos e três quadros, isso é absurdamente longo. Eu não preciso de nada perto desse comprimento, então eu vou fazer backup disso e apenas zero isso e mudá-lo para algo como 15 segundos de duração. Isso deve ser mais do que suficiente para esta animação. Tudo o resto parece ótimo. Vou clicar em “OK” e, em seguida, apenas renomear esta composição. Então, eu clico nele no painel do projeto, pressione Enter e renomeie House_Build. Tudo bem. Agora, como eu disse, você poderia usar essas camadas exatamente como elas são e fazer uma animação da mesma maneira que eu vou fazer. Mas eu prefiro trabalhar com camadas de forma porque, logo dentro do After Effects eu posso mudar coisas como a cor, eu tenho acesso a alguns controles mais divertidos, e eu geralmente gosto de trabalhar com camadas de forma. Mas se você preferir trabalhar com essas camadas como elas são, tudo bem. Gostaria de notar que se você selecionar qualquer camada do Illustrator e habilitar o interruptor Rasterizar continuamente, esta pequena estrela aqui, então você pode dimensionar essa camada infinitamente e ela permanecerá sempre nítida. Está preservando o trabalho artístico vetorial dentro dessa camada. Se eu desmarcar o interruptor, você vê que fica um pouco embaçado. Ele perde a qualidade vetorial e, em vez disso, preserva a resolução original. Algo para ter em mente. Se você não vir esta coluna aqui, apenas certifique-se de que você tem este botão aqui pressionado. Então, você vê todas as opções de camadas. Tudo bem, vou desfazer de volta para onde estava. Agora, eu vou converter todas essas camadas em camadas de forma. Todos, exceto a camada um. Então, eu vou selecionar a camada superior, Shift Clique na camada de fundo, então agora eu tenho tudo selecionado, exceto aquela camada um, e eu clicar com o botão direito e ir para Criar formas a partir da camada de vetor. Devo salientar que este é um recurso que requer pelo menos After Effects CS6 ou posterior. Então, se você tiver uma versão mais antiga do que essa, você não poderá fazer essa etapa. Tudo bem. Vou clicar nisso, e o After E Effects agora gera todas essas camadas de forma com o mesmo nome de camada que a fonte, mais os contornos de palavras. Então, ele delineou todas essas camadas em camadas de forma. Enquanto eles ainda estiverem selecionados, vou clicar e arrastar em qualquer uma das camadas de forma selecionadas e empurrá-la para lá e, dessa forma, separará todas as camadas de forma do trabalho artístico do Illustrator. Está bem. Então, agora ele pode ampliar aqui e eu posso dar uma olhada nesses painéis. Eu tenho o vidro superior da janela, e porque é uma camada de forma, eu posso fazer coisas como mudar a cor para o que eu quiser bem aqui dentro do After Effects. É ótimo. Neste ponto seria uma ótima idéia para salvar. Você definitivamente quer ter o hábito de economizar regularmente, para que você não perca nenhum de seu trabalho. Então, eu vou salvar Command S ou Ctrl S em um PC, e eu vou colocar isso na área de trabalho e eu vou apenas renomear este House_Build. Ótima. Escolhi criar obras de arte muito simples, geométricas e repetitivas. Então, eu quero que minha animação se encaixe nesse estilo na maneira como ele se move. Então, para essas janelas, eu vou querer que todas elas se animem da mesma maneira. Eu poderia animar uma janela, duplicá-la mais três vezes e ter camadas para cada uma dessas janelas que são apenas duplicatas uma da outra, ou eu poderia agrupar essas três camadas em uma pré-composição, animar dentro dessa pré-composição e, em seguida, duplique a pré-composição quatro vezes para criar a mesma animação. O benefício do pré-comp é que eu posso editar uma animação e tê-lo refletido em todas as instâncias dessa composição. Então, deixa-me mostrar-te o que quero dizer. Vou começar selecionando estes painéis de vidro e esta janela, apenas a ferramenta de seleção clicando e Shift clicando nas outras camadas, e então eu quero pré-compor estas. Então, eu vou até a camada, até a parte inferior, Pré-compor. Quero salientar que há um atalho de teclado bem aqui. atalhos de teclado são tão úteis para tornar seu fluxo de trabalho mais rápido no After Effects, então eu realmente encorajaria você a começar a aprender e memorizar esses atalhos de teclado. Eu os uso o tempo todo, mas só estou mostrando no menu, para que você possa ver onde eles estão agora. Mas aqui, temos Shift Command C. Então, se eu os tiver selecionado e pressionar Shift Command C, isso abrirá a caixa de diálogo pré-compor, e eu posso dar um nome a esta nova composição. Então, eu vou chamar essa janela superior, e “Mover todos os atributos para a nova composição” é ótimo, Ajustar a duração da composição para o intervalo de tempo das camadas selecionadas também é ótimo. Vou clicar em “OK” e agora esta caixa delimitadora de pré-composições tem o tamanho do meu documento. Então, se eu clicar duas vezes neste pré-comp, eu posso ver todas as minhas três camadas agora. Mas eu tenho todo esse espaço negro vazio que não está fazendo nada. Eu realmente gostaria de manter minha obra de arte limpa dentro desta composição, na minha composição principal, vez de ter essa enorme caixa delimitadora com todo esse espaço vazio. Então, o que eu vou fazer é primeiro tirar uma foto da minha cena. É este pequeno botão aqui. Vou clicar nele, e agora vamos dizer que mudo alguma coisa. Eu posso manter pressionado este botão, ele mostra instantâneo, e enquanto eu estiver segurando, ele vai me mostrar como minha composição parecia quando eu tirei aquela foto. Então, vai e volta. Lá vamos nós. Então, eu desfaço o Comando C, e com esse instantâneo salvo, entrarei em minha composição e quero tornar minhas dimensões de composições do tamanho dessa janela. Na verdade, há uma maneira muito fácil de fazer isso. Ele está usando a ferramenta Região de Interesse e isso é bem aqui. Normalmente, isso é usado para renderizar apenas uma parte específica de uma composição, mas você pode realmente usá-lo exatamente como a ferramenta de corte. Eu só faço a caixa delimitadora do tamanho da janela. Vou ampliar agradável e fechar, que é pressionar a tecla Period no teclado para ampliar, tecla Vírgula para diminuir o zoom. Vou alinhar isto bem e fechar, certificando-se de não cortar nenhuma janela. Não precisa ser perfeito, mas algo muito próximo é ótimo. Então eu vou até a Composição, “Colheita para Região de Interesse.” Clique nisso e agora minha janela está bem posicionada bem no centro do pré-comp. Mas se eu voltar para a minha casa principal, a janela está agora no centro deste edifício. Não era o que eu queria, e é exatamente por isso que tirei uma foto. Então, se eu manter pressionado o botão Mostrar instantâneo, posso ver onde essa janela precisa estar agora, e eu vou apenas clicar em Shift e arrastá-la. Amplie e feche e, em seguida, mostre o instantâneo novamente. Então, ele precisa se mover para a esquerda. Então, eu movo para baixo para a esquerda, e então empurrei-o para baixo com as minhas teclas de seta, e lá vamos nós. Está alinhado perfeito. Ok, isso é ótimo. Vamos passar para esta janela. Vou selecionar todas as camadas que compõem esta janela. Aqui vamos nós. Em seguida, Command + Shift ou Control+Shift + C e renomeie esta janela inferior. Todas as outras configurações são ótimas. Clique em Ok e temos o mesmo problema. Então, eu vou entrar nessa camada, definir minha região de interesse. By the way, estou mudando para a ferramenta de zoom muito rapidamente pressionando Z no teclado. Clique uma vez para ampliar e mantenha pressionada a opção ou Alt em um PC e clique para reduzir o zoom. Em seguida, eu estou segurando na barra de espaço para alternar temporariamente para a ferramenta de mão que me permite apenas mover em torno do meu documento. Então, é assim que entrar e sair e em torno dos meus documentos tão rapidamente. São apenas mais algumas maneiras de acelerar seu fluxo de trabalho. Você vai se acostumar com isso ao usar o After Effects com mais frequência. Tudo bem. Então, vamos definir a região de interesse aqui. Vamos fazer uma caixa ao redor da janela, bem perto. Novamente, não quero cortar nada, então não há problema em ter um pouco de margem. Estou tentando ser simétrico quanto possível em torno dessas bordas. Depois, vou para a Composição, Colheita para a Região de Interesse. Volte para o nosso comp principal, e a janela está aqui onde não deveria estar. Agora, eu poderia usar o recurso de instantâneo novamente, mas eu quero aproveitar isso como uma oportunidade para mostrar outra técnica. Uma vez que temos todas as nossas obras de arte originais aqui, eu posso realmente apenas encontrar essa camada que seria essas camadas são o que compõem esta arte. Então, vou habilitá-los. Eu não posso vê-los porque estas duas camadas aqui estão escondendo eles, então eu vou desligá-los e o fundo também. Aqui vamos nós. Agora, nós temos essas camadas originais de volta onde eles precisam estar. Então, eu vou pegar essa janela e alinhá-la até que ela se encaixe exatamente da maneira que a obra original fez. Parece que é perfeito. Se eu desligar esta camada e voltar a ligar, você pode ver que está quase morto. Então, eu vou chamar isso de bom, desligar essas camadas de volta, e ligar minhas camadas de fundo novamente. Ótima. Agora, eu não preciso fazer várias cópias desta porta, mas eu quero manter este comp principal o mais limpo e organizado possível. Então, eu estou realmente indo para selecionar todas as camadas para a porta. Então, começando aqui e indo até a moldura da porta, e eu vou pré-compôs estes também. Então, Command + Shift + C, Control + Shift + C em um PC e eu vou nomear esta porta. Vá para a pré-composição clicando duas vezes e defina a minha região de interesse. Eu só vou continuar este processo para todos os elementos que eu quero existir em uma única camada dentro do meu comp principal. Novamente, isso é só para organização. Isso torna as coisas muito mais fáceis de olhar e lidar com na composição principal. Então, ali está a minha porta, eu vou trazer isso para baixo bem com o limiar. Eu tenho que alinhá-lo como um guia, e então eu só quero ter certeza de que ele está centrado. Então, eu vou mostrar minha foto, e olha para isso, é perfeito. Morto bem no centro. Eu vou fazer o mesmo para o abajur porque isso vai ser duplicado. Então, vou selecionar essas camadas. Precompõe a lâmpada. Defina minha região de interesse. Novamente, isso não precisa ser perfeito, desde que seja bastante simétrico. Estou tentando colocar a mesma quantidade de espaço nos lados em cima e em baixo. Então, vou cortar para a região de interesse e reposicionar minha lâmpada no comp principal. Certifique-se de que é bom e onde precisa estar. Vou usar as teclas de seta para mudá-lo até que se alinhe com aquele instantâneo. Perfeito. Ok, eu vou preparar este arbusto porque ele tem quatro duplicatas. Então, Command + Shift + C, bush. Perfeito. Ok, eu acho que isso é bom por enquanto. Eu tenho minha porta, minhas janelas, o arbusto, a lâmpada e então todos esses outros elementos são basicamente apenas retângulos, então eu vou deixá-los como estão por enquanto. Em seguida, eu quero dar uma olhada no meu painel de projeto porque você pode ver que todas as minhas pré-comps agora estão aparecendo aqui. Esta é outra parte do After Effects que eu quero manter organizada para que seja fácil navegar no projeto. Então, eu vou fazer uma nova pasta clicando neste botão aqui e eu vou renomeá-lo Precomps. Vou pegar todos os pré-comps e movê-los para aquela pasta. Isso é bom e organizado. Tenho aqui a minha composição principal e a minha obra de arte do Illustrator. Agora, que isso é organizado, eu quero duplicar os elementos que podem ser duplicados. Então, vou começar com as janelas superiores. Para isso, usarei a arte original como referência. Então, eu vou desligar algumas dessas camadas. O tapume e a guarnição, só vou escondê-los. Vou esconder o fundo. Agora, eu tenho esta camada 1 visível, que é o que eu vou usar como referência. Então, amplie bem e feche aqui. Esta é a minha pré-composição e esta é a camada 1 do Illustrator. Então, vou selecionar este pré-comp e duplicá-lo pressionando Command + D ou Control + D no PC. Então, agora eu tenho duas instâncias desse mesmo precomp. Em seguida, com a ferramenta de seleção selecionada, clicarei em Shift e arrastarei essa janela até que ela se alinhe com essa camada. Então, bem ali, parece bom. Vou segurar a barra de espaço para passar um pouco sobre o comp e duplicar novamente. Command ou Control + D, clique, mantenha a tecla Shift pressionada e arraste até que esteja alinhado. Farei isso por todas as janelas. Agora vamos mais um, e lá vamos nós. Agora, todas as minhas janelas são recriadas usando apenas estas pré-comps. Então, se eu sozinho estes, e ver que eu tenho todas as minhas janelas existentes a partir destes pré-comps agora. Farei o mesmo por esta janela aqui em baixo. Então, eu vou duplicar. Command ou Control + D, clique em shift e arraste. Desloque, duplique, clique em shift e arraste, duplique clique shift e arraste. Parece ótimo. Certo, farei o mesmo por este abajur. Duplicado, tudo bem. Então, finalmente, este arbusto. Então, duplicar, movê-lo. Duplicado e mais uma duplicata. Tudo bem. Lá vamos nós. Agora, eu tenho todos esses elementos repetidos recriados. Posso desligar a camada 1 e minha arte ainda está lá. Vou ativar esses elementos de fundo, e minha casa é completamente recriada dentro do After Effects usando pré-comps e camadas de forma. Agora, que eu tenho tudo isso configurado, eu posso realmente me livrar de todas as minhas obras de arte do Illustrator. Eu não preciso mais dele. Então, eu seleciono a primeira camada, role para baixo, mantenha a tecla Shift pressionada e clique na última camada e, em seguida, pressione delete. Agora, o conteúdo da minha composição são apenas as camadas com as quais estou realmente preocupado. Vou pressionar Command + S para salvar ou Control S em um PC. Lembre-se, economize o tempo todo. Agora, podemos começar a animar a minha casa. Neste ponto, você precisa trazer seu trabalho artístico no After Effects e dividi-lo assim como eu fiz. Se você está seguindo junto comigo e fazendo um edifício muito parecido com o meu, então você provavelmente está querendo usar pré-comps para coisas repetidas como as janelas do meu prédio. Se não, tudo bem. Apenas certifique-se de manter todas as suas camadas em sua composição agradável e organizada, rotuladas corretamente para que seja fácil de navegar e fácil ver o que você está fazendo. Depois de terminar tudo isso, faça uma captura de tela da pilha de camadas do After Effects e publique-a na página do projeto da classe para que eu possa ver seu projeto. Que podemos passar para a animação. 4. O gráfico de velocidade: Esta é a única seção mais importante de toda a classe. Vou ensiná-los a usar o editor de gráficos e todas as ferramentas que combinam com ele. Então, se ainda não o fez, agora é a hora de começar a prestar atenção. Agora, eu vou pegar um pouco esses que são do meu próprio projeto de classe, e eu tenho uma demonstração configurada para explicar exatamente como o editor de gráficos está funcionando, e eu fiz esta demonstração como depois de efeitos arquivo de projeto disponível para você baixar, então que você pode interativamente brincar com ele enquanto você está me observando. Então, vou em frente e colocar isso nas notas deste vídeo. Você também pode encontrá-lo na aba do projeto nos anexos, mas dessa forma, você pode estar interativamente mexendo com o editor de gráficos enquanto estiver aprendendo sobre ele. Então, eu construí uma demonstração aqui que vai mostrar um esboço como um rastro deste círculo se movendo pela tela. Eu vou fazer este arquivo de projeto disponível para você para downloads para que você possa brincar com isso enquanto você está me observando, e depois que você terminar com o vídeo. Porque eu acho que é realmente um grande exercício em ser capaz de entender como seus objetos se movem com base na maneira que você está manipulando seus quadros-chave. Então, você pode encontrar esse arquivo de projeto nas notas deste vídeo agora, bem como na guia do seu projeto nos anexos. Não se preocupe sobre como eu fiz esta demo agora, eu vou ter uma lição bônus no final da aula, se você está realmente interessado em como eu fiz isso, eu vou te mostrar lá. Mas por enquanto, pense nisso como um guia. Ele está mostrando cada quadro entre o quadro zero e o quadro 30, como este contorno de círculo destacado. Dessa forma, podemos ver exatamente como essa bola está se movendo. Se eu visualizar, você pode ver que ele está apenas viajando através da tela. Esta animação foi gerada com apenas dois quadros-chave de posição. Primeiro quadro-chave definido em 200 pixels no eixo x e 1080 no segundo quadro-chave. O eixo y não muda. É por isso que só se move da esquerda para a direita. Meus quadros-chave são lineares. Isso é o que esses pequenos diamantes significam. Vou me dar um pouco mais de espaço. Mas é isso que esses ícones representam, quadros-chave lineares. Se você passou algum tempo animando dentro do After Effects, então você provavelmente está familiarizado com o termo 'Easy Eas'. Se eu selecionar esses dois quadros-chave, e clique com o botão direito, vá para baixo para assistente quadro-chave, não vai encontrar facilidade fácil o atalho de teclado é F9. Se eu clicar nisso, meu diamante muda para essas formas de ampulheta, e minha animação é alterada, bem como a trilha. Vemos agora que há mais círculos sobrepostos nesta extremidade e nesta extremidade, e o movimento é ligeiramente suavizado na extremidade dianteira da animação. Se eu desfizer para voltar ao linear, você pode ver que é muito reto, linear, estático. Se eu refazer o Command Shift Z, ou Control Shift Z, teremos aquele pouco de flexibilização nas extremidades frontal e traseira. Agora é aqui que a maioria das pessoas entrando em design de movimento e após efeitos param. Eles só dizem que todos esses quadros-chave, vai suavizar e vai ser ótimo. Mas, você está fazendo essa aula porque você não quer ser como qualquer outro designer de movimento. Você quer entender como controlar seu movimento, e a chave para aprender isso é através do editor de gráficos. Então, podemos abrir o editor de gráficos vindo a este pequeno ícone aqui. Veja, editor de gráfico, vou clicar nele, e aqui temos uma linha dobrada, é forma de sino, e um gráfico, e alguns números, e pode parecer um pouco confuso. Mas não se preocupe, eu vou quebrar tudo e explicar tudo o que você precisa saber para aproveitar essa ferramenta. A primeira coisa que eu preciso apontar, é que existem na verdade dois tipos de gráficos dentro do editor de gráficos. Então, se você estiver brincando com um editor de gráficos enquanto assiste a isso, seu gráfico pode parecer diferente do meu. Na verdade, provavelmente vai parecer diferente do meu, mas a sua pode não ser esta bela curva em forma de sino. Se eu descer a esta pequena lista aqui, eu posso escolher o tipo de gráfico. Agora, por padrão, ele é definido para selecionar automaticamente o tipo de gráfico, porque certos gráficos tendem a funcionar melhor com certos tipos de propriedades, então após efeitos está sugerindo que tipo de gráfico ele acha que você deseja usar. Acontece que este é o gráfico de velocidade. Então, se eu escolher o gráfico de velocidade, ele permanece o mesmo. Mas, temos outra opção, o gráfico de valores. Se eu clicar nisso, parece diferente. Temos cores, temos esta forma de S, e depois a linha reta. Novamente, tudo isso pode ser um pouco confuso, mas eu vou quebrar tudo. Vamos começar com o gráfico de velocidade. Já que estamos na propriedade position, e depois dos efeitos assumidos, vamos falar sobre o que isso representa. Bem, esses dois pontos aqui estão representando nossos quadros-chave. Eu posso selecionar qualquer um deles, e desligar o editor de gráficos, e voltar a ativar, e você pode ver que dentro da linha do tempo, eles estão no mesmo ponto que esses quadros-chave. Então, isso é fácil de lembrar. Esses quadrados são exatamente os mesmos que esses ícones de ampulheta. São quadros-chave. Esta curva em forma de sino está nos dizendo quão rápido esta bola está se movendo em um ponto específico no tempo. Está medindo os pixels por segundo que está se movendo ao longo do tempo. É por isso que isso é chamado de gráfico de velocidade. Na propriedade position, ele está medindo a velocidade dos pixels ao longo do tempo, na propriedade de rotação você estaria medindo graus ao longo do tempo, e na propriedade scale estaria medindo porcentagem ao longo do tempo. Mas com todas essas propriedades, o valor que ele está medindo é a velocidade. Então, vamos ver se conseguimos ler este gráfico. É uma forma de sino. Aqui em baixo vemos um zero. Se eu destacar esse quadro-chave, teremos um pop-up que diz que no quadro zero, ele está viajando a zero pixels por segundo. Então, o ponto de ancoragem do quadro-chave está abaixo nessa linha de base de zero. Ok. Isso faz sentido, porque no início da nossa animação, a bola não está se movendo. Então, ele está viajando a zero pixels por segundo, e à medida que a animação continua, a velocidade se move para cima. Então, o por quadro seis, ele está se movendo cerca de 846 pixels por segundo, e, em seguida, na parte superior, no quadro 15, estamos movendo-o como 1300 pixels por segundo. Nesse ponto, ele está viajando o mais rápido. Então, ele é acelerado até essa velocidade, e então a forma do sino começa a descer. Então, podemos prever que esta bola vai estar diminuindo à medida que se aproxima do último quadro-chave que termina em zero pixels por segundo. É tão simples assim. O gráfico de velocidade está apenas dizendo quão rápido o objeto se move entre quadros-chave. Isso é chamado de interpolação. É o que torna a animação tão fácil dentro de um programa de computador, porque você pode apenas dizer após efeitos, começar com a bola aqui no quadro zero, e aqui no quadro 30, e no meio, você faz o resto. Preenche todas essas lacunas. Mas o editor de gráficos permite que você escolha como ele está interpolando entre esses dois valores. Então, se você der uma olhada no quadro-chave novamente, eu tenho este selecionado. Eu também tenho essa alça. Isso é chamado de manipulador de influência. Se eu clicar e arrastá-lo para a direita, minha forma de sino muda, e você pode ver que minha trilha também está atualizando. Então, deixe-me tocar isso de volta. Você vê que agora leva muito mais tempo para atravessar a tela. Mais uma vez, podemos ler esse gráfico. Começa em zero, leva mais tempo para acelerar, e agora está em torno de 20 quadros que está em sua velocidade máxima, e é muito mais rápido do que 1300, está agora em 1780 pixels por segundo, e então desacelera bastante abruptamente. Se eu agarrei esse cabo de influência e arrastá-lo para a direita, agora isso vai ser ainda mais uma parada abrupta. Se eu fizer isso enquanto podemos ver a trilha, você pode realmente ver como isso está afetando cada quadro. Então, é assim que você ajustar o movimento usando o gráfico de velocidade. Mas esses quadros-chave não precisam começar a zero pixels por segundo. Se eu clicar e arrastar para cima nesta alça, você pode ver que eu poderia dizer-lhe para começar a uma velocidade de 1.000 pixels por segundo. Agora vai ser mais rápido no início, e depois diminuir perto do fim. Você pode puxar este punho para fora um pouco, e agora temos um monte de quadros agrupados perto do final e chega a uma boa parada suave. Se eu pegar essa alça e movê-la para a esquerda para que ela basicamente não tenha influência na curva, então ela será mais rápida no primeiro quadro, e diminuirá todo o caminho até a velocidade de repouso de zero. Eu posso exagerar ainda mais, e agora entre este quadro e este quadro, você pode ver que não há nenhuma sobreposição. Vamos jogar de volta e ver como é. Agora ele começa a viajar muito rápido, e gradualmente chega ao ponto de descanso. Eu poderia reverter isso muito facilmente, eu vou tirar toda a influência daquele, colocar tudo de volta neste aqui, e agora que a velocidade está invertida. Começa muito devagar, e decola no final da animação. Agora, quero voltar aos meus quadros-chave lineares. Eu poderia fazer isso saindo do editor de gráficos e Command ou Control clicando nos quadros-chave, ou, sem sair do editor de gráficos, eu poderia simplesmente segurar a opção ou Alt e clicar nesses quadros-chave. Agora meu gráfico não é curvo. É uma linha reta. Se pensarmos bem, isso faz sentido, porque os quadros-chave lineares têm uma velocidade constante. Há uma quantidade igual de distância percorrida entre cada um desses quadros, que me leva direto ao meu próximo ponto, que é tempo versus espaçamento, e esses são dois conceitos fundamentais de animação que se ligam diretamente ao o editor de gráficos e como as coisas se movem dentro do After Effects. O tempo é a distância entre quadros-chave. Literalmente, onde cronometramos esses dois quadros-chave. É por isso que este é um ícone de cronômetro, ele permite que você atribua um valor específico a qualquer propriedade em um determinado momento. Então, em quadros zero, eu tê-lo definido para este valor, no quadro 30, eu tê-lo definido para este valor. Esse é o meu timing. O espaçamento é o que a interpolação de que falamos é. São todos os quadros entre esses dois pontos no tempo. Como meus quadros principais são lineares, o espaçamento é perfeitamente uniforme em cada um desses quadros. A bola está viajando igual distância entre cada um dos quadros. Se eu aliviar isso. Agora o espaçamento é diferente, há menos espaçamento entre quadros nas extremidades frontal e traseira da animação, e mais espaçamento entre eles. Se eu abrir meu editor gráfico, e isso é um pouco, então eu estou realmente afetando o espaçamento. Então, há um monte de lacunas entre esses quadros aqui no meio e quase nenhuma lacuna entre os quadros na frente e na extremidade da cauda. Então, eu vou jogar de volta, nós temos uma animação muito mais suave. A coisa que você tem que pensar, é que o momento não mudou nada. No quadro zero, é o primeiro quadro, e no quadro 30, o segundo quadro-chave. Tudo o que mudou foi o espaçamento entre os dois quadros-chave. Deixa-me mostrar-te o que quero dizer. Eu tenho outro comp aqui configurado com mesmo comp fácil que eu acabei de fazer os ajustes, bem como outra duplicata onde nós só temos movimento linear. Então eu vou fazer isso maior, então é bom e fácil de ver, e eu vou jogar de volta. O objetivo disso é mostrar que o tempo de ambas as animações é idêntico. Ambos começam em zero e terminam em 30, mas o espaçamento é completamente diferente, e você pode ver como isso afeta dramaticamente o movimento real. É exatamente por isso que saber como usar o editor de gráficos é tão importante. Porque você pode pegar dois quadros-chave e produzir algo que parece totalmente diferente dos quadros-chave padrão e linear. Agora, se eu voltar para o meu demo comp, e eu ajustei isso para que talvez ele não termine tão bem, ele começa muito mais suave e termina mais abruptamente, nós podemos voltar e ainda ver que o tempo não mudou, apenas o espaçamento. Ambas as camadas começam e terminam exatamente na mesma posição. Isso vale para qualquer propriedade , não só tem que ser posicionado. O tempo e o espaçamento se aplicam a qualquer coisa com quadros-chave, e é por isso que é tão importante saber como usar o editor de gráficos. Gosto muito de usar o gráfico de velocidade. Há alguma controvérsia lá fora que tipo de gráfico é melhor, e eu encorajaria fortemente você a não favorecer um sobre o outro. Ambos têm prós e contras, e podem fazer coisas que o outro não pode. Então, é muito importante que você entenda como usar cada um deles, que você possa saber quando usar cada um deles. 5. O gráfico de valor: Agora vamos mudar para o gráfico de valores. Então, desça a este menu e diga editar gráfico de valor. Agora, lembre-se que estamos de volta aos nossos quadros-chave lineares e estamos vendo algo diferente em nosso gráfico. A maior diferença é que agora temos duas linhas diferentes e há duas cores diferentes. Isso é algo que é um pouco confuso sobre o gráfico de valores, quando você está trabalhando com uma propriedade que tem vários valores como a posição ou a escala, o gráfico de valores vai mostrar ambos os valores. Então nós estamos vendo esta linha verde e que representa a posição Y, enquanto eu realço sobre ela você pode ver a posição Y na caixa pop-up, e a linha vermelha é uma posição representativa X. Isso é ótimo. Deixe-me selecionar esses quadros-chave clicando e arrastando e, em seguida, eu vou convertê-los para facilidade fácil, F9 no teclado, e agora eu tenho esta curva de forma S para o vermelho e minha linha verde ainda é reta. Novamente, porque não há movimento de posição Y esta linha está ficando completamente plana. Mas a minha linha vermelha, a posição X, é esta forma S. Então, por que esta é uma forma de S e a curva de velocidade é uma forma de sino? Bem, é porque o gráfico de velocidade estava medindo velocidade ou velocidade ao longo tempo e o gráfico de valores mede o valor ao longo do tempo. Então, se você se lembra, eu disse que a bola começa com um valor de 200 pixels no eixo X. Então, lá vamos nós temos este primeiro quadro-chave 200 pixels e, em seguida, no último quadro-chave é 1080, e aqui vemos este quadro-chave em 1080. Podemos olhar para nossas unidades e ver que temos 500 pixels 1.000 pixels. Então, aqui em 200 é onde o primeiro quadro-chave na posição X é que, faz sentido e com o passar do tempo, ele termina em 1.080 pixels. Espero que isso faça sentido para você. Não é tão complicado assim que você entenda. O gráfico de velocidade mede a velocidade ao longo do tempo, o gráfico de valores mede valor ao longo Uma vez que você entenda isso, você realmente pode começar a prever o que está acontecendo com suas animações apenas olhando para a curva. Então, eu facilitaria meus quadros-chave e eu posso ver que ele começa em um valor de 200 e facilita fora desse valor, ele está viajando mais rápido, mudando o valor mais rápido entre esses dois pontos e então ele começa a diminuir a velocidade para que 1080 posição. Agora, eu tenho este primeiro quadro-chave selecionado e você vai notar que eu não tenho nenhuma alça para manipular esta curva, e por que isso é? Bem, esta é outra parte do gráfico de valor que é um pouco confuso no início e às vezes bastante frustrante, e a razão para isso é porque ele se comporta de forma diferente com propriedades diferentes. Por qualquer motivo, eu não sou capaz de editar esta curva com a propriedade position que tem ambos os valores juntos. No entanto, se eu clicar com o botão direito sobre ele e dizer dimensões separadas, agora eu tenho uma propriedade X position e uma propriedade Y position, e eles são destacados com a cor que o editor de gráficos atribuiu a eles. Então, minha posição X é vermelha que é mais fácil de identificar e a posição Y é verde. Ótimo, eu não preciso me preocupar com a posição Y na verdade eu nem preciso de quadros-chave na posição Y então eu vou selecioná-lo e pressionar o cronômetro para tirar esses quadros-chave. Em seguida, selecionarei a posição X, modo que ela apareça no meu gráfico e dê uma olhada nessa curva. Agora, com os quadros-chave selecionados, tenho acesso a essas alças. Eles ficaram confusos quando dividi as dimensões, então preciso facilitar de novo. Vou pressionar F9 no teclado e agora que a curva em forma de S está de volta. Reproduzir S de volta para que possamos ver a animação e assim como com o gráfico de velocidade, eu posso pegar uma dessas alças e arrastá-la para fora. Mas enquanto eu faço isso, você vai notar que ele não está ficando horizontal como o gráfico de velocidade estava. Eu sou capaz de movê-lo para cima e para baixo também. Se eu segurar o turno, ele vai ficar horizontal, modo que pode ser útil, mas não manter downshift me dá um pouco mais de flexibilidade. Se eu quiser que isso acabe em uma posição de repouso, que é muito agradável e suave, eu vou segurar downshift e manter isso horizontal. Enquanto eu arrasto isso para fora, você pode ver todos esses círculos se juntando para o lado direito. Eu vou realmente exagerar isso em ambas as alças e reproduzi-lo de volta. Agora, eu tenho essa curva S extrema e você pode ver como isso realmente afetou meu movimento. Se eu pegasse essa alça superior e arrastasse para baixo para que fosse mais de uma forma como esta, você poderia ver que quase todos os círculos estão no lado esquerdo agora. Se eu jogar isso, temos o mesmo movimento de aliviar a posição de repouso em uma velocidade muito rápida. Se eu clicar nele e arrastá-lo para cima além ponto de ceilling superior e ver que esses círculos agora disparando para o lado direito. Então, vamos jogar de volta e ver o que ele faz. Agora, ele está realmente indo além desse valor de 1.080, aqui você vê que é em torno de 1.150 antes de descer. Ele fez a mesma coisa com este punho se eu apenas agarrá-lo e arrastá-lo para baixo, isso é realmente empurrar um monte desses círculos para a esquerda. Eles têm um movimento completamente diferente só de editar minha curva. Vou clicar e arrastar enquanto mantém a tecla Shift pressionada para encaixar estes de volta a ser perfeitamente horizontal. Agora, vamos voltar para o gráfico de velocidade e comparar as curvas. Então, aqui eu tenho essa curva de sino que é agradável e pontuda, e então no gráfico de valores eu tenho essa curva S. Mais uma vez, podemos ler os dois para interpretar a velocidade. Começa com zero valor de retenção, acelera muito rapidamente no meio e, em seguida, desacelera imediatamente para uma posição de repouso novamente. No gráfico de valores, estamos olhando para um valor. Então, ele começa com um valor baixo de 200, o valor começa a mudar lentamente, em seguida, muito rapidamente, em seguida, desacelera novamente descansando em 1080. Agora, aqui está algo interessante. Se eu selecionar esses quadros-chave, clique com o botão direito sobre eles, vá para o assistente de quadros-chave e diga quadros-chave reverso de tempo, agora minha curva S é espelhada. Então, ele está começando em um valor mais alto e caindo para um menor. Então, isso faz sentido com o gráfico. Começaria com um valor mais alto e, em seguida, mover-se para baixo em vez de para cima. Eu vou tocar de volta e agora ele está se movendo da direita para a esquerda em vez de esquerda para a direita e se eu mudar de volta para o meu gráfico de velocidade, minha curva de sino está de cabeça para baixo e a razão para isso é porque a velocidade está se movendo em um negativo velocidade. Normalmente, você não pensa em velocidade em valores negativos, mas a razão para isso é porque os efeitos posteriores estão baseando todos esses gráficos nos pixels de composições. Então, aqui, temos um valor de 1080 e aqui lemos um valor de 200. Então, ele está medindo a velocidade da mudança no valor, e porque ele está indo de um número maior para um número menor, ele está interpretando isso como uma velocidade negativa. A curva é exatamente a mesma forma, é apenas invertida. Vou desfazer para voltar para onde estava. 6. Caminhos de movimentos e deslocamento de quadros-chave: Agora eu poderia voltar para a minha linha do tempo e apenas adicionar outro quadro-chave indo para um quadro e clicando aqui ou dentro do editor de gráficos, eu poderia realmente mudar para a ferramenta de caneta que é G no teclado e clicar em qualquer lugar neste gráfico para adicionar um quadro de chave extra. Agora que ele está lá, eu posso voltar para a minha ferramenta de seleção V no teclado e, em seguida, ajustar as alças de influência para o que eu quiser. Então, se eu quiser talvez espaçar isso um pouco mais e levar mais tempo para aumentar a velocidade, é assim que eu posso fazê-lo ou se eu quiser enlouquecer e apenas ter isso em todo o lugar, eu poderia arrastá-lo para baixo para um negativo velocidade e se eu mudar para o meu gráfico de valor, podemos ver como isso se parece. Isso é adicionado outro quadro chave bem aqui no meio. Eu posso pegar essas alças e movê-las para ajustar com precisão como essa interpolação está acontecendo entre esses quadros-chave. Agora, com o gráfico de valores, eu posso realmente quebrar essas alças. Se eu mudar de volta para a minha ferramenta de caneta, G no teclado, e mantenha pressionada a opção ou Alt em um PC, que muda para a minha ferramenta Vertex, eu posso clicar e arrastar essas alças. Agora que eles estão quebrados, eu posso apenas selecionar o outro clique e arrastá-lo e agora eu tenho um movimento muito louco olhando. Agora, isso pode não ser o que você gostaria, mas é algo para estar ciente. Ele lhe dá muita flexibilidade sobre como interpolar os valores entre seus quadros-chave. Se você quiser que essas alças sejam encaixadas novamente, basta manter pressionada a opção clicar e arrastar e elas serão bloqueadas juntas novamente. Você também pode clicar uma vez em um quadro-chave e agora essas alças não terão qualquer influência sobre a mudança de valor. Vou desfazer de volta ao local onde tivemos esta chave maluca e comparar isso com o gráfico de velocidade. Então, aqui podemos ver que parece completamente louco, mas a maneira como isso está funcionando aqui é que temos manipuladores de influência em ambos os lados deste quadro chave que está entre outros dois que podemos operar de forma independente. Novamente, você pode dividir as alças de influência de um quadro-chave mantendo pressionada a opção ou Alt e clicando nesse quadro-chave. Clique uma vez para juntá-los, clique novamente para separá-los. Então, eu posso mantê-los separados assim ou ligar a influência para que seja agradável e suave entre essas alças. Ele ainda os ajusta corretamente, mas a influência de entrada e saída será muito semelhante se eles estiverem trancados juntos assim. Como você está começando a envolver sua cabeça em torno desses dois gráficos, também pode ser útil usar o gráfico de referência. Como clicar nisso. Vai mostrar os dois gráficos ao mesmo tempo. Qualquer que você não estiver usando será a referência. Então, eu estou ajustando o gráfico de velocidade para que ele esteja me mostrando o gráfico de valor em segundo plano. Eu realmente não posso editá-lo, mas se eu fizer alterações no gráfico de velocidade, podemos ver como isso está afetando o gráfico de valores. Se eu mudar para o meu gráfico de valores, posso fazer a mesma coisa. Ajuste essas alças e veja como elas estão afetando o gráfico de velocidade. Esta é uma ótima maneira de entender e interpretar como ambos os gráficos estão sendo exibidos. Vou desligar meu gráfico de referência, excluir esse quadro de chave, e então puxar essa alça para cima novamente. Agora, enquanto eu faço isso, você pode ver que meu gráfico está rolando automaticamente para cima, então ele está me dando um pouco mais de espaço. Mas às vezes pode ser difícil trabalhar com isso. Se eu desfazer e alterar esse valor de 1080 para 300, você pode ver que minha curva não mudou, mas as unidades do gráfico mudaram. Agora só é exibido entre 200 e 300 pixels. Então, se eu clicar e arrastar esta alça e movê-la para cima, ela mal está se movendo além do ponto de repouso. Para contornar isso, posso desmarcar este botão de altura do gráfico de zoom automático. O que isso me permite fazer é simplesmente diminuir o zoom usando as ferramentas de zoom. Então, se eu pressionar Z no teclado, mantenha pressionada a opção ou Alt, eu posso clicar e você pode ver que amplia verticalmente no meu editor de gráficos e agora eu posso voltar para a minha ferramenta de seleção, V no teclado, e clicar e arrastar muito mais dramaticamente. Então isso me dá a capacidade de apenas diminuir o zoom ou entrar se eu preferir ampliar mais livremente e apenas como dentro da minha curva, mantenha pressionada a barra de espaço para deslocar em torno desse gráfico. Eu vou ligar isso de volta para que ele apenas mantenha isso agradável e centrado e , em seguida, colocar meus valores de volta para onde eles estavam. Em seguida, eu quero falar sobre o caminho do movimento um pouco e como isso funciona em tudo isso. Se você não está familiarizado, isso aqui em cima, esta pequena linha azul é o caminho do movimento. A razão pela qual é azul é porque a minha camada é azul. Se eu troquei a cor do rótulo para verde, ele ficará verde. O caminho de movimento é uma representação da posição desta camada ao longo do tempo. Cada um desses pontos é um quadro. Os quadrados abertos nas extremidades representam os quadros-chave. Se eu clicar neles, você pode ver que eles estão sendo selecionados aqui na minha linha do tempo. Enquanto passo por essa animação, você vê que o ponto de ancoragem da minha camada está alinhando com cada um desses pontos. Então é isso que esses pontos representam. Se eu ajustar meus gráficos de velocidade ou valor, você pode ver que esses pontos também estão se juntando exatamente da mesma maneira que minhas trilhas estavam. Então essa é uma maneira que você pode ler o movimento do seu caminho. Isso é ótimo. Como está agora, isso é realmente apenas para referência. Não está fazendo muito por mim ou me dando mais controle. Mas se eu clicar com o botão direito do mouse em minha posição e desmarcar dimensões separadas, eu voltei para meus quadros-chave lineares e não posso mais ajustar meu gráfico de valores. Mas se eu mudar para o meu gráfico de velocidade e ajustar essas alças, você pode ver que isso está atualizando tanto meu rastro quanto meu caminho de movimento. A coisa boa sobre isso é que agora eu posso controlar o caminho que meu círculo leva entre esses dois quadros-chave como se eu estivesse desenhando um caminho com a ferramenta caneta. Então, se eu mudar para a minha ferramenta de caneta e realçar sobre o primeiro quadro de chave, você verá que ele muda para a minha ferramenta Vertex. Ao clicar e arrastar, isso vai me dar uma alça como qualquer caminho vetorial, assim como meu gráfico de valores, ele se comporta exatamente da mesma forma. Agora eu sou capaz de controlar o caminho que este objeto toma entre os dois quadros-chave e como eu estou fazendo isso você pode ver que não muito está mudando em meu gráfico de velocidade em tudo. Talvez um pouco nessa velocidade máxima, mas nada demais. Se eu jogar isso de volta, meus quadros principais são exatamente os mesmos. Os valores ainda estão definidos em 210 80 no eixo x. Eles são flexibilizados com base no gráfico de velocidade, mas ele está indo nesta forma S em vez de uma posição linear esquerda e direita. Então isso é um benefício manter sua posição bloqueada. Você pode animar objetos usando o caminho de movimento. Se isso é importante para você, então você vai precisar se acostumar a usar o gráfico de velocidade porque, como eu disse, você não pode ajustar o caminho de movimento com as dimensões de posição separadas. Se eu separar as dimensões, perco as alças. Não posso mais ajustá-los. No entanto, esta moção ainda está preservada. A razão para isso é porque ele é gerado quadros-chave para a posição x e y. Então, agora, se dermos uma olhada no editor gráfico para apenas a posição y e eu vou mudar para o gráfico de valor, você pode ver que ele está mudando de um valor de 360 para 315 até 420 e depois para baixo para 360 enquanto antes isso era apenas linear. Então, se você precisa usar o gráfico de valores, mas ainda quiser ser capaz de controlar o caminho que seu objeto toma, é assim que você vai fazê-lo. Você provavelmente vai querer selecionar ambas as posições x e y, você pode vê-los ambos de uma vez e então eu vou começar por facilitar tudo. Então, novamente, isso é apenas viajar em um caminho linear, mas eu quero me mover naquele caminho curvilíneo novamente. Então selecione minha posição y, pegue uma das alças e arraste-a para baixo e, em seguida, pegue a outra alça e arraste-a para cima. Agora isso é, na minha opinião, um pouco mais difícil de manipular e fazê-lo se comportar exatamente da maneira que você quer, porque você tem que jogar com quatro valores diferentes. Os quadros-chave de entrada e saída para as posições x e y. Eu tenho algo que funciona muito bem, mas não facilita muito bem no final, então eu teria que brincar com isso um pouco mais e é por isso que eu digo que é apenas importante conhecer ambos os gráficos, como eles se comportam com propriedades diferentes, quais são suas limitações e quais são seus benefícios , porque então você pode saber quando usar qual gráfico. Se eu estivesse tentando fazer esse tipo de animação, eu nunca separaria as dimensões. Eu os manteria trancados, facilitaria meus quadros de chaves e então ajusto meu caminho de movimento. Exatamente como eu fazia antes. Então, eu vou apenas selecionar esta alça neste quadro chave, fazer a mesma coisa aqui em baixo e muito facilmente, eu sou capaz de manipular onde esse círculo está viajando ao longo desse caminho. Então isso é uma coisa muito importante para ter em mente. A próxima coisa que quero falar é chamado de quadro chave Rove. Então, eu vou começar apenas fazendo todos os meus quadros-chave lineares novamente, me livrando das alças do caminho de movimento para que ele esteja apenas viajando naquela linha reta novamente. Digamos que eu queira ajustar esse caminho de movimento mas desta vez usando um quadro-chave em vez das alças. Digamos que essas maçanetas não estavam me dando exatamente o que eu queria. Quero que a bola desça aqui entre estas duas chaves. Então, eu apenas clique e arrastá-lo. Ele gera um quadro-chave e agora eu posso reproduzi-lo volta e ele dispara de um quadro-chave para o outro. Se eu selecionar os dois quadros-chave externos e facilitá-los, o primeiro quadro chave vai facilitar fora deste valor e ir para este quadro-chave e, em seguida, que a flexibilização vai ser ignorado como ele chega para o outro lado de o quadro-chave e passar de um quadro-chave linear para um quadro-chave Leste. Toca isso de volta. Não é um movimento suave muito contínuo. Se eu tentar facilitar este, então ele vai facilitar a essa posição e, em seguida, aliviar para fora dela. Mas eu só quero que ele tenha esse bom movimento fluindo entre esses dois pontos. Bem, a primeira coisa que eu preciso fazer é deixar meu caminho de movimento agradável e suave. Então, eu vou mudar para a ferramenta de caneta, G no teclado, clicar uma vez no quadro de teclas para suavizar automaticamente esta curva e, em seguida, talvez apenas ajustá-la um pouco. Ok. Então o caminho que está tomando é ótimo, mas o tempo está desligado. Não gosto da forma como está a abrandar para esta posição antes de partir para aqui. Quero que seja um movimento contínuo, quase como se este porta-chaves não estivesse aqui. Eu só quero usar isso como um valor no meu caminho de movimento. Bem, uma maneira que eu poderia fazer isso é segurando o comando ou controle em um PC e clicando no quadro-chave quer torná-lo linear e mais uma vez para torná-lo um círculo. Isso é chamado de um quadro de chave auto Bezier e o que ele faz é tentar suavizar a velocidade entre esses quadros-chave para que ele está fazendo um bom trabalho. Isso é muito mais suave do que este quadro-chave linear e muito mais suave do que este chave-chave Leste. Então isso é ótimo. Mas vamos saltar para o editor de gráficos e mudar para o gráfico de velocidade para ver como isso parece. Não é muito suave. Como eu disse, é mais suave e novamente se eu fiz este linear por opção clicando nele, você pode ver como isso realmente não parece suave. Quebra as alças e essas não funcionam. Se eu facilitar, ele se resume a uma posição de descanso. Eu não quero isso. Então, eu estou de volta ao meu carro Bezier e eu vou usar isso como um ponto de partida. Isso é como uma maneira de ter uma idéia áspera de onde a flexibilização deve ser para aquele quadro-chave e então eu vou apenas puxar este cabo influência para fora e talvez puxar este em apenas um pouco e agora eu tenho esse bom movimento fluido suave. Quase parece que não há nenhum ponto aqui onde há um quadro chave. Isso é ótimo. Mas, e se eu te dissesse que há uma maneira ainda mais fácil de fazer esse tipo de emoção? Se eu voltar para a minha linha do tempo, clique com o botão direito do mouse no quadro-chave e descer para percorrer o tempo, meu quadro-chave fica menor. É um círculo, então parece muito com Bezier auto e ele muda mais. Nem sequer está debaixo de onde o coloquei. Se eu voltar para o meu editor gráfico, eu tenho esta curva de forma de sino perfeita novamente e aquele quadro chave Rove está bem aqui. É aquele círculo. Veja o que acontece se eu ajustar minha curva. Isso é automaticamente deslocado para onde quer que seja necessário, fim de manter a velocidade entre esses dois quadros-chave. Então, o que Rove através do tempo está efetivamente fazendo, é o que eu já tinha explicado. É pegar o valor de posição que eu defini para esta taxa de quadros chave aqui e incorporá-lo na interpolação entre os dois quadros-chave em ambos os lados. Então, não está prestando atenção a nenhuma informação de velocidade na verdade, eu não posso ajustar nenhuma informação de velocidade. É apenas segurando os dados que eu coloquei no caminho do movimento. Então, se eu clicar e arrastá-lo por aí, você pode ver como isso está afetando minha curva. Na verdade, não está afetando a curva, está apenas mudando ao longo dela. Então, eu posso fazer essa curva tão louca quanto eu quero que ela seja e ela sempre vai ter a mesma velocidade de entrada e saída, com base nesses dois quadros-chave. A grande coisa sobre isso é que você pode realmente adicionar vários rove através do quadro-chave de tempo. Então, se eu adicionar outro quadro-chave aqui, clique com o botão direito e diga rove através do tempo, agora eu tenho dois desses e eu posso ajustar o caminho do movimento como eu quiser, talvez fazer isso um pouco mais agradável e ser muito preciso sobre como o movimento está sendo executado na minha composição enquanto ainda controla a velocidade com apenas estes quadros de teclas de início e fim. Isso é tudo conceitos muito importantes para entender e pode tornar sua vida muito mais fácil ao animar as coisas. 7. Usando editor gráfico com outras propriedades: Tudo bem, agora que fizemos toda essa animação de posição, vamos dar uma olhada em uma das outras propriedades. Vou subir a escala e definir alguns quadros-chave. Vamos começar por diminuir para dizer 50, definir um quadro-chave e, em seguida, ir para este quadro 30 e transformá-lo de volta para 100. Então, agora que a bola está aumentando enquanto se move para a esquerda e para a direita. Ótima. E se eu facilitar esses quadros-chave podemos ver essa facilidade refletindo, ela não é mais perfeitamente linear. Se eu entrar no meu editor gráfico, vejo um gráfico de velocidade e ele está se comportando exatamente da mesma maneira que o gráfico de posição. Em vez de pixels ao longo do tempo, ele está medindo a porcentagem ao longo do tempo, então eu posso aumentar isso ou diminuí-la, como eu quiser. E agora, a mudança de escala será mais dramática por aqui. Você vê que ele acelera muito e se eu mudar para o gráfico de valores eu tenho a mesma curva S. Agora o que é interessante sobre isso é que eu só tenho uma curva para dois valores e esta é uma daquelas instâncias em que o gráfico de valores é bastante confuso às vezes porque no valor da posição, eu não posso editar isso em Tudo. Eu tenho duas linhas sempre, eu tenho que separar as dimensões se eu quiser usar o gráfico de valor. No entanto, na propriedade scale eu posso simplesmente continuar a editar isso como se fosse um único valor e ele sempre funcionará. Mas se eu desmarcar o botão de restrição de proporções, para que eu possa mudar independentemente a escala x e y. Agora, se eu selecionar este quadro-chave e clicar e arrastar, repente tenho duas linhas e a escala x estará sempre no topo. Então, se eu selecionar tudo e simplesmente facilitar que eles estão todos sobrepostos um sobre o outro. Se eu quiser ajustar apenas a escala y, eu tenho que primeiro mover a escala x para fora do caminho e então eu posso fazer o que eu quiser para a escala y. É meio irritante e algo com o qual você só tem que lidar. Infelizmente, você não pode separar dimensões em uma escala como pode com a posição. Mas algo para tomar nota é que agora que eu tenho esse tipo de escala estranha acontecendo, você vê, ele está entrando em um oval aqui e talvez eu até exagere isso ainda mais, nós temos essa animação estranha acontecendo. Agora eu posso vincular essas propriedades, essas proporções, e se eu ajustar uma das alças isso afeta ambos. Então, você pode, a qualquer momento, vincular e desvincular esses valores, e mesmo que eles estejam vinculados e você facilite os quadros-chave, ele irá alinhá-los todos bem. E se voltarmos ao gráfico de velocidade e desconectarmos isso, teremos exatamente a mesma coisa acontecendo. Agora posso ajustar os valores x e y independentemente um do outro. E uma vez que eles são diferentes se eu os ligar de volta eles vão então afetar ambos os eixos x e y. Tudo bem, eu vou me livrar dessa animação em escala e vamos trazer a rotação. Para fazer isso, estou pressionando shift e em seguida, o atalho de teclado correspondente para a propriedade. Então, R é rotação, S é escala, P é posição, e, em seguida, se você segurar Shift e pressionar R, que irá trazer a rotação enquanto mantém a posição, vamos então mudar e pressionar S você obtém a escala também. Ok, então, se eu rodar isso você realmente não vê nada acontecendo porque é um círculo, então eu vou para isso e mudá-lo de um círculo para baixo para um quadrado. Então, parece algo mais parecido com isso agora. Pressione R para exibir minha rotação novamente e desloque P para a posição e defina meu quadro-chave. Então, zero no quadro 30 e então eu vou girá-lo de volta talvez 270, lá, e vai jogar de volta, e agora meu quadrado está girando. Outra coisa que eu quero salientar é que você pode aliviar várias propriedades ao mesmo tempo, então, eu vou selecionar todos os quatro quadros-chave para a rotação e a posição. Pressione F9 para facilitar a facilidade. A razão pela qual eu geralmente gosto de facilidade é porque ele traz o gráfico de velocidade, alças de influência para baixo para a linha base de zero ou os gráficos de valor manipula para fora para esta posição horizontal. É só um bom ponto de partida. Então, no gráfico de velocidade com ambas as propriedades selecionadas eu posso realmente pegar qualquer um desses quadros-chave fazendo uma seleção e facilitar tudo de uma só vez. Então, agora o gráfico de velocidade corresponde nos valores de rotação e posição. Agora, infelizmente, eu não posso fazer isso no gráfico de valores porque minha posição não está separada, então, eu não posso ajustar o gráfico de valores para a posição. Mas o valor de rotação, se eu segurar o comando ou controle e clicar na posição, dessa forma eu fico apenas com a rotação, esse valor de rotação é uma única propriedade. É medido em graus, então é por isso que estamos vendo graus ao longo do tempo, mas não temos nenhum problema. Eu posso editar isso no gráfico de valor ou no gráfico de velocidade e lidar com isso como eu gostaria e ele vai funcionar em qualquer um. De muitas das propriedades que você pode usar o editor de gráficos em, a propriedade de rotação é realmente uma das mais fáceis de manipular. E apenas para mostrar novamente como é fácil aliviar vários quadros-chave para várias propriedades tão facilmente, eu vou apenas definir alguma escala de quadros-chave bem e talvez nós vamos começar em 25, ir até 100 e então eu vou apenas selecionar tudo. Mais uma vez, fácil aliviá-lo e vamos separar as dimensões na posição, facilidade fácil novamente, entrar em todos os quatro de uma vez e então eu poderia apenas aliviar isso bem e ver como isso está afetando em nossa trilha. Temos molduras agrupadas aqui, molduras agrupadas aqui, reproduzi-las e assim, aliviei quatro propriedades diferentes de uma só vez. E porque separei as dimensões na propriedade position, posso editá-las exatamente da mesma forma dentro do gráfico de valores. Então, se eu pegar todos esses e levantá-los e, em seguida, pegar todos esses, empurrá-los para baixo, eu tenho algo que é absolutamente louco. Mas a questão é que é muito fácil de manipular. Eu não posso enfatizar a importância desta seção da turma o suficiente. Compreender como usar o editor de gráficos realmente é a chave para controlar seu movimento dentro do After Effects. E isso foi um monte de informações para receber de uma só vez, então você realmente precisa dar um passo atrás de seu projeto de classe e entrar no After Effects. Use este arquivo de projeto de demonstração que eu configurei para você brincar com o editor de gráficos e ver como ele está afetando o movimento desse círculo. Certifique-se de entender como o gráfico de velocidade funciona em comparação com o gráfico de valor. Como eles são semelhantes, como eles são diferentes, que você possa saber quando escolher um em vez do outro. E também certifique-se de aplicar isso a outras propriedades que não sejam a posição. Veja como isso afeta a propriedade scale e a propriedade rotation e como um dos gráficos pode ser uma escolha melhor dependendo da propriedade que você está usando. Se você apresentar algum experimento de aparência única, sinta-se livre para compartilhar isso na página do seu projeto de classe para que possamos ver o que você está fazendo. E se você tiver algum problema, qualquer dúvida, basta me ligar na página da comunidade e eu farei o meu melhor para ajudá-lo. 8. Os pontos de âncora são importantes!: Agora que você conseguiu o que com o editor de gráficos e você entende o básico de como ele funciona, eu vou começar a animar meu próprio projeto de classe e usar o editor de gráficos para facilitar todo o movimento. Se alguma coisa está passando por cima da sua cabeça, basta fazer uma pausa desta classe por um segundo e ir assistir o Guia do Iniciante para Animar Gifs Personalizados. Essa é a aula que eu fiz que dura apenas 30 minutos para pessoas que nunca usaram After Effects antes, e você vai começar a trabalhar, e você pode voltar e acompanhar. Outra coisa que vou fazer no resto desta classe é usar muitos atalhos de teclado, e farei o meu melhor para chamá-los enquanto os estou usando. Mas isso é algo que você deve começar a memorizar. atalhos de teclado são um aumento de eficiência incrível para o seu fluxo de trabalho no After Effects e tornam você um designer de movimento muito mais rápido e eficiente. Através da demonstração do editor de gráficos, usei principalmente a propriedade position para mostrar como funciona. Mas a realidade é que eu provavelmente não vou estar animando um monte de propriedade posição se houver com este projeto de casa. Acho que vou usar a propriedade scale, talvez um pouco de rotação. Mas, como você verá, tudo isso ainda se aplica independentemente da propriedade que estamos animando. Vamos começar com a linha superior das janelas. Eu vou clicar duas vezes em qualquer uma das pré-composições, e começar a pensar sobre como eu quero que isso se animar. Provavelmente faz sentido ter o quadro animado primeiro seguido pelo vidro, e dessa forma o vidro não se anima em cima de nada, tem a moldura atrás dele. Então, eu vou desligar as camadas de vidro escondendo seus ícones de globo ocular aqui no painel de camadas, e assim eu posso focar apenas no quadro. Como eu disse, acho que vou usar a propriedade da escala para animar. Então vamos trazer isso para cima girando para baixo esta seta, indo para os controles de transformação e encontrando escala. Agora é aqui que quero que acabe. Com um valor de escala de 100 por cento nos eixos X e Y. Então eu vou definir um quadro-chave e, em seguida, clicar e arrastar isso para fora um pouco. Agora, eu estou muito ampliado aqui, então eu estou no botão mais no teclado para ampliar, então eu posso ver essas unidades mais claramente. Eu também vou mudar meu timecode para ver como quadros em vez de horas, minutos, segundos. Assim eu posso contar quadros. Amplie mais uma vez e lá podemos ver 30 quadros equivale um segundo para que eu possa saber relativamente quão rápido eu estou animando isso. Então talvez demore cerca de meio segundo. Eu vou para o quadro 15 e arrastar este quadro-chave para esse ponto no tempo, em seguida, voltar para o quadro zero e ajustar a propriedade para zero, o After Effects irá gerar automaticamente outro quadro-chave, e então eu vou definir minha área de trabalho, que tem este pequeno bar aqui em cima. Isso é com essas alças azuis são. Eu só posso ver o ponto no momento, mas como você pode ver quando eu clicar e arrastar, ele muda onde essa área de trabalho está e muda o destaque na minha linha do tempo. Mas há dois atalhos de teclado que são realmente úteis B para definir o endpoint. Então eu posso ir a qualquer ponto no tempo e pressionar B e isso vai encaixar no meu purificador de linha do tempo. Em seguida, N que está bem ao lado da tecla B para definir o ponto de saída. Então, B e N para entrar e sair. Com essa área de trabalho definida, agora posso visualizar pressionando zero ou a barra de espaço no teclado, e ela só vai pré-visualizar dentro dessa área de trabalho. Se eu clicar e arrastar isso e visualizar novamente, só vamos ver o que acontece lá, que não tem animações, então nada está acontecendo na minha composição. Ok, então aqui está minha animação indo de zero a 100 por cento. Não é tão excitante, mas antes de avançarmos, só quero falar sobre a forma como as coisas se animam dentro do After Effects. Então agora eu tenho este ponto de ancoragem no centro da minha caixa delimitadora para esta camada. Esse ponto de ancoragem é de onde esta camada está aumentando. Mas posso mudar o ponto de ancoragem para ajustar a aparência da minha animação. Se eu vir aqui para a ferramenta pan atrás ou ponto de ancoragem, atalho de teclado é Y, então eu posso clicar e arrastar este ponto de ancoragem para qualquer lugar que eu quiser. Então, se eu disser, coloque-o no canto inferior esquerdo e visualize novamente, agora a animação está acontecendo daquele canto inferior esquerdo. Então parece muito diferente do que fez antes. Vamos tentar escalar a partir do topo no meio. Bem, eu poderia clicar e arrastar, e tentar alinhá-lo bem, mas você pode realmente habilitar temporariamente snapping se você vai baixo comando ou controle enquanto você está arrastando este ponto de ancoragem. Você pode ver que isso está me dando um monte de guias e encaixando em vários pontos desta camada. Então, se eu for direto para o topo, bem ali, aquele grande quadrado está me dizendo que está se encaixando naquela alça de transformação. Então eu sei que meu ponto de ancoragem está bem no meio, na borda superior desta camada. Agora, se eu jogar de volta, está escalando do topo perfeitamente. Portanto, é importante considerar seu ponto de ancoragem quando você está animando coisas como escala. Este é também o ponto em que a camada girará. Então, se eu mudar para a minha ferramenta de rotação, e clicar e arrastar, você verá que ela está girando em torno desse ponto de ancoragem. Se ele estava no centro da camada, o que você pode facilmente fazer clicando com o botão direito, indo para transformar o ponto de âncora central no conteúdo da camada, que há um atalho de teclado para, Option Command Home ou Alt Ctrl Home em um PC, que irá apenas saltar esse ponto de ancoragem de volta para o meio, e agora se eu tentar girar ou mudar para a ferramenta de rotação pressionando W no teclado, isso vai girar em torno do centro e dimensionar em torno do centro novamente. Ok. Então, com isso em mente, vou mover meu ponto de ancoragem para a borda esquerda. Mantenha pressionada a tecla Command ou Ctrl para encaixá-lo na borda esquerda, e digamos que eu não quero que ele seja dimensionado nos eixos X e Y, eu quero que ele apenas escala da esquerda para a direita nesse eixo X. Bem, para fazer isso eu vou precisar desmarcar este ícone de proporções de restrição, desvincular o X e Y para que eu possa deixar o Y em 100 por cento neste primeiro quadro. Agora ainda não vemos nada porque o valor X é zero. Então, mesmo que tenhamos 100 por cento de altura, temos largura zero, então ainda não vemos nada. Mas se eu jogar isso de volta, agora está escalando apenas da esquerda para a direita. Certo, então eu acho que essa é a direção em que eu quero que essa animação aconteça, mas é muito linear. Nós só temos quadros-chave lineares então vamos fazer isso um pouco mais agradável de olhar. Começarei por facilitar, F9, no teclado. Então eu vou saltar para o meu editor gráfico. Agora eu acidentalmente tive o valor da posição selecionado também, então eu vou apenas manter pressionado o comando e clicar para me livrar disso, e agora eu só estou vendo minha escala. Agora posso começar a aliviar isso. Então eu vou selecionar o segundo quadro-chave, trazê-lo um pouco, talvez até um pouco mais longe e, em seguida, fazer o mesmo para o primeiro quadro-chave. Então agora essa facilidade é muito mais extrema. Tudo bem, eu gosto desse movimento, mas agora que estou vendo essa animação, estou duvidando disso. Eu acho que eu realmente quero que ele escala a partir do centro. Então, com esses quadros-chave já no lugar, eu ainda posso ajustar o ponto de ancoragem, eu só preciso ter certeza de que eu estou além desse último quadro-chave porque se eu fosse mudar o ponto de ancoragem aqui ele vai mexer com minha animação. Então, se eu movê-lo aqui e, em seguida, mostrar meus quadros-chave pressionando U no teclado ver que, que totalmente destruiu a animação, agora ele está indo longe da tela. Então eu vou desfazer, ir para onde ele está em uma escala de 100 por cento e, em seguida, movê-lo enquanto mantém o comando para encaixar no centro. Agora eu vou jogar de volta e nós temos este movimento suave agradável do centro para fora. Ok, isso é ótimo. Agora vamos fazer os dois painéis de vidro. Acho que quero animar de cima para baixo e de baixo para cima. Então vou começar por definir os pontos de ancoragem. Eu vou pegar esta camada, mover o ponto de ancoragem para o topo enquanto segura o comando para encaixar, e então fazer a mesma coisa para este segundo painel, eu vou colocar aquele na parte inferior. Eu quero que o tempo seja o mesmo, então eu vou definir quadros-chave de escala nessas duas camadas selecionando-as, mantendo pressionada a opção ou Alt em um PC e pressionando a tecla S e que define um quadro-chave de escala para ambas as camadas. Então eu vou voltar para a frente da animação - Desvincular as propriedades da escala e mudar a escala Y para baixo para zero. Você notará que, mesmo que a instância desta camada tivesse as propriedades de escala vinculadas, porque eu estava ajustando a que estava desvinculada, seguiu o exemplo. Ok. Então, eu vou reproduzir isso de volta e vemos a animação acontecendo do jeito que eu queria. Então isso é ótimo. Agora só precisamos trabalhar na flexibilização. Vou mudar essas camadas para frente no tempo para que eu não fique distraído com as animações do quadro. Então eu vou mudar minha área de trabalho para a frente para que eu possa apenas focar nos painéis de vidro. Vou selecionar ambos os quadros-chave e este é outro bom ponto para trazer para cima que você pode facilitar qualquer número de quadros-chave. Qualquer número de propriedades em qualquer número de camadas ao mesmo tempo. Então, eu selecionei todos os meus quadros-chave e eu vou facilitar eles, em seguida, ir para o editor de gráficos e eu estou vendo todas essas propriedades de uma só vez. Então, eu vou selecionar todos eles e, em seguida, apenas ajustar minha curva. Para que seja agradável e suave. Isto é um problema. Agora, o que está acontecendo aqui. Porque eu tenho uma das minhas instâncias de escala, restrita e a outra não, todas as alças não se moveram juntas. Se você se lembrar, o eixo Y realmente fica atrás do eixo X de modo que o eixo X está bem aqui em cima. É esta linha vermelha no topo e porque está no topo, quando eu agarrei aquela alça estava realmente ajustando o eixo X. No caso desta janela, eu posso ajustar o X e Y independentemente um do outro, mas nesta instância em que eles estão restritos ele vai mover ambos ao mesmo tempo, mesmo que eles são valores diferentes. Então, eu vou re-restringir as proporções de ambas as camadas, em seguida, comando ou controle clique na outra propriedade scale para que eu possa ver todos os meus quadros-chave de uma vez, selecioná-los todos e facilitar mais uma vez. Agora, eu posso clicar e arrastar e saber que eu vou estar afetando todos os quadros-chave ao mesmo tempo com a mesma quantidade de influência. Tudo bem. Então, vamos jogar de volta. É uma boa jogada fluida rápida. Eu gosto disso. Ok. Então, eu vou sair do meu editor de gráficos, e diminuir um pouco pressionando menos no teclado, e agora queremos sobrepor a animação um pouco que eles não estejam acontecendo exatamente ao mesmo tempo. Então, talvez eu vá para a frente do ponto de partida, cinco quadros. Então, eu pressiono a página para baixo no teclado, uma, duas, três, quatro, cinco vezes, e, em seguida, mover a segunda camada para esse ponto. Então, eu vou voltar no tempo e pegar os dois painéis de vidro e movê-los de volta no tempo para que eles comecem a animar bem aqui, bem quando a moldura é a largura desses painéis de vidro. Agora, eu posso reproduzir tudo isso de volta, e eu tenho uma animação acontecendo. Agora, eu acho que vou trazer este segundo painel volta um pouco para que ele não se sobreponha tanto, mas isso parece realmente ótimo. Agora, vamos voltar para nossa composição principal e porque eu estou usando as mesmas pré-comps para todas essas janelas aqui em cima, quando eu toco isso de volta, todas elas se animam ao mesmo tempo, da mesma maneira. Este é o poder dos pré-comps, e é exatamente por isso que eu montei meu comp usando-os. O que é ainda mais poderoso é que eu não tenho que fazê-los animar ao mesmo tempo. Posso compensar cada uma dessas instâncias pré-comps. Então, digamos que quero ir da esquerda para a direita. Então, eu vou desmarcar a primeira camada por comando ou controle clicando nela, em seguida, mantenha pressionada opção ou Alt em um PC e pressione a tecla page down duas vezes para deslocar essas camadas para frente no tempo para quadros. Então farei isso por todas as outras camadas. Controle de Comandante clique na próxima camada, opção ou página Alt para baixo duas vezes. Desta forma eu estou colocando dois quadros entre cada instância, e agora se eu reproduzi-lo de volta eles se animam em um tipo de movimento em cascata, e parece muito bom. E digamos que eu queria animar do centro para fora em vez da esquerda para a direita. Bem, tudo que eu tenho que fazer é redeslocar essas camadas um pouco, então eu vou pegar essas três janelas, movê-las de volta para a frente para que esta janela comece, e então eu vou deslocar esta para a frente, e agora eles animar a partir do centro para fora. Eu posso exagerar isso um pouco adicionando mais alguns quadros entre cada camada e agora isso é um movimento muito bonito. Digamos que não gosto da forma como isso é animador. Eu poderia entrar e mudar o ponto de ancoragem. Então, talvez em vez de do centro para fora no quadro, eu vou colocá-lo da esquerda para a direita. Vamos voltar para aquela animação, e então eu vou reverter os pontos de ancoragem nesses dois, eu vou pegar este, empurrá-lo para cima, pegar este, empurrá-lo para baixo, e então talvez fazê-lo animar mais rápido. Então, eu vou trazer esses aqui, reproduzi-lo de volta, e agora eu tenho uma animação diferente. Vou voltar para a minha composição principal e reproduzi-lo de volta, e todas as instâncias são atualizadas. Então, como você está trabalhando em sua própria animação realmente pensar em todas as diferentes possibilidades, você pode fazer algo que é completamente único e diferente do que eu estou fazendo. Eu escolhi usar escala, mas você também poderia incorporar algo como rotação qualquer propriedade keyframe para revelar qualquer um desses elementos. Então, eu vou pegar esses pontos de ancoragem e movê-los para o canto superior esquerdo, e então eu vou adicionar um quadro-chave de rotação. Então, vamos começar com esta camada aqui e pressione opção ou Alt R para adicionar um quadro-chave de rotação, e eu vou mudar isso para a frente para o mesmo tempo que o quadro-chave de escala, então eu vou girar isso para trás um pouco talvez quarenta e cinco graus, e eu quero aliviar estes exatamente o mesmo que a escala. Mas isso pode ser muito difícil de fazer por I. Então, provavelmente seria um ajuste melhor para o gráfico de velocidade, mas mesmo assim vai ser difícil para mim pegar essa rotação e tipo de correspondência com a curva da escala. Felizmente, eu posso realmente descobrir a influência específica e os valores de velocidade de qualquer quadro-chave clicando com o botão direito sobre ele e indo para a velocidade do quadro-chave. Isso vai abrir esta janela e vai me dizer que a velocidade de entrada é 33,33 influência tanto no X quanto Y a uma velocidade de zero por segundo, e então eu tenho os mesmos parâmetros na velocidade de saída. Agora, este é realmente o valor de um quadro-chave de facilidade fácil. A razão pela qual estamos vendo esses valores é porque esta é a velocidade de entrada. Então, aqui em baixo é do lado esquerdo. É parte da influência que não está mudando na animação. O que me preocupa é a velocidade de saída. É esta coluna aqui. Obviamente, eu não vou conseguir lembrar esses números exatos, então eu vou apenas copiá-los. Vou lembrar que a velocidade é zero e a influência é este número. Então, vou selecioná-lo, comando ou controle C para copiar, clique em OK e, em seguida, entrar na velocidade do quadro-chave para o quadro-chave de rotação, olhar para a velocidade de saída e defini-la para zero, e, em seguida, mudar a influência para esse número que Eu tinha copiado. Então, eu apenas colá-lo pressionando comando ou controle V, clique em OK, e agora que um está definido. Farei o mesmo por este quadro-chave. Vou para esta escala, velocidade do quadro-chave. Estou preocupado com a velocidade de entrada desta vez. A velocidade ainda é zero por segundo e as influências são números copiá-lo, ir para a velocidade do quadro-chave de rotação, definir a velocidade para baixo para zero e colar essa influência, clique em OK. Agora, se eu selecionar os dois quadros-chave e entrar no editor de gráficos, poderíamos ver que a curva de velocidade é idêntica, mesmo que sejam velocidades diferentes, as alças de influência fazem a mesma curva. Então, eu posso reproduzir isso e agora vemos a rotação e a escala acontecendo exatamente da mesma maneira. Acho que quero mudar a propriedade de escala inicial. Em vez de ser 100 em zero, vou mandar os dois para zero. Assim ele começa com este pequeno ponto e apenas aumenta enquanto gira. Então lá vamos nós. Eu tenho essa pequena animação acontecendo, e agora que eu tenho esses quadros-chave, eu posso realmente apenas copiá-los, porque eu quero que eles também se apliquem a esta camada, então, eu vou para a frente dessa camada e colar, pressione você quer recolher camada e você mais uma vez para mostrar todos os quadros-chave, e lá vamos nós temos ambos os quadros-chave de escala e rotação, e eu vou reproduzi-lo novamente. Ok. Então, agora eu tenho uma animação diferente. Voltarei ao meu comp principal e posso ver como isso é atualizado. Agora, que você me vê brincar com minha animação, você deve fazer o mesmo com sua arte. Então, comece a animar objetos diferentes e mova o ponto de ancoragem para ver como isso afeta a animação geral. Pratique overshoots. Essa é uma maneira que você pode realmente adicionar muita personalidade ao seu movimento e usar esses controles diferentes do editor de gráficos para encontrar duas sobreposições próximas e aplicá-las a muitos objetos diferentes ao mesmo tempo. Depois de fazer algum progresso, sinta-se à vontade para compartilhá-lo ou simplesmente passar para a próxima lição para que você possa ver como eu abordo o resto da minha animação. 9. Overshoots: Tudo bem. Agora, que eu brinquei com um monte de opções diferentes, eu acho que tenho uma boa idéia de exatamente como eu quero que essa animação aconteça para a janela superior. Então, eu vou pular de volta lá, me livrar desses quadros-chave de rotação, e pensar nisso. Estou a imaginar esta casa a partir do zero. Então, as camadas no fundo como esta guarnição e o tapume vão aparecer primeiro e, em seguida, todos os elementos em cima dela. Caso contrário, todas essas janelas apareceriam sem nada atrás delas. Então, porque ele vai estar se movendo em um movimento ascendente como a casa está realmente sendo construída. Acho que faz sentido ter essas janelas escaladas de baixo. Então, é assim que eu quero animar a camada de quadro traseiro. Então, pegue minha ferramenta de ponto de ancoragem, Y no teclado, e mantenha pressionado o comando para encaixar isso no centro inferior. Mas isso ainda está animando do centro para fora. Precisava animar de baixo para baixo. Então, no primeiro quadro-chave em vez de zero a 100, vou alterá-lo para 100 e zero. Agora ele aumenta a escala, mas eu perdi minha flexibilização porque eu não alivia os quadros-chave originais com as proporções restritas. Mas está tudo bem. Eu só vou refazer isso rapidamente, definir tudo para E's fácil restringiu minhas proporções novamente e, em seguida, ajustar a curva de velocidade para algo assim, talvez um pouco mais de influência no segundo quadro chave que parece muito bom. Eu só vou desligar essas duas camadas de vidro mais uma vez porque eu quero falar sobre outra técnica em animação chamada superação. Uma superação é uma técnica para dar um monte de um salto ou elasticidade ao seu movimento. Vou te mostrar exatamente como se faz. Primeiro, preciso de mais espaço na minha casa. Eu praticamente cortei isso exatamente para o tamanho do ponto de descanso final desta janela, mas eu quero ser capaz de escalar isso além desse ponto um pouco. Então, eu vou para as minhas configurações de composição. Então, tire essa janela do caminho um pouco para que eu possa ver o policial. Eu vou chegar à minha largura e altura e certificar-me de que proporção de bloqueio está verificada, e então eu posso apenas clicar e arrastar este número para expandir a minha composição um pouco. Porque eu tinha verificado isso, vai ser dimensionado proporcionalmente. Então, isso me dá uma boa margem ao redor da janela, eu clique em ok, e agora eu tenho um pouco mais de espaço para trabalhar. A maneira como uma superação funciona é levando uma animação como esta onde ela está crescendo de baixo para cima, e indo além do valor de repouso de 100 por cento ou superando-a. Então, eu vou começar apenas tirando a facilidade desses quadros-chave convertendo-os para linear selecionando-os e controle de comando clicando neles. Uma superação é realmente muito fácil de fazer, muito intuitiva usando o gráfico de valores. Então, eu vou mudar para o gráfico de valores, e desrestringir minhas proporções para que eu possa editar apenas o valor da escala Y. Eu não preciso de um pouco mais de espaço para ver este gráfico bem. Então, eu vou escalar isso e diminuir o zoom pressionando a tecla de comando no teclado para o meu visualizador de composição. Em seguida, também amplie a minha linha do tempo pressionando a tecla mais algumas vezes, e agora podemos começar a fazer minha ultrapassagem. Então, como eu disse, quero que vá além desse valor de 100 por cento. Então, eu vou mudar para a minha ferramenta de caneta, G no teclado, e, em seguida, clicar em algum lugar por aqui, mudar para a minha ferramenta de seleção pressionando V, e então clique e arraste o quadro de teclas para cima. Agora, eu tenho snapping habilitado. Então isso vai encaixar esse quadro-chave em outros quadros-chave, mas eu quero ser um pouco mais preciso. Vou desmarcar esse ícone. Agora, eu posso trazer isso mais adiante e eu estou olhando para o pequeno pop-up que me diz quão longe além de 100% eu estou indo. Então, eu acho que eu quero ir em torno de 110 por cento, e se eu rolar até esse ponto, eu posso ver exatamente o quão longe isso está indo. Agora, isso é algo interessante que eu devo apontar. Se você encontrar um quadro-chave acontecendo entre quadros, é porque você tem essa opção aqui embaixo. Se você ir para este menu e tem permitir quadros de chave entre quadros marcados, então você pode mover com precisão esses quadros-chave para qualquer lugar que você quiser, independentemente do número do quadro. Neste caso, não quero quadros-chave entre quadros. Então, eu vou voltar lá e desmarcar permitir quadros-chave entre quadros, e encaixar isso de volta a este quadro. Lá vamos nós. Ok. Então agora eu posso facilmente ver o quão além eu estou indo 100%. Então, eu quero empurrá-lo talvez 112,115, em algum lugar lá dentro. Isso parece muito bom e eu vou definir minha área de trabalho e reproduzi-lo de volta. Então, agora podemos ver que ele está filmando muito rapidamente além de 100 por cento, e depois voltando para baixo. Eu já posso dizer que meu timing é um pouco rápido demais. Então eu vou diminuir um pouco e, em seguida, arrastar este quadro-chave para fora, o quadro-chave em repouso enquanto mantém a tecla shift pressionada. Assim, eu não vou arrastar acidentalmente a escala X para baixo, eu vou apenas segurar shift e ir direto para 15 quadros, e então eu vou trazer este aqui para fora também. Pré-visualize isso, e eu acho que o momento é um pouco melhor. Agora, vai aliviar tudo. Selecione todos os quadros-chave, F9, e agora que parece muito mais insuflável. Então, esta é uma superação em sua forma mais básica. Mas podemos torná-lo ainda um pouco mais saltitante. Se eu apoiar este quadro-chave para cima talvez um ou dois quadros, eu posso adicionar outro quadro-chave aqui, G para mudar para a minha ferramenta de caneta. Clique em V para chegar à minha ferramenta de seleção e, em seguida, arraste isso um pouco para baixo e, em seguida, pressionarei F9 para facilitar isso. Agora, ele vai subir além de 100 por cento, abaixo de 100 por cento antes de chegar ao valor final. Vou tocar de volta, e agora está um pouco mais elástico. Agora, que tenho estes quadros-chave configurados, posso começar a ajustar as alças. No início, eu queria aliviar um pouco mais. Então eu vou clicar, segurar Shift e arrastar isso para fora. Eu também quero trazer este identificador aqui do segundo quadro-chave para fora um pouco, que ele se alivie, vai muito rápido e, em seguida, desacelera muito rapidamente também. Então, eu vou apenas continuar a ajustar as alças para todos esses valores e eu estou praticamente ignorando a escala X neste ponto, porque não há animação de escala. Vamos sempre ver os quadros-chave, mas estou preocupado com a linha verde. Agora, isso se torna um problema com o último quadro-chave uma vez que o gráfico de escala X está no topo do gráfico de escala Y, mas eu vou apenas movê-lo para fora do caminho, certificando-se de manter a tecla shift. Então, ele não vai para cima ou para baixo, e depois agarra a maçaneta verde. Então, eu posso ajustar exatamente como eu quero. Agora, nós temos esta curva muito agradável e suave, e vamos ver como ele reproduz. Muito agradável. Então isso é uma superação. Digamos que eu gosto da maneira como isso está funcionando, mas eu quero tornar a superação ainda mais dramática. Bem, há uma ótima ferramenta dentro do editor de gráficos que nos permite fazer isso muito facilmente. É este pequeno botão aqui em baixo. A caixa show transform. Se eu clicar sobre isso e selecionar vários quadros-chave, eu estou gooing para obter uma caixa de transformador como qualquer caixa de transformador em uma camada. Ele me dá todos esses pontos diferentes que eu posso clicar e arrastar para redimensionar meus valores de quadro-chave exatamente da mesma maneira que eu posso redimensionar minha camada. Mas em vez das proporções reais da camada, está afetando os valores dos quadros-chave. Então, eu poderia reprogramá-lo clicando e arrastando para torná-lo mais rápido ou mais lento, e eu vou jogar de volta para que você possa ver que agora meu excesso está mais lento ou eu posso torná-lo muito mais rápido. Vou desfazer. Se eu pegar a alça superior e trazê-la para baixo, agora ele não vai ficar quase tão grande, e porque é uma propriedade scale isso está afetando tanto a escala x e y é por isso que eu fiquei muito menor. Eu vou desfazer de novo, e eu poderia pegar a alça inferior e escalá-la, e agora ele vai começar em torno de 64 por cento em vez de zero. Mas nada disso está fazendo o que eu queria. Eu quero apenas tornar essa superação mais dramática enquanto preserva os quadros-chave inicial e final. Bem, a maneira mais fácil de preservar esses quadros-chave é primeiro selecionar apenas os dois quadros-chave no meio, modo que não apenas os quadros-chave inicial ou final, mas isso ainda vai ser um pouco difícil de dimensionar proporcionalmente e fazer com que pareça exatamente do jeito que eu quero. Você pode ver que esse pequeno movimento ajustou as escalas X, então agora ele está apertando um pouco. Vou desfazer e há uma tecla modificadora que você pode pressionar comando ou controle em um PC antes de pegar uma dessas alças de transformação. Agora, quando eu clico e arrasto, você pode ver que ele está dimensionando em torno desse ponto de ancoragem, assim como qualquer outra camada. Agora, novamente, isso não está resolvendo o problema de mover a escala X. Então desfazer e o que eu preciso fazer é reposicionar esse ponto de ancoragem. Eu só vou rolar para a frente no tempo um pouco para que eu possa ficar agradável e fechar neste gráfico. Assim como com o ponto de ancoragem de uma camada, eu posso pegar a caneta atrás da ferramenta, clicar e arrastar esse ponto de ancoragem para o que eu quiser e é aí que ele vai ser dimensionado enquanto eu ajusto minhas alças de transformação. Agora, eu quero que isso se encaixe na linha de base do último quadro-chave. Eu desliguei o meu estalo, então isso vai ser muito difícil de ser preciso. Então, eu vou ativar o encaixe novamente, clicar e arrastar, e agora isso vai encaixar em qualquer um desses quadros-chave. Então, eu vou até aquele, ter certeza de que estou no quadro-chave certo, rolar de volta para o início para que eu tenha um pouco mais de espaço para trabalhar. Mantenha pressionado o comando e clique e arraste. Enquanto estou fazendo isso, você pode ver que ele está dimensionando proporcionalmente com base nesse ponto de ancoragem. Eu poderia até invertê-lo se eu quisesse, mas assim eu posso atirar muito mais longe, 150 por cento abaixo para 83 por cento e reproduzi-lo de volta. Agora, essa superação é muito mais dramática, e da mesma forma eu poderia ir na direção oposta, dimensioná-la para baixo que não vá tão longe e seja muito mais sutil. Acho que queria um pouco mais dramático. então eu vou manter o comando pressionado e escalar isso um pouco mais, e lá vamos nós. Isso é bom e insuflável. Então, é assim que você pode criar uma animação de superação e ajustá-la com todas essas ferramentas legais que temos disponíveis no editor de gráficos, e overshoots pode realmente ser aplicado a qualquer coisa. Você pode fazer e superar com a posição com rotação de escala. Basicamente, qualquer propriedade que tenha um quadro-chave nesta superação específica apenas acontece de ter quatro quadros-chave. Um começo e um fim. Um que vai além do valor final e um que se aprofunda abaixo do valor final. Mas você pode fazer com que seus overshoots durem mais apenas adicionando mais quadros-chave. Então, se eu espalhar isso um pouco, eu poderia adicionar outra taxa de quadros aqui, e apenas fazer isso subir um pouco além de 100 por cento. Não muito. Olhe para o meu editor de gráficos e amplie, clique e mantenha pressionado o shift para fazer essas curvas agradáveis e suaves e, em seguida, visualize novamente. Agora, eu tenho um movimento extra lá no final da animação que faz esse salto durar um pouco mais. Uma vez que você tem o seu valor disse que você poderia trabalhar no tempo um pouco, talvez dar um pouco mais de tempo no final da superação para que você tenha um monte de opções de personalização. 10. Continuando minha animação: Agora que estou feliz com a forma como o poder ultrapassar parece e eu tenho construído, eu posso realmente aplicá-lo às minhas outras camadas. Então, eu vou apenas copiar os quadros-chave de escala porque eles estão indo de zero na escala Y, para 100 na escala Y. Então, eu deveria ser aplicado a outras coisas, mesmo que sejam de tamanhos diferentes. Então, eu vou abri-los, pressione U para abrir os quadros-chave, e então apenas me livrar dos quadros-chave de escala clicando no cronômetro que se livra de ambos, e então eu vou colar na primeira camada, em seguida, ir para o início da segunda camada, e colá-lo lá também. Agora eu devo ser capaz de reproduzir isso de volta, e todas as minhas camadas estão ultrapassando. Agora os pontos de ancoragem estão no topo das camadas, então eles estão ultrapassando para baixo. Eu acho que eu quero que eles também ultrapassem para cima, já que essa é a direção que o quadro está indo. Então, vou reposicionar meus pontos finais mais uma vez. Não importa onde é esquerda e direita, uma vez que ele está apenas dimensionando no eixo y, mas apenas para uma boa medida, eu vou colocá-lo para baixo na parte inferior da camada. Lá vamos nós. Jogue-o mais uma vez, e agora a dor superior está chegando antes da dor inferior. Acho que faria mais sentido se eu invertesse isso. Então eu vou apoiar este um par de quadros, empurrar este para a frente um par de quadros, e então ele pode começar mais cedo também, provavelmente bem aqui, e então eu não preciso sobrepor essa camada tanto. Agora, tudo isto está a acontecer muito mais depressa. Talvez um pouco mais de sobreposição parecesse bom, apenas um ou dois quadros. Agora eu não posso empurrá-lo tão longe, porque então ele está indo além do quadro, mas talvez em vez de se preocupar com a sobreposição, basta ampliar e fechar aqui para que possamos ver. Eu poderia reduzir a superação um pouco para esses dois pedaços de vidro. Então, eu vou selecionar os três quadros-chave no meio, que são para o overshoot, ir para o meu editor gráfico, zoom aqui um pouco, certifique-se de que o meu encaixe está ligado, e as minhas caixas de transformador e, em seguida, mover o meu ponto de ancoragem para onde ele precisa estar, e, em seguida, basta reduzi-lo um pouco para baixo. Na verdade, eu vou desfazer, e ir para a parte superior da superação, onde ele está atirando mais, e assim eu posso visualizar o que isso está fazendo. Certifique-se de que o ponto de ancoragem é onde ele precisa estar, clique em Command e reduza um pouco a escala. Dessa forma, não vai além do topo do quadro. Tudo bem. Agora, vou copiar os quadros-chave, e colá-los no outro pedaço de vidro para que eles correspondam, e reproduzi-los novamente. Tudo bem. Agora que estou olhando para trás, acho que está acontecendo um pouco rápido demais para o vidro. Eu gosto da forma como o quadro está animando, mas está indo um pouco rápido demais nas outras duas camadas. Então, eu vou apenas selecionar todos os quadros-chave após o primeiro quadro-chave em ambas as camadas, e deslocar os quadros-chave para a frente, mantendo pressionada a opção ou Alt, e pressionando a tecla de seta para a direita. Eu só vou fazer um quadro de cada vez e ver como isso afeta a animação. Eu acho que parece melhor, e eu acho que eu vou até fazer isso com a camada de quadro também. Agora que estou vendo um pouco mais devagar, eu acho que isso parece um pouco mais fluido, não tão drástico, e eu simplesmente gosto do jeito que isso está aparecendo. Acho que vou chamar isso de bom para a janela superior por agora, e então eu queria cascata, e então eu vou jogar de volta aqui. - Sim. Acho que estou feliz com isso. Em seguida, por que não vamos para as janelas inferiores? Uma vez que são semelhantes, eu vou para isso, e eu acho que eu quero mudar as coisas um pouco acima nesta janela, só para que minha animação não seja muito repetitiva. Mas eu ainda vou usar a propriedade da escala, e provavelmente overshoot. Então, eu posso realmente apenas abrir minha janela superior e copiar os quadros-chave de escala de qualquer uma dessas camadas como um ponto de partida para minha superação nesta composição. Então, talvez para este, eu tenha essas camadas escaladas do centro para fora. Então, eu não preciso reposicionar nenhum dos pontos de ancoragem. Vou começar com o quadro novamente, para mudar esses outros líderes para a frente, que eu possa me concentrar no quadro, ir para o primeiro quadro, e depois colar. Agora pressione U para abrir meus quadros de teclas e ampliar. Agora eu vou precisar modificar esses quadros-chave um pouco, porque agora ele está dimensionando no eixo y, e eu quero dimensioná-lo no eixo x. Então, vou definir minha área de trabalho e, em seguida, basta ir um quadro-chave de cada vez, trocando esses valores. Então eu vou desvinculá-los, e mudar isso para 0100, e dessa forma nós temos um pouco de altura sem largura, ir para o segundo quadro-chave, e trocar esses dois valores. Então, eu vou copiar aqui, e mudá-lo para 100, em seguida, colar esse número aqui. Lá vamos nós. Então eu vou para o próximo, e faço o mesmo processo. Copie 100, cole, copie 100 e cole. Agora pode ultrapassar vai para os lados. Isso parece perfeitamente decente, mas talvez queira empurrá-lo um pouco mais. Então, assim como na primeira janela, abrirei minhas configurações de composição pressionando Command K ou Ctrl+ K e, em seguida, apenas expando a largura um pouco, certificando-se de que Lock Aspect ratio está marcada. E então eu vou clicar em “OK”. Agora só tenho um pouco mais de espaço para trabalhar. Acho que quero exagerar um pouco mais essa superação. Então, eu vou selecionar os três quadros-chave no meio, indo aqui, zoom para que eu possa ver claramente, pegar minha caixa de transformação e mover esse ponto de ancoragem, manter pressionado o comando ou controle, e então apenas exagere o overshoot um pouco mais. Eu posso tocar isso de volta, e lá vamos nós. Isso é muito mais insuflável e elástico. Acho que está ótimo. Está bem. Vamos fazer a mesma coisa para os dois painéis de um copo. Vou copiar esses quadros-chave, mover essas camadas de volta para onde elas poderiam começar a animar, provavelmente por aqui, e colar. Na verdade, eu tenho as duas camadas erradas. A parte superior da janela inferior, que deve ir para o topo da pilha, eu vou avançar e agarrar este outro pedaço de vidro. Tudo bem. Agora selecione essas duas camadas e cole, e eles devem animar muito semelhante. Ótima. Agora basta compensá-los por um par de quadros, e eu estou correndo para o mesmo problema em que esta camada superior está superando um pouco longe demais. Então, eu vou selecionar todos os quadros-chave de sobreposição para ambas as camadas ao mesmo tempo, ir para o meu editor de gráficos, zoom em agradável e fechar, e mover o ponto de ancoragem, e então basta dimensionar para baixo um pouco, e lá vamos nós. Agora não vai além do quadro. Ótima. Está bem. Então vamos trazer a parte de cima da janela de volta, e esta não acho que eu queira escalar do centro para fora. Acho que desta vez vou escalar de baixo para cima. Então eu vou mover esse ponto de ancoragem para baixo para o centro, e esses quadros-chave que eu modifiquei para ir do centro para fora, então eu vou apenas saltar de volta para a minha janela superior, copiar esses quadros-chave desde que eles vão na escala y em vez da escala x, pressione I para saltar para o ponto final dessa camada e cole. Vou tocar de volta, e isso parece bom. Eu só quero reprogramá-lo. Então, acontece muito rapidamente após o quadro. Algo assim parece bom. E então eu só tenho essa pequena lacuna, e eu acho que são apenas alguns pixels semi transparentes. Então, eu vou clicar e arrastar enquanto segura o turno até que a costura desapareça. Tudo bem. Vamos jogar isso de volta como um todo. Ótima. Eu só vou empurrar a janela superior para a frente um par de quadros, Opção ou Alt e Page Down. Sim, acho que está ótimo. Vamos voltar para a comp principal e ver como isso parece. Tudo bem. Então, tudo está praticamente animado ao mesmo tempo. Então, eu quero deslocar essas camadas, assim como as janelas da linha superior, eu quero que elas sejam animadas do centro para fora. Eu só tenho quatro camadas para lidar neste momento, mas a porta vai entrar em jogo uma vez que é animado. Então, vamos pegar essas duas camadas mostradas aqui em baixo, e movê-las para a frente para se alinhar com essas duas janelas bem aqui. Então eu vou levar o exterior para as janelas e empurrá-los para a frente a tempo de alinhar com estas camadas. Agora eles vão do centro para fora. Novamente, já que estou animando de baixo para cima, provavelmente terei as janelas de baixo em primeiro lugar. Então, eu estou realmente indo para selecionar todas essas camadas para a linha superior, e deslocá-los para frente quatro ou cinco, seis quadros, e ver como isso parece. Tudo bem. Acho que tudo isso é ótimo por enquanto. Obviamente, uma vez que tudo está animado, eu posso reprogramar tudo isso até que eu esteja perfeitamente feliz com isso. Então, eu não vou ficar muito preocupado com o que parece ainda, mas eu definitivamente tenho um bom começo. 11. Porta e lâmpadas: Tudo bem. Agora, vou saltar para a porta, e animar isto. Há muitas partes nisto, mas são todas muito básicas. A maioria deles são retângulos, então não vai ser tão complicado. Vamos mais uma vez começar com a camada traseira, este quadro. Vou selecionar tudo o resto e mudá-lo para a frente no tempo, zoom in, e eu quero que este para disparar de baixo como as janelas superiores. Então eu vou copiar esses quadros-chave novamente, ir para o início dessa camada e colar e, em seguida, reposicionar o ponto de ancoragem para a parte inferior. Ótimo. Então, temos a porta verde. Então, eu vou colocar isso provavelmente por aqui, e também animar isso da mesma maneira. Vou reposicionar o ponto de ancoragem, colar. Então eu só preciso modificar esses quadros chave de escala. Dar a mim mesmo um pouco mais de espaço para ver aqui. Então certifique-se de que eu não vou ultrapassar o quadro. Eu não quero perder essa superação, ela está indo além da taxa de quadros aqui, e eu realmente não quero minimizá-la mais, então o que eu poderia fazer é apenas mudar o tempo da superação no quadro. Então, deixe-me trazer os quadros chave, e talvez apenas esticá-los um pouco. Agora, eu já mostrei como fazer isso com a caixa de transformação, eu poderia selecionar todos os meus quadros-chave e fazê-lo assim. Mas, há outra maneira de fazer isso bem na linha do tempo. Você tem todos os seus quadros-chave selecionados e, em seguida, mantenha pressionada a opção ou Alt, e clique nos quadros-chave inicial ou final, em seguida, você pode clicar e arrastar e dimensioná-los proporcionalmente. Então, eu só vou escalá-los um pouco, e ver o que isso faz com a minha animação. Lá vamos nós. Acho que o tempo funciona melhor, mas estou percebendo um problema estranho na porta verde. Parece que está se expandindo para dentro, e se olharmos para os números, a escala X deve permanecer em 100% o tempo todo, mas não está bem aqui no meio. Devo ter colocado meu ponto de ancoragem no lugar errado quando escalei isso. Então, eu só vou ajustar rapidamente todos estes manualmente, sem restrições as proporções, e digitar 100 em cada um desses quadros-chave, e dessa forma a largura permanecerá sempre a mesma. Lá vamos nós. Toca isso de volta. Acho que isso parece bom. Eu não vou me preocupar com tudo o que vai na porta ainda, eu vou agarrar o topo da porta, e arrastá-lo para baixo, trazê-lo para este ponto, pressionando o suporte esquerdo, e eu acho que eu quero ter esse pop-up direito sobre aqui. Farei da mesma forma que as janelas inferiores, de baixo para cima. Então, eu realmente apenas copiar esses quadros-chave aqui, ir para o endpoint, eu no teclado , e colar, e eu vou querer que ele apareça provavelmente neste quadro. Então, pressione o colchete esquerdo novamente para encaixar essa camada no ponto a esse ponto no tempo. Dessa forma, ele aparece assim que o quadro está terminando, é superação. Acho que queria que acontecesse um pouco mais cedo, vou apoiá-lo. Então, eu gosto desse momento, mas eu não gosto dessa lacuna que ele está produzindo, obviamente. Então, o que eu quero fazer é realmente ir para o ponto de descanso, depois de toda a animação ter acontecido, e então apenas pai esta porta de cima para o quadro da porta, e dessa forma ele vai se mover com a escala da outra porta, e essa costura nunca vai aparecer. Ótimo. Então, agora ele está se movendo com a porta, por qualquer motivo, estamos recebendo essa pequena costura bem aqui, então eu vou apenas tocar isso para baixo talvez um pixel, e isso se livra da costura. Ótimo. Agora, ele está apenas indo além do topo do quadro um pouco, então eu vou pressionar o comando K, para abrir minhas configurações de composição, e expandir isso um pouco. Isso deve me dar muito espaço para conter essa blusa. Ok. Eu gosto disso. Vamos agarrar a maçaneta da porta, a placa de ouro a seguir. Eu acho que vai acontecer provavelmente no caminho de volta para baixo daquele overshoot, então por aqui, então por aqui, eu vou pressionar o colchete esquerdo para trazê-lo para baixo, e eu gosto de ter minhas camadas indo em ordem ascendente, então eu estou apenas indo para reorganizá-los com base em quando eles começam a animar. Vou ampliar bem e fechar aqui, e mover este ponto de ancoragem para o centro superior da camada, porque eu queria animar de cima para baixo, tipo de ir junto com o movimento que já está acontecendo, do porta e o quadro, encolhendo de volta para baixo. Tudo bem, então eu vou copiar esses quadros chave, colar, e ver como fica. Ótimo. Mesmo neste pequeno detalhe, você pode ver que ultrapassagem e parece bom. Vamos trazer estes painéis da porta. Provavelmente eles estão acontecendo na mesma hora que a maçaneta da porta. Arraste-o abaixo do topo da porta, e então talvez eu empurre os pontos de ancoragem para as bordas externas de cada um desses painéis. Então, eu vou precisar ir para a janela inferior, e copiar um desses conjuntos de quadros chave de escala de superação, e colá-lo lá, já que isso está acontecendo no eixo X. Isso parece muito bom. Agora, vou compensá-los um pouco, talvez dois quadros cada. Em seguida, apoie-os todos no tempo um pouco. Zoom para que eu possa ver a coisa toda no contexto, e eu acho que parece muito bom. Em seguida, é o vidro no topo, que é todas essas camadas restantes, há todos esses elementos diferentes. Então, isso provavelmente vai acontecer bem aqui, eu imagino. Então, volte para aquele ponto no tempo. A maneira que eu estou pensando em animar isso é ter primeiro o semi círculo branco, que está no fundo venha primeiro, e então revele todos esses painéis de vidro, usando isso como uma espécie de tapete. Então, vamos começar com o primeiro semi círculo de fundo. Vou mover este ponto de ancoragem para o centro inferior. Então eu vou acompanhar os quadros-chave que eu tenho para a superação, mas então apenas modificá-los. Então, em vez de 0100, eu vou colocar zero em ambos os X e Y. Então, eu vou apenas copiar o valor X, e colá-lo no Y para cada um desses quadros-chave. Dessa forma, é dimensionado, proporcionalmente em ambos os valores. Restringir essas proporções novamente, e apenas jogar de volta. Ok, isso parece bom. Acho que não quero ter tantos saltos. Acho que vou me livrar dessas chaves bem aqui. Exclua isso, então ele vai para cima, para baixo, e depois volta para 100 por cento. Ótimo. Então, agora o que eu quero fazer é criar todos os painéis de vidro, e o outro semi círculo, para o semi círculo principal depois que a animação terminar acontecendo. Então, eu vou criar todos esses para esta camada, e agora eles vão seguir essa animação. Então, neste ponto, bem aqui no topo da superação, é onde eu quero que essas camadas comecem. Mas eu não quero ser capaz de ver essas vidraças ainda. Então, eu vou pegar esse outro semi círculo, e mover o ponto de ancoragem para baixo para o meio inferior dessa camada. Vou definir um quadro de chave de escala e, em seguida, movê-lo para a frente no tempo, e, em seguida, escalá-lo para cima enquanto segura o turno, para dimensioná-lo proporcionalmente. Agora, isso é efetivamente usá-lo como uma máscara, escondendo aqueles painéis de vidro. Agora, novamente, não exatamente encobrindo tudo, então eu vou apenas tocar para baixo, uma ou duas vezes com a tecla de seta, para que possamos esconder todo o vidro. Agora, à medida que isso diminui, você vê que ele está revelando todas as outras camadas. Parece muito bom. Agora, eu só quero aliviar um pouco. Então, eu vou pegar ambos os quadros-chave fácil facilidade, ir para o meu editor de gráficos, e, em seguida, modificar isso, e reproduzi-lo de volta. Vamos olhar para a porta inteira, e reproduzir a animação inteira. Aí está, eu tenho todos esses elementos, agradável e saltitante, animando muito bem. Vamos dar uma olhada no acampamento principal. Parece ótimo. Vamos direto para essas lâmpadas. Vou saltar para aqui. Vou começar com esta grande peça central bem aqui, vou colocar o ponto de ancoragem no meio inferior, pegar as molduras da minha janela superior, e colar. Há esse primeiro elemento, ele vem em bom. Vem assim, e acho que vou exagerar um pouco mais a ultrapassagem. Como este é um elemento tão pequeno, eu realmente não posso escalá-lo um pouco mais. Então, vou me certificar de que o ponto de ancoragem está no lugar certo, manter o comando e, em seguida, escalar. Agora, isso vai ter muito mais de uma superação, e eu posso passar para a próxima camada. Então, a base da lâmpada virá de cima para baixo, mas provavelmente posso usar os mesmos quadros de escala, copiar e colar. Só quero ter a certeza de que tenho espaço suficiente na minha composição para caber nisso. Então, eu só estou expandido um pouco mais. Lá vamos nós. Isso pode acontecer muito rapidamente, um após o outro. Em seguida, vamos passar para a próxima parte da lâmpada, provavelmente tem exatamente o mesmo tipo de animação, colar. Amplie e feche, mova esse ponto de ancoragem para a parte inferior da caixa do transformador e cole. Ótimo. Agora, vamos fazer a mesma coisa para esta parte de cima também. Mover para baixo, tê-lo começando, provavelmente direito neste quadro, colar e, em seguida, reproduzi-lo de volta. Tudo está ótimo, exceto por esta primeira peça, porque está sobrepondo este painel de vidro, estamos vendo ele disparar muito mais longe do que eu gostaria. Então, em vez de usar a caixa de transformação e o editor de gráficos para dimensionar tudo isso, eu estou realmente indo apenas para pegar todos os quadros-chave aqui, todos de uma vez desrestringir as proporções, e então basta clicar e arrastar, aqui, até alinha-se um pouco com o fundo do vidro. Porque eu tinha todos eles selecionados ele modificou todos eles proporcionalmente. Então, agora ele salta para cima e volta para baixo. Agora, eu não quero que ele vá tão longe, então eu vou apenas para o quadro-chave, e redimensioná-lo um pouco para cima. Agora, isso vai ficar atrás dos outros elementos. Ótimo. Vamos dar uma olhada nisso no acampamento principal. Parece bom. Agora vamos apenas deslocar as duas lâmpadas, então eu tenho a lâmpada um e dois, eu vou mudar isso para frente alguns quadros, e agora eles não se animam exatamente ao mesmo tempo. Eu também não quero que eles se animem ao mesmo tempo que a porta, então eu vou empurrá-los para a frente no tempo um pouco. Surpreender e sobrepor o tempo de seus elementos como este realmente adiciona muita personalidade à sua animação, e isso faz com que pareça muito mais agradável. Então, definitivamente brincar com o tempo, para obter algo que parece legal. Observe também que eu estou apenas dando um par de quadros entre cada um desses elementos. Eu não quero que essa animação aconteça em dez segundos, eu quero que aconteça bem rápido, então não tenha medo de manter todas as suas sobreposições bem apertadas. Só por causa das organizações, eu vou pegar todas as camadas de arbusto, e movê-las para cima na pilha de camadas. Acho que vai animar por último, então vou colocá-los no topo. Então eu vou mover o telhado para baixo para um pouco acima do tapume, e o limiar logo acima da porta. Como eu tenho todos os elementos que estão no tapume cuidado agora, eu vou ir em frente e animar isso a seguir. 12. Comandando quadros-chave: Agora, eu quero animar isso um pouco diferente, só para que minha animação inteira não pareça exatamente a mesma. Agora, é apenas um grande retângulo, mas eu quero dividi-lo em várias camadas para que eu possa ter uma animação de aparência mais única. A primeira coisa que vou fazer é pré-compor esta camada. Então, com isso selecionado, pressionarei Command + Shift + C, ou Control + Shift + C, e renomeie-o Siding. Clique em OK. Agora, posso entrar naquela composição e cortá-la com a minha região de interesse. Então, eu vou pegar agradável e fechar, Composição, Colheita para Região de Interesse. Então, eu só quero ter certeza que isso está perfeitamente centrado no comp. Então, eu vou até Window, Align. Em seguida, verifique se Alinhar camadas à composição está selecionado e clique nos botões de alinhamento horizontal e vertical. Dessa forma, isso está perfeitamente centrado no comp. Vou fechar isso. Para esta animação, eu quero slots individuais deste tapume, as placas individuais para realmente animar para formar nesta peça final. Então, eu vou querer dividir isso em um monte de retângulos diferentes que acabam parecendo uma peça sólida. Então, eu vou começar duplicando isso e chamá-lo de Siding 01. Em seguida, abra a escala pressionando S no teclado e irrestrito minhas proporções. Dessa forma, eu posso escalar isso no eixo y. Agora, eu quero dividir isso uniformemente, que ele se encaixe bem no retângulo que já está lá. Então, digamos que eu queira fazer essa animação a partir de 14 placas. Bem, eu não sei exatamente qual seria esse valor de escala, mas eu posso realmente digitar uma equação nesse valor e o After Effects pode descobrir por mim. Então, eu quero 14 dessas placas, então eu preciso que isso seja 100% dividido por 14. Vou pressionar Enter, e isso calcula automaticamente exatamente a porcentagem que eu preciso para fazer um décimo quarto do retângulo maior. Agora, eu vou baixar a opacidade na camada de fundo pressionando T para trazer a opacidade e apenas baixando. Dessa forma, posso ver exatamente o que estou fazendo. Eu também não quero mover essa camada, então eu vou trancá-la. Eu quero que isso vá para a borda inferior deste retângulo maior. Então, eu vou ampliar aqui, mover esse ponto de ancoragem para o centro inferior, encaixando-o lá, e, em seguida, clicando e arrastando sobre esse ponto de ancoragem enquanto mantém o Comando para encaixar na borda inferior, e bem ali, está travado na borda central. Então agora, eu sei que isso está perfeitamente alinhado para o fundo do meu retângulo maior. Agora, que ele está alinhado corretamente, eu quero colocar esse ponto de ancoragem na borda esquerda porque eu quero animá-lo da esquerda para a direita. Eu não acho que eu quero fazer qualquer overshoot com este aqui. Uma vez que é uma placa tão longa, a superação seria bastante extrema, então basta ir para o quadro um e definir a escala x para baixo para zero. Vou definir um quadro-chave e avançar talvez 10, 15 quadros. Então, isso é meio segundo, e configurar isso para 100. Em seguida, vou facilitar os quadros-chave às nove, entrar no meu editor de gráficos e, em seguida, suavizar isso ainda mais. Agora, vou tocar de volta para ver como é. Ok. Acho que isso é bom. Talvez eu tenha que durar um pouco mais, talvez 25 quadros e reproduzi-lo mais uma vez. Vou tornar o Ease um pouco mais extremo. Ótimo. Agora, que eu tenho essa animação, eu vou ampliar aqui e duplicar a camada. Em seguida, com a minha ferramenta de seleção, eu vou clicar e arrastar perto da alça inferior esquerda e manter o comando pressionado para encaixá-lo na borda da próxima camada, e eu vou fazer isso novamente até que eu tenha 14 cópias perfeitamente alinhadas umas às outras. Então, eu estou apenas duplicando, clicando e arrastando enquanto mantém o comando pressionado para encaixar. Perfeito. Agora, tudo isso está alinhado bem. Posso desligar minha camada de fundo e reproduzir isso de volta. Agora, parece que só tenho um retângulo gigante animado ao mesmo tempo. Obviamente, não é isso que eu quero. Então, o que eu vou fazer é selecionar todas as minhas camadas de baixo para cima, e isso é importante que eu estou selecionando nesta ordem a partir da camada inferior, mantenha a tecla shift e clique na camada superior, porque o After Effects sabe que ordem você seleciona camadas em. Eu vou para o início da composição, mantenha pressionada a opção ou Alt e pressione o colchete direito para cortar todas as camadas para baixo em apenas um quadro, e então, eu vou clicar com o botão direito em qualquer uma das camadas, ir para Quadro-chave Assistente, Sequência Camadas. Em seguida, deixarei Sobreposição desmarcada e clique em OK. Você pode ver que o After Effects colocou em cascata cada uma dessas camadas em um quadro. Então, eu vou apenas ir para o final da composição, mantenha pressionada a opção e pressione o colchete direito para trazer a duração de todas essas camadas de volta. Agora, vou tocar de volta para mostrar o que isso fez. Então, agora, eu tenho uma animação muito legal olhando para todas as placas de tapume. Pressionando U para exibir todos os meus quadros-chave, eu posso ver como isso se parece. Então, isso parece muito legal e eu provavelmente poderia chamá-lo de bom lá, mas eu poderia até tornar isso um pouco mais interessante se eu selecionar todos esses quadros-chave, o segundo quadro-chave para cada camada, certifique-se de que eu tenho todos deles selecionados e, em seguida, eu faço esse truque de escala, onde eu mantenho pressionada a opção e, em seguida, clique no primeiro ou último quadro-chave e, em seguida, clique e arraste isso de volta. Você pode ver que isso está dimensionando proporcionalmente. Então, em vez de ter exatamente o mesmo tempo em cada camada à medida que você vai mais acima na pilha, leva menos tempo para terminar a animação. Vamos ver como isso afetou a animação. Veja, agora, todas as camadas acabam na posição final praticamente ao mesmo tempo. Vou desfazer para que possa comparar. É aqui que cada camada se anima exatamente no mesmo tempo e, em seguida, refazer, agora, todas as animações terminam exatamente ao mesmo tempo. Tudo bem. Eu realmente gosto do jeito que parece, mas eu estou pensando que seria legal ser capaz de ainda distinguir entre cada uma dessas placas uma vez que a animação é concluída, então eu vou fazer isso simplesmente adicionando um pouco de sombreamento. Quando eu seleciono a camada superior e procuro por sombra, aqui vamos nós, e aplicamos isso a essa camada superior, zoom em agradável e fechar, e eu quero ter certeza de que isso só vai direto para baixo e não para o lado em tudo. Então, vou mudar a direção para 180 graus. Dessa forma, ele vai direto para baixo e isso só dá um pouco de vantagem. Não sei se preciso que seja tão escuro, então vou diminuir a opacidade um pouco, talvez por volta dos 25. Em seguida, copie a sombra e cole-a em todas as camadas, exceto na camada inferior, porque eu não preciso lançar uma sombra em nada abaixo da parte final do tapume. Eu vou colar, Comando V. Agora, temos todas essas linhas aparecendo, indicando onde está o tapume. Toca isto de volta. Acho que está muito bonito. Vamos voltar para a nossa comp principal e ver como isso parece. Agora, isso estragou o posicionamento quando eu cortei a região de interesse, então eu vou apenas trazer isso de volta para baixo, zoom agradável e fechar e ver que isso se alinha muito bem. Me dê mais espaço para ver isso, e depois jogue de volta. Tudo bem. Então parece realmente ótimo. Obviamente, precisamos trabalhar no timing. Então, eu vou selecionar tudo em minhas camadas empilhadas além do fundo da casa, então a porta, e todas as janelas, as lâmpadas, tudo assim e empurrá-lo para a frente no tempo. Eu não quero que isso comece a animar até provavelmente aqui. Então eu vou empurrar essas camadas para a frente e reproduzi-lo novamente. Isso parece muito bom. Ok, vamos animar este limiar, eu acho que isso pode acontecer bem aqui, então eu vou apenas pegar essa camada empurrá-la para a frente para aquele tempo, e eu acho que eu só quero que ele escala do centro para fora e ultrapassar um pouco. Então, eu acho que a janela inferior é aquela da qual eu quero copiar essa superação, copiar e depois colar isso no primeiro quadro desse limite, e, em seguida, diminuir o zoom e ver como isso parece, ótimo. Indo para mover esses arbustos para a frente no tempo para que eu não esteja distraído com eles, e vá para a frente da animação, então eu tenho o telhado e o fundo, a guarnição da casa, para animar. A guarnição provavelmente vai animar em primeiro lugar então vamos começar com isso, eu vou reposicionar o ponto de ancoragem no centro inferior, e eu acho que porque este é um objeto tão grande, eu vou querer fazer uma superação única olhando. Então, vamos começar adicionando uma opção de quadro-chave de escala ou alt mais a tecla S e, em seguida, movê-lo para a frente no tempo, talvez 20 quadros. Então eu vou dimensionar a escala Y para baixo para zero, entrar no meu editor de gráficos, facilitar esses quadros-chave e, em seguida, mudar para o meu gráfico de valor. Então eu queria filmar, mas eu quero que ele tome seu tempo fazendo isso, então provavelmente por aqui e em vez de adicionar um quadro-chave, eu realmente vou pegar a alça de transformação e movê-la para cima. Eu não quero que isso dispare muito para a frente, mas provavelmente algo assim, então eu vou apenas aliviar esse quadro-chave e porque o avistamento está vindo logo atrás dele, eu não acho que eu vou querer que ele mergulhe de volta, então eu vou apenas preciso destes três quadros-chave para esta superação em particular e eu vou apenas aliviá-los bem. Então ele provavelmente vai disparar muito drasticamente, e então mergulhar de volta para baixo bem, agradável e suave, este não tem que ser louco saltitante e jogar de volta. Vou tirar a camada do telhado do caminho para não me distrair com isso. Eu acho que isso acontece ainda mais rápido do que deveria ser, então eu vou pegar esses dois quadros ASCII e movê-los para a frente um pouco e reproduzi-lo de volta. Acho que parece um pouco melhor, talvez um pouco mais rápido. Então, talvez em vez de acabar com o tapume, deixarei um pouco de margem. Então eu vou pegar minha camada e escalar isso para cima, modo que ele tipo de coincide com a margem na parte inferior também. Tudo bem. Olhando bem. Agora eu posso animar no telhado o que eu acho que eu quero fazer de forma semelhante ao tapume, então eu vou pré-compor, renomeá-lo telhado, entrar nessa camada e cortá-la, então eu vou definir minha região de interesse, cortá-la, e em seguida, novamente, certifique-se de que está perfeitamente centrado, então, alinhamento de janela, composição horizontal e vertical. Ótimo. Da mesma forma que eu quebrei o tapume em muitas camadas diferentes, eu acho que eu vou fazer isso com o telhado, mas eu vou animar em um pouco diferente. Então, obviamente, o posicionamento disso está desligado agora, acho que preciso alinhar isso com a borda do tapume, que parece bom. Acho que vou dividi-lo no mesmo número de retângulos que o tapume, então apenas 14 cópias. Então eu vou duplicar esta camada, nomeá-lo telhado 01, diminuir a opacidade do plano de fundo um para dizer 50 e bloqueá-lo, em seguida, abrir a escala pressionando S proporções irrestritas dizer 100 dividido por 14, e mover isso até o fundo, modo que se alinhe perfeitamente. Para este, quero animá-lo de cima para baixo, como se o telhado estivesse sendo construído do topo do telhado até onde as calhas estariam. Novamente, eu não preciso adicionar uma superação a esta, esta camada, já que elas são tantas camadas, elas vão se sobrepor, então eu vou apenas dimensioná-la de zero a 100 por cento na opção Y. Press ou alt S para adicionar um quadro-chave, empurrar isso para frente no tempo, ampliar e, em seguida, definir a escala Y para zero, facilitar e modificar essa curva, certificar-se de que a opacidade não está selecionada, e a razão pela qual eles estão tão distantes é porque a escala só chega a 7.1, mas, eu realmente não preciso ceder tantos detalhes aqui. Posso dizer o quão longe estou puxando essas alças, isso parece muito bom. Acho que precisa acontecer muito mais rápido. Sim, algo tão simples como isso vai ficar bem. Agora eu só preciso duplicar isso um monte de tempo. Então duplique, e então eu vou me mover para a borda esquerda, clique e arraste perto da alça de transformação inferior esquerda, e apenas repita esse processo novamente. Exatamente da mesma maneira que o tapume. Tudo bem, lá vamos nós. Agora eu tenho esse problema em que eu estou recebendo alguns pixels semitransparentes aparecendo entre alguns desses slats, então, o que eu vou fazer é apenas pressionar S sem nenhuma das camadas selecionadas para trazer todas as propriedades da escala S e, em seguida, selecione o segundo quadro-chave para cada camada, vá para esse ponto no tempo e clique e arraste apenas para ocultar essa cena. Agora, clicar e arrastar realmente torna isso muito dramático e é meio difícil ser preciso. Mas se eu manter pressionado o Comando enquanto arrasto, então eu posso fazê-lo em um valor 10 vezes mais preciso. Então eu só vou fazer isso um pouco, só para cobrir todas essas costuras, e agora todas elas se animam bem. Agora eu posso desligar a camada de fundo e eu quero deslocá-los no tempo novamente, mas desta vez em vez de baixo para cima, eu quero ir de cima para baixo. Então eu preciso ter certeza de selecionar minhas camadas nessa ordem, clicar na parte superior, rolar para baixo, clicar na parte inferior, ir para o primeiro quadro, manter pressionada a opção e pressionar o colchete direito, clique com o botão direito do mouse no quadro-chave assistente, camadas de sequência, clique em OK. Agora eles estão em cascata de cima para baixo, eu vou para o final da comp, opção ou alt mais o colchete direito para estender os pontos de saída de todas as camadas para esse tempo e reproduzi-lo de volta. Preciso de um pouco mais de tempo na minha área de trabalho, mas lá vamos nós. Agora temos esse tipo de animação de construção de cima para baixo. Agora eu vou para a minha composição principal e apenas para cronometrar isso bem, então eu provavelmente quero que isso aconteça por aqui. Então ele se encontra com o topo da casa assim como o tapume está terminando sua animação. Acho que está ótimo. Então deixe-me diminuir um pouco. Me dê mais espaço na comp e jogue isso de volta. Tudo bem. Tudo parece ótimo. Só tenho os arbustos para animar. Então eu vou pular em um dos arbustos, e eu quero dar a mim mesmo muito espaço para trabalhar, então eu vou pressionar Command K e expandir meu comp um pouco, e apenas para ser consistente com minhas outras animações, e eu quero dar a mim mesmo muito espaço para trabalhar, então eu vou pressionar Command K e expandir meu comp um pouco, e apenas para ser consistente com minhas outras animações, vai ter essa superação para cima, então eu vou para a minha janela superior e copiar esses quadros-chave uma última vez, colá-los nesta camada, e então apenas mover o ponto de ancoragem para baixo para o centro inferior. Agora que vai aparecer muito bem, talvez eu faça isso um pouco mais extremo. Lá vamos nós, bonitinho e pulando de volta para o meu comp principal. Ótimo. Agora eu só preciso compensá-los no tempo, e novamente sendo consistente, eu vou fazê-los ir do meio para fora. Provavelmente por aqui, levarei as duas camadas internas primeiro, seguidas pelas duas externas. Tudo bem, agora todas as minhas propriedades estão animadas, eu vou maximizar este quadro pressionando a tecla tilde, a pequena tecla rabiscada sob a tecla de escape no seu teclado, e maximizar a janela e reproduzi-la e aí está. Eu animei toda a minha construção de casa. 13. Adicionando detalhes: Agora, eu só quero adicionar mais alguns detalhes ao meu trabalho artístico para dar a minha cena um pouco mais de profundidade. Então, vou começar com as janelas superiores, quero adicionar uma sombra a cada uma delas. Então, eu vou ter apenas um selecionado e adicionar que cai sombra novamente. Eu acho que o ângulo padrão será bom, mas eu quero combinar a mesma cor que eu uso para a sombra no tapume, e eu não quero ver nenhum pixels mais escuros aqui. Então, eu realmente vou fazer a opacidade 100%, e então usar a ferramenta conta-gotas para selecionar essa cor, e dessa forma essas duas sombras apenas fluem uma na outra. Talvez fazer a distância um pouco mais longe, talvez algo por lá. Então eu vou apenas selecionar esse efeito, copiá-lo e, em seguida, colado em todas as outras janelas. Eu vou realmente fazer isso para todos esses elementos que estão em cima do tapume também. Então, todas as janelas inferiores, o abajur, a porta e eu vou selecioná-los e colar. Agora, esse pouco de sombreamento realmente acrescentou alguma profundidade à cena. Eu também poderia adicionar uma sombra debaixo do telhado. Mas se eu colar esse efeito aqui, e mover isso para baixo para 180 graus em vez de para o lado, ele vai colocar lugares de sombra que eu não quero. Como está animando, nós também vamos ver essas linhas vermelhas no meio, e eu definitivamente não quero isso. Então, eu vou me livrar desse efeito, e em vez disso, eu vou entrar no tapume, porque é onde o telhado se alinha, e eu vou mover minha linha do tempo para bem aqui, então eu sei que ponto no tempo A sombra deve estar aparecendo, e então ir para o meu pré-comp avistamento. Então eu vou apenas selecionar a camada superior, duplicá-la, e renomeá-la sombra superior tapume, me livrar da sombra e mover o ponto de ancoragem para o canto superior esquerdo. Pressione U para exibir meus quadros-chave e vá para o primeiro e, em seguida, defina isso como 100 na escala X para que seja largura total e, em seguida, zero na escala Y, para que ele seja dimensionado para cima na parte superior. E agora essa escala para baixo. Agora, eu já perdi onde eu deveria animar isso, então eu vou encontrar isso no maincomp novamente, bem aqui, então eu vou apenas saltar de volta para a minha composição de tapume, e mudar esta camada para a frente para que é onde ela começa a animar . Agora, eu só preciso mudar a cor para combinar com a sombra do resto do tapume. Então eu vou selecionar essa cor, usar o conta-gotas, e lá vamos nós, e finalmente, eu vou mudar esse valor de escala clicando e arrastando essa alça de transformação, modo que ela tenha a mesma largura que o resto das sombras. Está bem. Eu vou tocar de volta, e isso é animar em bom. Acho que vou acelerar, por isso é bom e rápido, e depois voltar para a minha casa e ver o que parece. Perfeito. Eu acho que eu posso até empurrá-lo para trás no tempo apenas um par de quadros, e isso parece ótimo. Agora eu quero adicionar um pouco de sombreamento a estes arbustos apenas para dar-lhes um pouco mais de profundidade. Na verdade, vou fazer isso com um estilo de camada. Então, eu vou saltar para esta camada, clique com o botão direito sobre a camada e ir para estilos de camada, e depois sombra interna. Então eu giro minha sombra interna na paleta de camadas, e mudo o ângulo. Agora, as sombras do canto superior esquerdo, eu quero girá-lo em torno de até que ele está indo para o canto inferior direito. Lá vamos nós, algures por ali. Então eu vou aumentar a distância um pouco e virar o tamanho todo para baixo. Eu vou girar isso um pouco mais até que eu colocá-lo exatamente onde eu quero, e então eu vou apenas virar a opacidade para baixo. Dessa forma, dá essa pequena sombra, e eu vou voltar para a minha comp principal, e podemos ver que agora eles têm muito mais profundidade. Eu vou jogar de volta. Tudo bem. Um outro detalhe que eu quero fazer é adicionar um pouco de destaque ao vidro, quase como se houvesse um brilho de cada uma dessas janelas. Então, eu vou clicar duas vezes na janela superior, e adicionar esse reflexo. Acho que vou fazer isso à mão com a ferramenta de caneta. Então, vou selecionar a ferramenta de caneta e desligar o preenchimento, clicando nesse pequeno ícone ali, e depois mudar o traçado para ser, branco. E eu vou aumentar o tamanho do traçado apenas um pouco e, em seguida, apenas desenhar um caminho sem camadas selecionadas. Então, algo que se parece um pouco com isso. Então, é uma linha angular, e então eu posso controlar a largura dessa linha apenas aumentando o traço com aqui. Então, algo que se parece com isso, e então eu vou para o conteúdo desta camada, e duplicar esta forma, mudar para a minha ferramenta de seleção, clicar e arrastar para movê-la, e então eu vou para isso também, e ajuste a largura do traçado um pouco para baixo, por isso é um pouco menor. Amplie e feche para que possamos ver o que está acontecendo, e depois movê-lo de volta para a esquerda um pouco. Agora só temos essas duas linhas simples que estão fazendo uma camada estilizada. Como eu quero animar isso é basicamente ter o slide dentro, mas eu preciso mantê-los contidos dentro do vidro. Para fazer isso, eu vou apenas duplicar a camada de vidro, movê-la para cima, e renomeá-la, fosco de vidro, e eu vou renomear esta camada de destaque um, e então eu vou definir esta camada para ser um fosco para o destaque indo para o fosco de faixa, que se você não vir a coluna fosca da faixa, basta clicar neste botão aqui, e eu vou mudar isso para fosco alfa, e você vê vidro fosco é o nome da camada para a camada acima dela, é assim que um fosco alfa funciona. Agora isso vai conter essas linhas dentro dessa camada. Agora eu posso pegar essa camada de destaque e movê-la, e ela não aparecerá em nenhum outro lugar. Agora eu vou apoiar isso e ter estes vêm provavelmente bem aqui. Então, eu vou começar com esta camada fora para o lado, e eu vou pressionar o colchete esquerdo para empurrar o ponto em que a camada para este ponto no tempo, definir um quadro de chave de posição segurando a opção e a tecla p, e, em seguida, ir para a frente no tempo alguns quadros, e colocá-lo de volta onde eu quero que ele para acabar. Por isso, ali mesmo. Agora, como ele começa fora da tela, eu realmente não preciso dele para aliviar esse quadro-chave, realmente só quero focar em facilitar o segundo quadro-chave. Então, eu vou selecionar que, com facilidade, ir para o meu gráfico, e mudar para o meu gráfico de velocidade, e então apenas aumentar a velocidade todo o caminho no segundo quadro-chave e trazer esta alça todo o caminho para o primeiro quadro-chave. Assim, ele só dispara rápido e rápido. Eu acho que vou empurrá-lo para a frente no tempo apenas um pouco, então há um pouco mais de uma sobreposição na animação, e eu vou levar isso até alguns passos mais adiante, indo para o conteúdo, e encontrar a transformação propriedades para esta forma dois grupos. Então, eu giro isso para baixo, ir para a transformação para a forma dois, e definir um quadro-chave de posição. Então eu vou pressionar U para trazer apenas as propriedades do quadro-chave, e isso vai me permitir mudar isso independentemente do primeiro destaque. Então, eu vou apenas mudar isso para frente no tempo um pouco e então talvez empurrar sobre 10, 15 quadros, algo assim. Em seguida, faça o mesmo tipo de atenuação que esses dois quadros-chave. Então, fácil facilidade, entrar, aumentar este, livrar-se da influência no primeiro quadro-chave, e depois alinhá-los com os dois primeiros quadros-chave. Agora, temos um pouco de ar, basicamente, entre os dois. Agora é muito sutil neste ponto, mas se eu pegar os dois quadros chave e empurrá-los para fora, agora vai ser muito mais perceptível, e isso pode até ser um pouco demais. Então, parece que esse pode ser o ponto ideal, mas parece que um vem atrás do outro agora, isso é exatamente o que eu queria. Outra coisa que eu poderia fazer para tornar isso ainda um pouco mais interessante, é trazer a largura do traço para cada uma dessas linhas. Então, com essa camada selecionada, eu vou chegar a essa pequena barra de pesquisa e digitar, largura de traçado, e lá vamos nós, vemos as propriedades de largura de traçado, eu vou definir quadros-chave, novamente pressione U para exibir todas as propriedades keyframe, backup no tempo um pouco e, em seguida, desligue ambos. Então, este era 10, eu vou abaixar para provavelmente três, e eu vou pegar este que era cinco e abaixar para um. Então eu acho que eu vou fazer este overshoot um pouco, que ele tenha um pouco de um movimento insuflável. Então, eu vou estender isso um pouco, copiar e colar, e então escalar ambos. Então, talvez 10 vai para 14, cinco vai para oito, e então eu vou selecionar os dois quadros-chave e entrar no meu gráfico de valores. Vou facilitar todos esses quadros-chave, espaçamento os dois últimos um pouco enquanto mantém a tecla Shift pressionada para preservar os valores e, em seguida, dimensionar cada um um um pouco para baixo. Então, cinco vai descer para quatro, 10 vai descer para oito, trazer ambos de volta para cima, e facilitar essas propriedades também. Então eu só vou aumentar a influência em todos estes para que seja um pouco mais suave. Estou fazendo tudo isso sem sequer olhar para a minha animação, porque neste ponto eu sei como uma superação funciona, então eu deveria ser capaz de fazer isso olhar direito apenas olhando para o gráfico. Então, vamos jogar de volta. Isso parece muito bom. Eu acho que o tempo desses dois últimos quadros-chave só precisa ser ajustado e talvez os valores não devam descer até agora. Desligue meu encaixe para que eu possa ser um pouco mais preciso, e então eu acho que eu vou tirar a flexibilização deste primeiro quadro-chave, de modo que ele apenas atire para esse valor superior, e depois redimensiona para baixo. Isso parece muito bom. Agora, vamos alinhar esses quadros-chave com a animação real. Vou colocar este na frente, pegar o segundo e alinhar com a segunda camada e ver como fica. Lá vamos nós, apenas um detalhe muito simples, mas acrescenta um pouco a essa animação. Agora, eu também quero baixar a opacidade desta camada para que ela não seja exatamente da mesma cor que o quadro. Então, lá vamos nós, eu pressiono T para trazer a opacidade, e, em seguida, baixá-la, para que seja mais transparente. Acho que quero empurrá-lo um pouco mais para a esquerda então eu vou apenas pressionar P para trazer a posição, e mudá-lo para cima. Então, é mais assim. Ótima. E agora que eu tenho este animado uma vez, eu posso duplicá-lo, e então eu vou precisar de um fosco na janela inferior, então eu vou duplicar isso, movê-lo para o topo, e chamá-lo, vidro fosco dois, e fazer certeza de desligá-lo. Porque mesmo que uma camada esteja sendo usada como um fosco, ela aparecerá a menos que você a desative. Em seguida, selecionarei a camada de destaque duplicada e pressionarei P para exibir a posição, e preciso movê-la para baixo, mas não quero fazê-lo um quadro de cada vez. Então, vou selecionar os dois quadros-chave, verificar se meu jogo está em um deles e, em seguida, clicar e arrastar enquanto mantém a tecla Shift pressionada. E você pode ver que isso está movendo os dois quadros-chave ao mesmo tempo. Tudo bem, eu toco isso de volta. Isso parece bom. Eu só vou compensá-los no tempo um pouco. Acho que posso fazê-los acontecer um pouco mais cedo. Isso parece ótimo. Agora, só para torná-lo um pouco diferente no vidro inferior, eu acho que vou apoiá-lo para que ele não viaje tão longe. Então, talvez seja aqui um pouco mais, então eu vou pressionar U para mostrar os quadros-chave e talvez eu faça a segunda linha não tão fina. Então, eu vou selecionar os quadros-chave para isso, pegar os últimos três e, em seguida, apenas escalá-lo um pouco enquanto mantém o comando, eu possa fazer isso agradável e precisamente, dessa forma, os reflexos parecem um pouco diferentes uns dos outros. Tudo bem. Ótima. Agora que eu tenho que eu vou copiá-lo, ir para a minha janela inferior, passar no topo da pilha de camadas, e então reposicioná-lo para alinhar com este vidro superior. Então eu vou pressionar P, recolher essas outras camadas selecionando-as e pressionando U, e, em seguida, selecionar os dois quadros-chave, movê-los para cima, e parece que minhas linhas são apenas muito curtas para caber. Então, o que eu vou fazer é simplesmente pegar a balança, e aumentá-la. Pressione P no teclado para abrir a posição e alinhe isso exatamente onde eu quero que ele esteja, e ótimo sobre lá parece bom. Agora eu só preciso do meu fosco, então eu vou pegar esta camada, duplicar, comando D no teclado, renomeá-lo, vidro fosco um, e desligá-lo. Depois voltarei para a minha janela superior, copiarei o destaque superior e colarei. Pressione P para exibir a posição novamente, vá para um dos dois quadros-chave e arraste-o para baixo, mantendo a tecla Shift pressionada, escale-a um pouco para cima e reposicione-a novamente até que esteja exatamente onde eu quero. Eu penso bem ali. E, mais uma vez, duplique esta camada, mova-a acima do realce e renomee-a, vidro fosco dois, desligue-a, e agora ela ficará contida nessa janela. Tudo bem, vamos olhar para isso no contexto de toda a casa, e aí está. Eu adicionei um monte de profundidade a esta obra de arte apenas adicionando alguns sombreamento simples. Agora você já viu todo o meu processo de animação do início ao fim, que você possa terminar sua própria animação. Se você quiser adicionar em pequenos detalhes como eu fiz, para sombreamento, para adicionar um pouco mais de profundidade, ou apenas estilização, sinta-se livre para fazer isso. Uma vez que você está feliz com o que você tem, então podemos seguir em frente para looping para exportação. 14. Looping da animação: Agora que eu animei minha casa, eu quero reverter a animação para que eu possa fazer um loop disso como um GIF. Existem duas maneiras diferentes de fazer isso. O primeiro caminho é muito simples. Vou começar selecionando todas as minhas camadas, pressionando Command ou Control A e depois pré-compondo-as. Então, vá até Layer, Precomppose e eu vou nomear esse loop de construção da Casa. Clique em OK e agora todas essas camadas estão contidas nesta pré-composição. Agora, eu vou reproduzir a sequência de volta e pará-la quando eu acho que eu quero que a animação reverta. Então, aqui vamos nós. Eu acho que ali é provavelmente onde ele poderia reverter e animar para trás. Isso é algo que eu posso ajustar mais tarde, mas agora eu sei que bem em torno do quadro 75 é onde eu gostaria que ele apenas reverta a animação e voltar para o início. Então, o que eu vou fazer é cortar esta camada para este ponto no tempo segurando Option ou Alt e pressionando o suporte direito. Em seguida, eu duplicarei a camada pressionando Command ou Control D e, em seguida, clique e arraste essa camada enquanto mantém a tecla Shift pressionada, para que ela se encaixe no ponto externo da camada abaixo dela. Então, agora eu só tenho duas camadas da mesma animação. Mas, eu quero reverter este, então ele se anima e depois se anima. Então, eu vou clicar com o botão direito do mouse, vá para Tempo e, em seguida, diga Camada de Reversão de Tempo. Assim mesmo, minha animação vai ser reproduzida ao contrário. Então, eu vou definir a minha área de trabalho para bem aqui no final desta camada e, em seguida, reproduzi-lo tudo de volta. Animate está ligado, inverter, animar está desligado. Então, tudo bem, mas, há muito tempo entre terminar a animação e reverter a animação. Então, deste quadro para este quadro, não há nenhuma lacuna em tudo, ele apenas volta direto para a animação. Então, eu gostaria de fechar a lacuna entre este ponto aqui e, em seguida, dar um pouco mais de tempo antes de animar novamente, mesmo que, são apenas 5 quadros. Então, eu só vou cortar um pouco do final aqui, fazer backup, parece que bem ali é onde ele começa a animar. Então, eu poderia até aparar um pouco mais, fazer backup de novo, e então ver como isso reproduz. Até isso é muito longo. Acho que vou eliminar todo o espaço morto neste clipe invertido e, em seguida, talvez, fazer backup de alguns quadros nesta camada. Eu toco daqui. Sim, eu gosto mais desse timing. Dessa forma, não teremos tanto de uma pausa antes de animar para trás. A única outra questão é que não há nada para preencher esta lacuna aqui, quando a casa não é mais visível. Então, eu só vou fazer uma nova camada sólida, ir até Camada, Novo, Sólido e eu quero torná-lo da mesma cor que o fundo. Então, eu vou clicar nisso com o conta-gotas e clicar em OK, e então basta mover isso para baixo para o fundo. Dessa forma, quando a casa se anima e sua camada não estiver mais visível, ainda vemos essa cor de fundo. Vou tocar isso mais uma vez. Aí está minha animação em loop. Agora, não há absolutamente nada de errado em animar sua casa apenas simplesmente revertendo. Para esta animação em particular, eu acho que parece muito bem. Se você prefere não apenas reverter a animação, então, por todos os meios, apenas animá-la fora. Você sempre pode voltar para o seu pré-comp e depois dizer em torno do quadro 70, que provavelmente é onde eu queria começar a animar. Vá para uma de suas janelas e, em seguida, apenas animar tudo fora, da mesma forma que você animou as coisas em. Talvez, ele não precise ultrapassar, poderia ser tão simples quanto reduzir os elementos, então eu vou fazer isso muito rápido. Pegue todas essas três camadas, defina um quadro-chave de escala, avance alguns quadros e vire a escala Y para zero. Eu vou empurrar a camada de quadro para a frente um par de quadros, deslocar os painéis de vidro superior e inferior um pouco, talvez na direção oposta. Em seguida, vou apenas copiar esses quadros-chave para as camadas foscas correspondentes. Vou pegar todos esses quadros-chave, entrar no editor de gráficos e depois dar um pouco mais de flexibilização extrema. Talvez, tirar a flexibilização deste lado, lá vamos nós. Agora, aquela janela animada está desligada, então podemos ver como isso parece. Assim, assim, eu poderia animar cada um desses elementos individuais, animando exatamente da mesma maneira que eu os animei e assim não seria apenas uma animação invertida. Mas, isso é totalmente com você. Sinta-se livre para fazer sua animação o que quiser. 15. Passo a passo da Casa 2: Para a versão atualizada desta aula, decidi animar outro projeto de casa e torná-lo um pouco diferente. Então, deixe-me tocar isso de volta para você. Então, lá vai você, é outra animação de casa muito simples, mas o design é um pouco diferente e alguns dos elementos não são apenas retângulos simples como minha primeira casa. Então, eu só quero mostrar algumas das técnicas que eu uso para animar esta casa. Então, eu vou entrar no meu loop comp, e aqui estão todas as minhas camadas. Então, primeiro de tudo, vamos falar sobre essas linhas de tijolos. Vou encontrar essa camada e soltá-la. Então, isso é o que parece. É só um monte de caminhos de AVC na forma como eu os animei. Então, se você estiver indo para o conteúdo, em cada um desses grupos, há um caminho de corte para cada uma das linhas. Então, é assim que eu animado cada linha que vem em é através dos caminhos de corte. E se eu pressionar você para trazer todos os meus quadros-chave, e ver que eu desloco todos esses quadros-chave uniformemente no primeiro e, em seguida, compactado todos os segundos quadros-chave, assim como eu fiz no tapume da minha outra casa, que produziu uma animação agradável. Então, para muitas das linhas finas que você vê, foi assim que ele as animou. A mesma coisa para as nuvens ao fundo. Isso é apenas uma guarnição em uma linha de traço. Nesta árvore eu fiz algo um pouco interessante. Eu queria que ele dobrasse, como se estivesse fluindo no fundo, então deixe-me encontrar essa camada e assim e dar uma olhada em como eu a animei. Bem, primeiro que tudo, se eu pressionar R e mostrar a rotação, você vai notar que eu não tenho nenhum quadros-chave nessa propriedade. Em vez disso, eu animei isso com um efeito. O efeito é chamado CC Bend It. E a maneira como ele funciona é definindo um início de um ponto final. Então, eu vou duplicar isso, desligar o primeiro e, em seguida, redefinir a segunda cópia, me livrar dos quadros-chave, e você vai notar que minha árvore desapareceu. E isso é por causa da maneira que você tem que configurá-lo. Primeiro, você precisa alinhar seus pontos iniciais e finais ao seu trabalho artístico. Então, eu preciso mover o ponto final para o topo da árvore, o ponto inicial para a base da árvore. E aí está, agora você pode ver que minha obra de arte está de volta. Agora que estão prontas, posso dobrar esta árvore em qualquer direção, e é tão simples quanto isso. Você tem mais algumas opções para fazer essa distorção, mas isso é tudo que eu precisava para minha animação. Agora vou me livrar disso e ligar o original de volta e dar uma olhada nos quadros-chave reais. Então, como eu disse anteriormente, você pode fazer uma superação com basicamente qualquer propriedade keyframe. Então, esta propriedade em particular está dobrando a camada para frente e para trás, mas eu ainda não superei com ela. Você vê que ele começa dobrado, ele ultrapassa a posição final, volta e então apenas rochas bem para trás e para a frente para o seu valor final. E é assim que meu gráfico de valores se parece, muito parecido com nossos outros overshoots. Eu apenas espalhá-lo ao longo do tempo para fazê-lo sentir que ele tem muito mais peso, já que é uma árvore tão grande atrás da casa. Mas você vai notar que, neste caso, eu não fiz muitos excessos com nenhuma das outras partes da casa. Há alguns como naquela árvore e os arbustos na frente, mas todos esses outros elementos estão apenas deslizando ou sendo desenhados. E eu fiz isso intencionalmente para dar a esta animação uma sensação ligeiramente diferente. Então, leve todas essas coisas em consideração quando estiver trabalhando em sua própria casa. Você não precisa apenas animar a propriedade scale, você pode usar efeitos, você pode usar texturas, você pode usar posição, rotação. Não há limites porque você pode aplicar o editor de gráficos e construir coisas como overshoots ou realmente muito bem facilitado movimento para qualquer uma dessas propriedades. Então, seja criativo, brinque e divirta-se vendo o que você pode inventar. 16. Exportando um GIF: Agora, que minha casa está animada, eu quero exportá-la. Agora, eu tenho duas aulas especificamente ensinando como exportar animações tanto como GIFs quanto arquivos de vídeo, compactando GIFs como um chefe, e compactando vídeos para a web. Se você gostaria de saber como exportar suas animações em qualquer um desses formatos, definitivamente vá conferi-las. São aulas rápidas e dão uma ótima visão geral de como fazer isso. Para esta animação em particular, vou exportá-la como um GIF, e para fazer isso, vou começar definindo minha área de trabalho. Agora, isso já está definido para o comprimento que eu quero que a animação seja, então eu não preciso mudar nada, mas esteja ciente de que qualquer que seja a sua área de trabalho é o que será exportado de efeitos posteriores. Então, defina sua área de trabalho exatamente quanto tempo você deseja e, em seguida, vá para Composição, Adicionar à fila de renderização. As configurações padrão devem estar bem. Você deve ter as melhores configurações, Lossless, e então você pode alterar a saída para clicando neles em letras azuis. É assim que você pode dizer ao After Effects onde colocar sua animação. Eu vou colocar o meu direito na área de trabalho, basta chamá-lo House_Build, tudo bem, e então clique em Render. Não deve demorar muito. Você vai ouvir um pouco de carrilhão quando estiver feito, e eu vou abrir aquela animação dentro do Photoshop. Então, abra isso. Pode levar um pouco de tempo para abrir, dependendo da duração e da resolução do vídeo. Eu exportei o meu na resolução HD de 1440 por 1080, que é muito grande e muito maior do que eu preciso exportar. Lá vamos nós. A linha do tempo deve estar aberta. Se você não vir o seu, basta acessar Janela, Linha do tempo e clicar em Reproduzir e certificar-se de que isso está aparecendo muito bem. Talvez você não consiga reproduzir em tempo real, mas isso mostra, pelo menos, que seu vídeo foi exportado corretamente. A primeira coisa que quero fazer é redimensionar isto. Então eu vou subir para Imagem, Tamanho da imagem, e mudá-lo para 800 por 600. Eu recomendaria que você mantenha seus GIFs com pelo menos 800 pixels ou menos na largura ou altura, for mais longo, apenas por causa da compressão e do tempo de carregamento. Vou clicar em OK. Vamos receber uma pequena notificação de que isso precisa torná-lo um objeto inteligente para redimensioná-lo, isso é totalmente bom, e agora esse é o tamanho certo. Agora vou chegar a Arquivo, Exportar, Salvar para Web, Legado. É assim que posso exportá-lo como um GIF. Eu quero vir até aqui para as Predefinições, clicar no menu suspenso e ir até o topo, GIF 128 Dithered. Isso levará um pouco de tempo para processar porque ele tem que processar cada quadro. Mas lá vamos nós. Agora vemos uma pré-visualização da compressão GIF, e você pode percorrer esse quadro de cada vez ou até mesmo tocar em Play. Parece que estamos recebendo um pouco de compressão, então eu vou dar uma olhada no tamanho do meu arquivo aqui embaixo. É apenas 626K que é muito pequeno quanto longo. Desde que seu GIF seja de 2 megabytes ou menos, você pode enviá-lo diretamente para o Skillshare. Então, vou em frente e aumentar minhas cores de 128 para 256. Lá vai você. Agora nossa imagem é muito mais clara. Estou feliz com a aparência disso, então estou pronto para exportar. Se sua animação ainda é muito grande ou se não parece muito boa, há praticamente duas coisas que você pode fazer aqui que realmente afetarão a qualidade da imagem. O primeiro é alterar a resolução. Eu sugiro que você caia para algo como 400 por 300 se ele não está olhando tão grande e, em seguida, mudar o número de cores. 256 é o máximo, mas se o seu GIF parece bem em um número menor de cores, então, por todos os meios, solte isso porque isso reduzirá o tamanho do seu arquivo. Agora que tudo está configurado, vou garantir que as opções de loop estejam definidas para sempre. Em seguida, vou clicar em Salvar e colocar isso de volta na área de trabalho. House_build está bem. Clique em Salvar, o Photoshop exportará este GIF. Então eu posso ir para minha área de trabalho, dar uma olhada no GIF. Lá vamos nós. Está jogando de volta, revertendo e fazendo loop perfeitamente. Agora isso está pronto para carregar. 17. Você conseguiu!: Parabéns, você completou a animação com facilidade no After Effects. Agora tenho certeza de que você pode dizer que eu sou muito apaixonado pelo editor de gráficos. Então, se você tem uma boa compreensão e compreensão de como ele funciona, então, eu consegui. Muito obrigado por assistir a esta aula e certifique-se de postar seu projeto de aula assim que terminar. Todos nós queremos vê-lo e se você compartilhá-lo na mídia social tag me @Jakeinmotion para que eu possa vê-lo lá. Se você tiver alguma dúvida, como sempre, pergunte-lhes na página da comunidade e se você gosta desta aula, eu adoraria se você me deixar rever. Certifique-se de que você está me seguindo aqui no Skillshare para que você possa ver todas as atualizações enquanto eu as publica. Só mais uma vez, muito obrigado por ter assistido à aula. Significa muito para mim e vejo-te no próximo. 18. Bônus: demonstração passo a passo do editor gráfico: A primeira versão desta classe, de longe, a pergunta que mais me fizeram foi como configurou esta demonstração do editor de gráficos? Bem, eu vou finalmente responder todas essas perguntas agora mesmo. O que você não pode ver aqui é todas as camadas duplicadas que compõem estes contornos porque eu tenho o meu interruptor tímido habilitado se eu destímido minhas camadas, vemos que há realmente muitas camadas dentro desta composição e eu bloqueei e escondi todas elas para que Eu poderia escondê-los e não mexer com eles. Então, o que está acontecendo aqui, é que eu tenho uma duplicata deste círculo mestre com o preenchimento desligado, então nós apenas vemos o contorno e há uma duplicata para cada quadro entre zero e 30. Foi assim que o mantemos de quadros extras aparecendo , mas isso só funciona para aqueles 30 quadros. Essa é a pegadinha para tudo isso, é que não é uma solução muito prática. Então, o que eu fiz se eu desbloquear uma dessas duplicatas e ir para os controles de transformação e, em seguida, a posição. Eu tenho uma expressão aqui que não é fácil de olhar, mas eu vou quebrar para você. O que está dizendo é olhar para este círculo mestre de camada comp. Então, a camada de círculo mestre e na transformação controla o valor da posição. Então, a posição da camada de círculo mestre e, em seguida, olhar para esse valor em um momento específico, isso é o que o valor no tempo faz. Então, eu especifiquei em que tempo eu quero que ele esteja olhando, nesses parênteses nós temos este comp.frameduration. Essa expressão está calculando quanto tempo um quadro nesta composição está nas unidades de segundos porque é assim que o tempo é calculado em expressões, com as unidades de segundos. Então, eu descobri o que o comprimento de um quadro é então, eu multiplicá-lo por 30 o que efetivamente significa olhar, para a posição deste círculo no quadro 30. Agora eu poderia ter escrito isso de uma maneira diferente, eu estou plenamente ciente de que eu poderia ter dito apenas um segundo mas foi assim que eu acabei escrevendo para fora. Então, olhe para o valor da posição deste círculo no tempo 30 quadros, então, subtraia um quadro vezes o índice e o índice é este número aqui. É o índice da camada em que esta expressão está escrita. Então, o número da camada ou o valor do índice para essa camada é 30. Então, eu estou pegando o quadro 30 e subtraindo o índice dele, que é 30. Então, estamos recebendo um valor de zero. Então, vamos ler mais uma vez. Vamos olhar para a posição do círculo mestre no período 30 menos 30 me dando quadro zero e usar esse valor de posição nesse quadro para esta camada duplicada. Como eu baseei essa expressão fora do índice, toda vez que eu duplicava uma camada o valor do índice era alterado. Então, a camada um era 30 quadros menos 30 então quadros zero. O próximo seria 30 quadros menos 29 que seria um quadro e assim por diante. Tudo o que eu tinha que fazer era duplicar as camadas 30 vezes porque estava baseando-as no valor do índice. Então, cada um destes vai ser compensado por um quadro no tempo. Então, é literalmente apenas tomando qualquer que seja o valor da posição deste círculo mestre e equiparando seu valor de índice ao número do quadro que ele tomou um valor de posição. Agora que eu expliquei isso, você provavelmente pode entender por que eu nunca mostrei isso nas lições. É muito confuso especialmente, se você é novo em expressões. Além disso, não é muito prático porque só funciona para o número de quadros duplicados que você tem. Mas eu criei um outro método que usa alguns efeitos em vez de camadas duplicadas, apenas no caso de você querer usar isso. Então, deixe-me mostrar como isso funciona. Em vez de camadas duplicadas, ele usa o efeito de eco e isso se comporta pouco diferente e torna um pouco mais lento. Então, é por isso que eu não o usei na demonstração do editor de gráficos, mas como você pode ver, a trilha vai se animar. A maneira que eu configurou isso é através de uma pilha de efeitos. Então, vamos passar por eles um de cada vez. Primeiro, eu tenho apenas um círculo preto com um contorno branco e é importante que você use essas cores, preto para o seu preenchimento, branco para o seu traço. Então eu apliquei um efeito chamado CC composto. O que esse efeito faz é pegar a camada original e, em seguida, a compõe de volta no topo da camada após qualquer efeito usando qualquer um desses modos de mesclagem. Agora, acontece que eu uso estêncil luma que é o mesmo que o estêncil luma esteira estêncil. Porque eu usei preto e branco, é livrar-se de tudo o que é preto e deixar o branco. Então, esse é o primeiro passo, CC composto com o modo composto de estêncil luma. Então, eu tenho meu círculo de contorno viajando pela tela. Então, eu apliquei um efeito de eco e isso é o que vai nos dar o rastro. Mas eu adicionei uma expressão ao tempo de eco porque ele é medido em segundos e eu queria ser capaz de apenas digitar um quadro negativo para saber que o eco é deslocado um quadro de cada vez. Então, entramos nos efeitos, olhamos para a Echo, abrimos isso. Eu tenho uma expressão muito simples, eu tenho o valor, então o valor que eu digitar aqui vezes esta duração comp.frame, que acabamos de falar que é apenas calcular quanto tempo um quadro é em segundos. Então, agora posso digitar cinco negativos e agora as trilhas serão compensadas por cinco quadros cada. Agora, eu queria que isso funcionasse como apenas um quadro para que basicamente parecesse que essas trilhas estão paradas, e então eu só aumentaria o número de ecos para 30 para esses 30 quadros. Agora, se você quiser mais ecos, você pode fazer isso durar mais tempo, basta aumentar para o número do quadro que você quiser. Você também pode fazer algumas coisas interessantes com o efeito de eco, como, desligar o decaimento para que ele desapareça, não é 100% o tempo todo. WI vai deixar isso de volta em um e então eu adicionei outro composto CC. Se você se lembrar, o que isso faz é compor a camada original antes de qualquer efeito ser aplicado de uma maneira que você escolher. Então, por padrão, isso estaria na frente e seria apenas RGB. Eu queria colocá-lo atrás de todos os ecos e eu não queria apenas RGB, eu queria que ele também tomasse o alfa. Assim posso recuperar a camada inteira exatamente do jeito que era. Então, isso é sem RGB e isso é com. Então, que cuidou de trazer de volta o original e agora é apenas uma questão de matizá-lo para que sejam as cores reais que eu quero. Então, eu adicionei um efeito de matiz definir meu preto para este vermelho rosado e o branco para a cor amarela, e agora eu tenho exatamente o mesmo efeito de eco. Se eu quiser tornar o traçado mais espesso, tudo que eu tenho que fazer é pegar a camada e aumentar o tamanho do traçado e isso vai se comportar exatamente da mesma maneira que o outro editor de gráficos demo. Então, se eu fosse combinar minhas dimensões X e Y novamente, eu poderia fazer esse caminho o que eu quiser, facilitar esses quadros-chave com o gráfico de velocidade e ele vai se comportar exatamente da mesma forma que a demonstração de expressões. Então, aí está, foi assim que eu construí a demonstração do editor gráfico.