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

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

15 aulas (1 h 20 min)
    • 1. Pare bem aí!

      0:46
    • 2. Trailer do Curso

      0:45
    • 3. Primeiros passos

      7:20
    • 4. Dos grupos a camadas

      2:23
    • 5. Preparação para a animação

      9:55
    • 6. Organizando seus objetos

      7:45
    • 7. O editor gráfico

      11:50
    • 8. Os pontos de âncora são importantes!

      7:25
    • 9. Facilite esse movimento!

      5:58
    • 10. Excesso de animação

      8:19
    • 11. Trabalhando com gráficos

      11:57
    • 12. Criando um loop

      2:06
    • 13. Exportando do After Effects

      0:47
    • 14. Salvando um GIF no Photoshop

      2:03
    • 15. Obrigado!

      0:24
  • --
  • 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.

14.245

Estudantes

252

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!

8ce262af

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, O 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 o seu retrato. 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 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 vão lhe ajudar a economizar tempo — esteja você trabalhando em animação de jogos, animação de rostos, ou quiser criar arquivos .gif 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

Top Teacher

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Pare bem aí!: Ei, é o Jake e eu só quero te parar aí e dizer, não assista mais a essa aula porque eu atualizei. Agora há uma animação com facilidade versão dois e um link para isso e nas notas do vídeo agora. Basicamente, desde que eu fiz a primeira versão desta classe, eu me tornei um designer de movimento melhor. Aprendi técnicas melhores, e esta ficou desatualizada. Agora eu não queria excluir esta classe no caso de você já ter tomado em seu projeto de classe está aqui, há um monte de projetos de classe e discussão na guia comunidade. Então eu quero apenas manter tudo isso ativo, mas a nova classe apenas tem técnicas muito melhores, o conteúdo é duas vezes mais longo. Eu prometo que mesmo que você tenha feito essa aula antes de assistir a nova versão, você absolutamente se beneficiará disso e aprenderá técnicas melhores. Então vá para lá e te vejo naquela aula. 2. Trailer do Curso: Ei, eu sou Jake Bartlett e neste curso vamos estar animando com facilidade depois dos efeitos. Eu vou ensiná-los a usar o editor de gráficos, para que você possa assumir o controle do movimento em suas animações. Se você tem usado após efeitos profissionalmente por 10 anos ou você acabou de abrir o software pela primeira vez ontem. Se você não estiver usando o editor de gráficos, não terá controle total do movimento. Neste curso, você terá uma compreensão completa dos gráficos de velocidade e valor e como usá-los a seu favor. Para o projeto da classe, você estará projetando e animando uma casa do zero. Ao longo do caminho, vou compartilhar algumas de minhas dicas e truques de fluxo de trabalho, bem como atalhos de teclado para trabalhar de forma eficiente em efeitos após. No final deste curso você estará animando com facilidade. Vejo-te na aula. 3. Primeiros passos: Primeiro, quero dizer muito obrigado por se matricular na minha aula. Estou super animado para ensinar sobre este assunto. Eu realmente acredito que o editor de gráficos é o mais valioso pedaço de conhecimento que eu posso passar para você. É incrível o que ele pode fazer com suas animações. Agora, se em algum momento você se sentir confuso ou você sentir que eu não expliquei algo claramente, por favor, vá para a página de Discussões e deixe um comentário no tópico Pergunte-me qualquer coisa, e eu ficarei mais do que feliz em trabalhar através de algo com você e definitivamente volte e revise esses vídeos para facilitar as experiências de aprendizagem dos futuros alunos. Vamos entrar nesse projeto. Vou mostrar-te como fiz esta animação caseira. Pode parecer muito complicado, mas é realmente muito simples, há apenas muitas camadas nele. Praticamente toda a animação usa o editor de gráficos de alguma forma para suavizar o movimento. Vamos chegar a ele. A primeira coisa que fiz foi projetar minha casa dentro do Illustrator. Normalmente, eu gosto de projetar minha arte dentro do ilustrador e, em seguida, trazê-la para o After Effects e recriá-la lá. Eu só prefiro projetar dentro do Illustrator porque eu sinto que eu posso fazer as coisas mais rápido. Você pode ver aqui que esta é a minha imagem de referência. Esta é a casa em que cresci. Eu só usei isso como uma referência visual e projetei minha casa o mais próximo possível. É muito simples, não muito detalhe, apenas alguns retângulos, alguns triângulos, e, em seguida, um par de formas personalizadas aqui para os arbustos. Se você é novo no After Effects, quero incentivá-lo a manter seu design o mais simples possível. Você não quer se sobrecarregar. Agora, se você usa o After Effects há algum tempo e quer fazer algo um pouco mais complicado, vá em frente. Não há limite para a quantidade de detalhes que você pode colocar. É só que dependendo da quantidade de animação que você quer ter nele, mais tempo você vai demorar para fazer. Mas deixarei essa decisão completamente com você. Para o projeto da turma, vou ficar com isso. Antes de começarmos, quero explicar um pouco sobre meu layout no After Effects. Eu só abri os painéis que eu acho que vou precisar para este projeto. Está tudo bem se o seu layout não se parecer com isso, mas saiba que se você vir um painel que eu abri que não esteja aberto no seu, basta ir até a janela, suspender e ver todos os diferentes painéis no After Effects. Primeiro, vamos trazer a nossa obra de arte. Vou até o painel Projeto, clique com o botão direito do mouse dentro dele e vou para Importar arquivo. Vou pegar meu arquivo do Illustrator e apertar “Abrir”. Agora temos dentro do After Effects. Em seguida, eu quero fazer uma composição descendo para o botão Nova Composição e clicando nele. Quero que a minha empresa seja de 800 por 600 pixels. Eu escolhi o 800 por 600 porque eu quero que ele tenha uma proporção de quatro por três, e eu sei que eu não preciso de uma resolução mais alta do que essa. Se você quer que isso seja HD, sinta-se livre para mudar a resolução para o que quiser, mas para este projeto, eu vou deixá-lo em 800 por 600. Quero que a minha taxa de quadros seja de 30 e a duração da minha composição seja de cerca de 20 segundos. Eu não acho que minha animação vai ser tão longa, mas eu só quero me dar espaço de trabalho suficiente para o caso de eu precisar. Vou tocar “Ok” para criar a minha composição. Em seguida, trarei minha arte para a composição clicando e arrastando o arquivo até que ele encaixe o centro da composição e solte. Em seguida, eu quero converter meu trabalho artístico em uma camada de forma para que eu possa animá-lo dentro do After Effects, é um pouco mais fácil. Para fazer isso, clique com o botão direito do mouse no arquivo, role para baixo neste menu até chegar a Criar formas da camada vetorial. Você verá que isso escondeu minha arte original e criou uma camada de forma que parece exatamente a mesma. O problema é que tudo está em uma camada. Se eu abrir essa camada e entrar no conteúdo, você pode ver que temos um monte de grupos que representam cada forma individual dentro da minha arte. Precisamos separar os diferentes grupos de formas em diferentes camadas para que possamos animá-los mais facilmente. Para fazer isso, deixarei um pouco mais de espaço movendo o mouse entre o painel Linha de tempo e o painel Composição até que o mouse gire para essa pequena seta dupla. Vou clicar e arrastar para tornar meu painel um pouco maior para que eu possa ver mais da minha linha do tempo. Então eu vou rolar para cima até chegar ao grupo um, eu vou clicar no primeiro grupo e ver que nós selecionamos parte desta luz. Se eu ampliar pressionando a tecla de ponto no teclado e, em seguida, mantenha pressionada a barra de espaço para mudar temporariamente para a ferramenta de mão, eu vou clicar e arrastar para reposicionar. Podemos ver que o grupo um é apenas uma parte da lâmpada. Os grupos de um a quatro são a lâmpada do lado direito. Então, se eu clicar no Grupo 4 e depois clicar no Grupo 1, eu tenho todos os quatro grupos eleitos. Se eu pressionar Apple ou controle em um PC mais G, isso irá agrupar todos os quatro grupos. Agora, com o novo grupo selecionado, posso pressionar Enter no teclado e renomear a camada, lâmpada direita e pressionar enter novamente para confirmar a renomeação. Agora nós apenas repetimos esse processo para cada objeto que eu quero separar em uma camada diferente. Em seguida, quero fazer a lâmpada esquerda, que deve ser os próximos quatro grupos. Aí está, eu vou agrupá-lo pressionando Apple G ou controle G em um PC, renomeá-lo pressionando Enter, lâmpada esquerda, Enter novamente, e eu vou apenas fazer isso para toda a peça. Vou diminuir o zoom em minha composição pressionando a tecla vírgula no teclado e, em seguida, reposicionar novamente pressionando a barra de espaço para abrir a ferramenta manual. Quero falar um pouco sobre como vou animar isto. Quero dividir todas essas janelas em camadas individuais, mas também sei que quero animá-las todas exatamente da mesma maneira. Então realmente eu só preciso de uma das janelas e então eu posso fazer cinco duplicatas depois que eu animá-lo. Se eu percorrer o meu grupo e descobrir onde está uma destas janelas, aqui vamos nós. Os grupos 35 e 36 são esta janela. Se eu agrupar esses dois e renomeá-lo, janela superior, então eu posso apenas usar este único grupo para fazer todas as cinco duplicatas. Eu nem vou me preocupar com essas outras quatro janelas agora. Então farei a mesma coisa pelas janelas inferiores, descobrirei onde está uma dessas. Então os grupos 30-32, são uma das janelas inferiores. Então, agrupe esses juntos, renomeie, então eu não tenho que me preocupar com as outras três janelas inferiores. Para qualquer coisa que tenha várias cópias da mesma animação, eu só vou precisar de uma instância de. Se eu descobrir onde está um dos meus arbustos, aqui vamos nós, já que é uma única forma, eu nem tenho que agrupá-lo novamente, eu vou apenas renomeá-lo para arbusto. Então vamos encontrar a porta. Grupos 19-26, agrupe aqueles juntos, renomeie a porta. Para ter certeza de que tenho todos os objetos para a porta, vou desligar o globo ocular daquele grupo. Com certeza, todos esses objetos estão dentro desse grupo, então estamos com boa aparência. Em seguida, há esta porta e depois a base da casa. Então o último grupo é o tapume, a guarnição e o telhado. Acho que é tudo o que precisamos. Agora podemos nos livrar de qualquer um dos grupos que não são renomeados. Então, vou selecionar todos esses grupos e clicar “Excluir” até ficar com apenas os grupos que renomeei. Agora eu tenho todos os diferentes elementos que eu preciso separados em diferentes grupos para que eu possa mais facilmente dividir isso em várias camadas. Vou renomear esta camada, tendo-a selecionada e pressionando enter e , em seguida, chamando-a de mestre de elementos de casa. Quero nomeá-lo assim para que eu não modifique acidentalmente mais tarde. Sempre farei uma duplicata antes de mudar alguma coisa dentro dela. Assim posso sempre voltar aos meus elementos originais, se precisar. A próxima coisa que devo mencionar é que você deve ter o hábito de economizar o tempo todo. Eu ainda não salvei meu projeto e isso é muito ruim. Então vamos em frente e fazer isso. Vou dar o nome de minha casa cheia e apertar “Safe”. Depois de salvar seu projeto inicialmente, tudo o que você precisa fazer para salvar novamente é clicar em “Apple” ou “Control S”. Então lembre-se de salvar o seu progresso o tempo todo. 4. Dos grupos a camadas: A próxima coisa que precisamos fazer é separar todos os nossos grupos em diferentes camadas. Vamos começar com a janela superior. Para fazer isso, eu vou duplicar minha camada mestre e renomeá-la “Janela superior”, então eu vou abrir essa camada e ir para o “Conteúdo” e, em seguida, eu quero excluir tudo sobre o grupo da janela superior. Vou selecionar todos os meus grupos clicando no primeiro, segurando “Shift” no teclado e clicando no último e , em seguida, “Command” clicando ou “Control” clicando em um PC na camada que eu quero manter para desselecioná-lo e em seguida, pressione “Delete”. Agora esta camada é apenas a minha janela superior e se eu solo a camada clicando no “Solo Switch”, você pode ver que essa é a única coisa nessa camada. Então eu vou fazer a mesma coisa para a Janela Inferior, vou duplicar minha camada mestre, renomeá-la para “Janela Inferior”, abrir o conteúdo, selecionar tudo, desselecionar Janela Inferior e clicar em “Excluir”. Essa camada apenas confirma que é apenas a nossa janela inferior e estamos com boa aparência. Agora algo que acabei de notar, eu tenho as duas lâmpadas, mas as duas vão ser animadas da mesma maneira. Eu realmente só preciso de um deles. Eu vou excluir minha lâmpada esquerda da minha camada mestre porque eu sei que eu não preciso dela e, em seguida, apenas renomear esta camada para ser lâmpada. Então eu continuo a quebrar esta camada em todos os seus elementos individuais até que eu tenha uma camada para cada grupo de formas. Agora, em vez de fazer você assistir tudo isso, eu vou usar a magia da edição e apenas cortar para quando terminar. Lá vamos nós, tenho todos os meus grupos separados em diferentes camadas. A última coisa que quero falar rapidamente antes de entrarmos na animação é organização. É extremamente importante quando você tem animações complexas com muitas camadas diferentes que você permanece organizado e é por isso que eu nomeei especificamente cada uma dessas camadas para refletir o que realmente está nelas. Se eu tivesse deixado tudo esses números de grupo, teria demorado tanto para descobrir onde está a camada base ou onde está a camada de arbusto. Então confie em mim, organização é muito importante para ter um fluxo de trabalho eficiente. Certifique-se de que tudo tenha um nome claro. Agora que dividimos tudo em camadas, nomeadas corretamente, podemos começar a configurar tudo para animação. Neste ponto, há duas coisas que você pode fazer para o seu projeto de classe antes de seguir em frente. O primeiro é apenas projetar sua casa. Pode ser a casa em que você cresceu, uma em que você mora agora, ou até mesmo um edifício de fantasia como um castelo. Uma vez que você não tenha projetado, crie um projeto de classe e publique uma captura de tela de sua casa lá. Em seguida, traga sua casa para efeitos de arte e divida-a como fizemos neste vídeo. Se você tiver alguma dúvida, não hesite em perguntar em um tópico Pergunte-me Qualquer coisa. 5. Preparação para a animação: Neste ponto, você deveria ter projetado sua casa, trazido para o After Effects e começado a quebrá-la. Agora vamos começar a prepará-lo para animação. Alguns desses objetos serão um pouco mais complicados de animar do que outros. Por exemplo, o tapume será muito mais simples de animar do que a porta, porque o tapume é apenas um retângulo grande, e a porta tem um monte de pequenas características nele. Então, mesmo que tenhamos dividido todos esses objetos separados em camadas, vamos dividir certos objetos ainda mais para tornar a animá-los ainda mais fácil. Para manter minha composição tão limpa quanto possível, qualquer objeto que tenha várias camadas necessárias para animar, provavelmente estarei pré-compondo. Pré-compor é algo com que vamos lidar muito neste projeto. Você pode pensar sobre isso simplesmente como uma maneira de agrupar várias camadas juntas. Se eu clicar na janela superior, eu quero pré-compor esta camada, indo para “Camada”, até a parte inferior, clique em “Pré-compor”. Isso abrirá uma janela que me permitirá renomear a nova composição que estamos criando. Então eu vou nomear esta janela superior pré comp. Então há mais algumas opções que você realmente não precisa se preocupar neste momento. Apenas certifique-se de que mover todos os atributos para a nova composição está selecionado e pressione Ok. Agora você verá que nossa camada de forma mudou para uma composição. Se eu expandir isso um pouco para que você possa ver o nome completo da camada. Vemos que temos janela superior PreComp assim como tínhamos nomeado. Se olharmos em nosso projeto, temos uma nova composição chamada Upper Window PreComp. Se eu clicar duas vezes sobre esta composição, você verá nossa nova composição que apenas tem nossa camada de janela superior nela, exatamente como estava dentro de nossa primeira composição. Você também notará que o novo tamanho de composição é exatamente o mesmo que a nossa composição original. Vou voltar ao meu PreComp Janela Superior, e agora podemos dividir essa camada de forma em várias camadas. Vou me dar um pouco mais de espaço para trabalhar. Então eu quero mudar meu ponto de ancoragem para que em vez de estar no centro da composição, esteja no centro da minha camada. A maneira mais fácil de fazer isso é através de um atalho de teclado. Seu comando “Option” “Home” ou “Alt” “Control” “Home” em um PC. Agora, se você estiver trabalhando em um laptop, provavelmente não tem uma tecla “Home”. Vou desfazer pressionando “Command” ou “Control Z” em um PC. Você pode fazer esse mesmo comando clicando com o botão direito do mouse em “Camada”, indo para transformar e, em seguida, clicando no ponto âncora central no conteúdo da camada. Isso apenas reposiciona o ponto de ancoragem para o centro do conteúdo das camadas. Esse é um dos atalhos de teclado mais úteis que já aprendi. Em seguida, eu quero centralizar minha janela dentro da composição. Para fazer isso, eu vou até a paleta alinhada. Agora lembre-se, se você não tiver a paleta alinhada aberta, você pode encontrá-la indo para a janela e clicando em uma linha. Isso desativou minha janela, então eu vou clicar em “Alinhar Janela” novamente para trazê-la de volta. Se você já usou a paleta alinhada dentro do Illustrator, isso funciona exatamente da mesma maneira. Você pode alinhar o que tiver selecionado a pontos diferentes na composição ou, se tiver vários objetos selecionados, poderá alterá-lo para alinhar à seleção. Quero centralizar isso na comp. Então eu vou chegar a este botão aqui e clique para centrá-lo horizontalmente, então eu vou chegar a este botão e clique para centralizá-lo verticalmente. Agora, porque o ponto de ancoragem estava centrado dentro da camada, eu sei que a camada está perfeitamente centrada dentro da minha composição. Agora, o tamanho da composição determina o que é a caixa delimitadora, dentro da nossa composição principal. Mesmo que a janela esteja apenas ocupando esse espaço dentro da camada, temos todo esse espaço vazio extra que ainda representado por esse PreComp. Então eu vou voltar para o meu PreComp, e eu quero mudar o tamanho para coincidir com a janela um pouco mais. Eu vou para composição, configurações de composição, então eu posso mover minha janela para cima e, em seguida, apenas reduzir a largura e a altura, até que corresponda à janela um pouco melhor. Isto não tem de ser perfeito. Os números não precisam ser arredondados. Só estou tentando chegar o mais próximo possível do tamanho da janela. Eu vou desbloquear a largura e a altura para que eu possa mudá-los forma independente e escalar a largura um pouco mais, e então eu vou me dar um pouco mais de altura só para eu ter um pouco mais de espaço para animar. Assim que for mais ou menos do tamanho da janela, vou pressionar “OK”. Então eu volto para a minha comp 1, e agora você pode ver que a caixa delimitadora é atualizada para o novo tamanho do PreComp. Isso só vai tornar as coisas um pouco mais fáceis de se movimentar. Não temos que nos preocupar com o posicionamento ainda, vamos voltar a isso daqui a pouco. Agora, se voltarmos para este PreComp, eu vou ampliar. Se estiver usando um mouse com uma roda de rolagem, você pode mover a roda para dentro e para fora para rolar para dentro e para fora na composição. Vou dar um zoom até chegar aqui. Estamos ampliados em 200 por cento neste momento. É por isso que as bordas parecem um pouco confusas, mas tudo bem. Agora eu só quero quebrar esses três retângulos em três formas diferentes. Não há maneira errada de fazer isso. Se você preferir usar camadas sólidas em vez de camadas de forma, sinta-se livre. Por exemplo, se eu quisesse fazer uma nova camada sólida, eu iria para a camada, nova, sólida, certifica-se de que ela é branca, pressione “OK”, pressione “OK” novamente. Agora tenho um novo sólido do tamanho da minha composição. Eu poderia vir até a ferramenta de máscara e desenhar uma máscara, manter pressionada “Barra de espaço” para reposicioná-la, e torná-la do tamanho da minha janela, e essa é uma maneira de ter a forma da minha janela. Não há nada de errado em fazer assim, se é assim que se sente confortável. Se eu me livrar da minha máscara, eu também poderia ter reduzido isso para ser mais ou menos do tamanho da minha janela. Essa é outra maneira perfeitamente aceitável de fazer isso. Prefiro trabalhar com camadas de forma, então é assim que vou recriar esta janela. Vou apagar este clique sólido na minha “Camada de Forma” e, como antes, vou duplicar a janela, abrir o conteúdo, abrir a janela superior, e selecionar os dois primeiros objetos e pressionar “Excluir”. Só fiquei com o retângulo exterior maior. Vou recolher esta camada e mudar o nome de Frame. Vou duplicar esta camada novamente, trazendo para cima, abrir o conteúdo, excluir as duas segundas camadas, renomear esta camada Lower Glass. Então eu vou duplicá-lo mais uma vez, trazê-lo para cima, abrir o conteúdo, excluir o primeiro e o último, e renomear este vidro superior. Agora, se eu desativar minha camada original, eu tenho todos os três retângulos separados em camadas diferentes. Agora esta janela está toda configurada para animação. Se eu voltar para a minha composição original, vamos fazer a mesma coisa para a janela inferior. Vou começar de novo por pré-compor esta camada, indo para camada, pré-compor, renomear esta janela inferior PreComp. Certifique-se de mover todos os atributos na nova composição selecionada e pressione “OK”. Agora, antes de entrarmos nessa nova composição, quero notar que cada vez que fazemos uma nova composição, nossa estrutura de projeto fica um pouco mais confusa. Neste ponto eu vou começar a organizar meus arquivos. Se você chegar a este ícone, você pode criar uma nova pasta em seu projeto. Vou dar um nome a este Precomps. Em seguida, selecionarei meus dois PreComps e os trarei para essa pasta. Eu também vou aproveitar esta oportunidade para renomear minha composição comp 1 para House-Build. Dessa forma, quando eu tiver muitas composições diferentes, eu não vou ficar confuso sobre o que é o quê. Agora, se entrarmos em nosso PreComp Janela Inferior, novamente, eu quero centralizar o ponto de ancoragem com a camada, então eu vou fazer isso segurando o comando “Option” “Home” ou “Alt” “Control” “Home” em um PC. Em seguida, vou para a paleta Alinhar, clique no alinhamento horizontal e no alinhamento vertical. Então eu vou mudar minhas configurações de composições, que eu possa dimensionar isso para baixo para ser o tamanho da janela novamente. Quando eu estiver feliz com isso, eu vou pressionar “OK” e então eu vou quebrar esta camada da mesma maneira. Agora eu tenho todos os meus elementos diferentes separados em várias camadas. Em seguida, eu trato da porta. Vamos criar camadas, pré-compor, renomear Door PreComp, pressionar “OK”. Entre nessa composição, centralize o ponto de ancoragem, alinhe no centro da composição e altere o tamanho da composição pressione “OK”. Então, porque isso tem um pouco mais de detalhes, eu vou ampliar a porta. Quero começar focando nesta janela, já que tem um monte de pedacinhos pequenos. Eu vou duplicar a camada original e desativá-la, entrar no conteúdo, e encontrar esse conjunto de grupos, que é apenas essa janela, e então eu vou agrupar esses grupos, e excluir todos os outros grupos para que eu possa me concentrar apenas nesses elementos. Agora, a maneira que eu construí isso foi fazendo um meio círculo aqui para esta parte base, fazendo três linhas diferentes para as separações de vidro, e outro meio círculo para o quadro externo mais o vidro. Se eu desligar os outros grupos, você pode ver que é apenas um meio círculo com a cor de preenchimento e, em seguida, um traçado para o quadro. Agora, do jeito que eu quero animar isso, eu só preciso dividi-lo em duas camadas separadas. Vou renomear minha camada para ser Janela, duplicá-la, entrar no conteúdo e excluir tudo, exceto este pequeno meio círculo. Em seguida, renomeie esta janela Revelar e, em seguida, exclua esse meio círculo desta primeira camada, então agora eu tenho duas camadas separadas. Um para o meio círculo menor e outro para o resto da janela. Vamos entrar em como eu animo isso um pouco mais tarde. Mas, por enquanto, é tudo o que preciso fazer. Então eu posso ligar minhas costas originais, e quebrar o resto da porta. Agora minha porta está separada em camadas individuais. Agora, o último objeto que precisamos fazer isso é a lâmpada. Vou selecionar minha lâmpada, camada, pré-compor, renomeá-lo Lamp PreComp, mover todos os atributos, pressionar “OK”, ir para a camada, clicar no “Lâmpada”, “Opção” comando “Início”, “Centro Horizontal” , “Centro Vertical” e, em seguida, altere minhas configurações de composição, altere o tamanho, pressione “OK”. eu vou ampliar e começar a quebrar isso, e é isso. 6. Organizando seus objetos: Eu tenho todos os elementos complexos separados em suas próprias camadas dentro de pré-composições, então eu posso animar tudo muito facilmente. Obviamente, isso não se parece com a obra de arte, e isso é porque nós temos apenas uma cópia de cada objeto e eles não são colocados onde eles precisam estar. Para fazer isso, eu quero ativar minha camada de arte original, se eu rolar para baixo até a parte inferior da minha composição e habilitar minha camada de casa original, então eu vou desligar tudo, exceto minha camada de janela superior. Se eu clicar nesta primeira camada, role para cima e clique em Shift até esta camada, e então segure “Command” ou “Control” em um PC e clique nesta última camada, então eu posso desligar o globo ocular para todas essas camadas de uma vez, então eu sou deixado apenas com a minha janela superior [inaudível]. Agora, eu vou usar minha arte original como referência, eu não vou me envolver em alinhar tudo perfeitamente, eu vou apenas usá-lo como uma referência. Então eu vou ampliar um pouco e, em seguida, com a ferramenta de seleção, eu vou clicar e arrastar nesta camada até que seja sobre onde eu quero, então eu vou duplicar esta camada indo para editar, duplicar. Agora, antes de clicar nisso, quero salientar que se você olhar no lado direito de qualquer comando de menu que tenha um atalho de teclado, ele lista o que é o atalho de teclado, bem ali. atalhos de teclado são essenciais para acelerar seu fluxo de trabalho, eu os uso constantemente e eles me economizam muito tempo. Então eu quero incentivá-los a começar a aprender esses atalhos de teclado para comandos que você usa muito. duplicação da camada acontece o tempo todo dentro do After Effects, então eu vou pressionar “Command D” ou “Control D” no PC para duplicar minha camada. Agora, temos duas cópias diferentes, com a segunda selecionada, vou clicar e arrastar para colocar minha janela mais ou menos onde eu quiser. Agora, eu sei que eu quero toda minha janela centrada horizontalmente, então para ter certeza que eu só mover minha janela para a esquerda e para a direita, eu vou manter o shift no teclado para que eu só possa movê-lo para a esquerda ou direita ou para cima e para baixo e então eu vou levá-lo para sobre onde eu quero e deixe ir. Em seguida, vou fazer esse processo novamente, pressionar “Command” ou “Control D” em um PC, clicar em, “Mantenha pressionada a tecla shift, reposition” que parece muito bom. Então eu vou clicar nesta janela centrada novamente, duplicar, clicar, “Manter pressionado, mudar, reposicionar” desta forma, duplicar mais uma vez, clicar, “Segure shift, arraste” e solte. Agora, vamos usar a paleta de alinhamento mais uma vez para ter certeza de que há espaçamento igual entre cada uma dessas janelas, então eu vou selecionar todas as minhas janelas segurando shift e clicando nas outras e então eu vou chegar a minha paleta de alinhar e ver que align a camadas está definido para seleção, isso deve acontecer automaticamente quando você estiver clicando em vários objetos. Se ele ainda estiver definido como composição para você, apenas certifique-se de que ele foi alterado para seleção e, em seguida, eu quero descer para a seção de camada de distribuição. Este botão aqui irá distribuir todas as minhas camadas igualmente em um eixo horizontal, então se eu clicar nesse botão, todas as minhas camadas foram reposicionadas tão ligeiramente para que haja distância igual entre cada camada, Vou desfazer mais uma vez. Se você assistiu as camadas, enquanto eu clico neste botão, você pode ver que todas elas se moveram um pouquinho. Agora, eu sei que eles são todos igualmente espaçados, mas eu não acho que ele está perfeitamente centrado na composição mais. Agora, como eu disse, você não tem que fazer isso perfeito, mas eu vou te mostrar como só para o caso de você precisar. Eu sei que essa camada é minha janela central, então o que eu quero fazer é vincular todas essas outras camadas a essa camada. Para fazer isso com todas as minhas camadas selecionadas, vou descer para qualquer uma das camadas selecionadas, escolher chicotes, clicar em “Arrastar para baixo” para a primeira camada, que é minha janela central, e soltar. Isso será pai de todas as camadas selecionadas para a camada que você selecionou, que neste caso é a janela central, o pai vincula as propriedades de transformação das camadas filhas à camada pai. Se eu clicar e arrastar na minha janela, você pode ver que a posição está afetando todas as camadas, e se eu girar isso, a rotação também muda, então ele está ligando todas essas camadas a uma camada mestre. Vou desfazer para voltar onde estávamos. Agora, se eu chegar à minha paleta de alinhamento e certificar-se de que as camadas de alinhamento dois estão definidas como composição, eu posso clicar no alinhamento central horizontal, e agora minhas janelas estão centradas horizontalmente com espaçamento igual entre cada janela. Agora, vamos fazer a mesma coisa com a janela inferior, vou ligar essa camada, reposicioná-la para onde eu quero, duplicar pressionando “Command” ou “Control D” em um PC, clicar e arrastar Shift, duplicar novamente, Shift clique e arraste, duplique mais uma vez, Shift clique e arraste. Agora, como não há nenhuma janela no centro distribuindo verticalmente essas camadas não funcionará da mesma maneira, se eu fizer isso, ela as espalhará de uma maneira que eu não gosto. Para contornar isso eu vou desfazer, eu vou fazer uma duplicata extra da minha janela inferior e colocá-lo no centro apenas temporariamente, então eu vou selecionar minhas outras janelas horizontalmente, distribuí-las, pai delas para que , clique no alinhamento da janela central no centro e, em seguida, exclua essa camada. Agora, eu tenho minhas quatro janelas igualmente espaçadas centradas horizontalmente, então eu vou ligar a porta, arrastar isso para baixo até que seja sobre onde eu quero, e então centralizado horizontalmente. Vou ligar minha lâmpada, clicar e arrastar isso até que esteja onde eu quero, duplicá-lo, clicar em Shift e arrastar até que esteja onde eu quero, e então eu vou fazer o mesmo truque novamente. Eu vou duplicar esta lâmpada uma terceira vez temporariamente posição em aproximadamente no centro, clique em Shift sobre as outras duas feições, distribuí-las horizontalmente, pai para essa camada centrada, selecionar essa camada e, em seguida, horizontalmente centralizá-lo na composição e, em seguida, exclua essa camada centrada temporária. Agora, vocês podem ver que as coisas não estão alinhadas perfeitamente com a arte original, e isso pode ser porque minha arte original não estava perfeitamente centrada, mas porque estamos fazendo dessa maneira com a paleta alinhada, podemos saber que Tudo está se alinhando perfeitamente. Em seguida, vamos fazer o bush, vou selecionar essa camada e, em seguida, clicar e arrastá-la para o topo da paleta de camadas. Agora, eu realmente vou querer precompor este arbusto também, não porque existem vários objetos, mas porque eu vou estar usando a mesma animação para todos os quatro arbustos, e se ele é pré-composto, eu só tem que animá-lo uma vez. Vou pré-compor a camada indo para a pré-composição da camada, renomeando-a, precomp do bush, pressione “Ok”, vá para essa pré-composição, clique na opção de camada “Command home” ou “Alt Control home” em um PC centralizá-lo no composição alterar o tamanho da composição, em seguida, voltar para a minha composição original. Em seguida, eu vou clicar e arrastar esta camada para cerca de onde eu quero, duplicar, clicar de deslocamento e arrastar, duplicar, clicar de deslocamento e arrastar, duplicar, clicar de deslocamento e arrastar. Então, novamente, eu criarei uma camada centralizada, distribuirei todas essas camadas horizontalmente, pai delas para a camada central, centralizá-las na composição e, em seguida, excluirei o objeto temporário. Em seguida, vamos fazer a porta, este não precisa ser pré-composto, então eu vou encaixar o ponto de ancoragem no centro segurando a opção “Command home” ou “Control Alt home” em um PC e, em seguida, certifique-se de que é centrado horizontalmente na composição e que é bom para ir. Então vamos fazer a mesma coisa para o rodapé, definir o ponto de ancoragem para o meio, centralizá-lo horizontalmente, e então faremos o mesmo para o telhado. Defina o ponto de ancoragem para o meio, centro horizontalmente, vou pegar a guarnição, fazer a mesma coisa, o tapume, e é isso. Se eu desligar minha camada de arte original, podemos ver que temos todos os nossos elementos individuais separados nas camadas, bem centrados e podemos passar para a animação. A próxima etapa para seu projeto de classe é voltar ao After Effects e dividir seu trabalho artístico em várias camadas para cada objeto que você deseja animar. Depois de terminar, publique uma captura de tela de sua composição me mostrando que você tem camadas divididas em objetos individuais ou pré-composições, e você receberá pontos bônus se você manteve seu projeto organizado. 7. O editor gráfico: Esta é a unidade mais importante deste curso. Se você ainda não foi, agora é a hora de começar a prestar atenção. Vou pegar um pouco de pretour do projeto da classe e mostrar-lhe exatamente como usar o editor de gráficos dentro do After Effects. Então vamos começar. Agora vamos falar sobre o que toda essa classe realmente é, suavizar suas animações. Eu configurei uma pequena demonstração para explicar um pouco sobre como After Effects lida com o movimento entre seus quadros-chave. Eu animei esta posição pontos em toda a tela com apenas dois quadros-chave. Esta trilha que está deixando para trás é uma representação de cada quadro de seu movimento. Se eu recuar um quadro de cada vez. Você pode ver que esses contornos estão exatamente onde esse ponto estava em cada quadro entre esses dois quadros-chave. Neste momento é apenas um movimento linear do ponto A ao ponto B. O ponto viaja a uma velocidade constante. É muito chato. Uma das formas mais comuns de suavizar a animação no After Effects é usar a predefinição de Atendimento Fácil incorporada. Se você está familiarizado com a animação dentro do After Effects, você provavelmente já usou isso antes. Então vamos dar uma olhada no que isso faz com nossa animação. Vou selecionar os dois quadros-chave clicando e arrastando uma caixa ao redor deles. Em seguida, clique com o botão direito do mouse em um dos quadros-chave, vá para Keyframe Assistant e escolha Fácil Facilidade e imediatamente você pode ver que nossa trilha está atualizada. Agora há mais contornos agrupados na frente e na extremidade traseira da animação e mais espalhados no meio. Se eu jogar isso de volta, você pode ver que o ponto leva um pouco mais de tempo para acelerar em seu movimento e, em seguida, diminui mais gradualmente no final. Para muitos usuários do After Effects, é aqui que eles param. Eles apenas aplicam a Predefinição de Facilidade Fácil, chamam de boa e passam para a próxima coisa. Mas você está fazendo essa aula para que você possa aprender a não ser como qualquer outro artista do After Effects e assumir o controle de seu movimento. Então eu vou mostrar a vocês como personalizar completamente este movimento usando o editor de gráficos do After Effects. Para abrir o editor de gráficos, você desce até a linha do tempo e clica neste botão aqui. Qualquer propriedade que você selecionou em sua linha de tempo aparecerá no editor de gráficos. Então eu vou clicar no valor da minha posição e uma curva aparece no meu editor de gráficos. Vou me dar um pouco mais de espaço para vermos o que está acontecendo aqui. Existem dois tipos diferentes de gráficos dentro do After Effects. Por padrão, o After Effects escolherá aquele que ele acha que você deseja usar com base no tipo de propriedade que você está editando. Isso é chamado de gráfico de velocidade, e ele está exibindo a velocidade deste ponto ao longo do tempo. Então, no início da nossa animação, um ponto não está se movendo. Assim, o valor de velocidade do ponto é zero e você pode ver zero pixels por segundo na parte inferior desta pequena janela. Se percorrermos até o meio da animação, nossa curva é disparada e no topo da curva, ela está viajando em cerca de 1.530 pixels por segundo. Então, se deslocarmos para cima até o fim, ele volta para baixo para prender a zero pixels por segundo. Esses dois pontos em cada extremidade da animação são os quadros-chave que remontamos em nossa linha de tempo original. Você pode manipular esses quadros-chave para ajustar a velocidade das horas extras do ponto. Essas alças permitem ajustar a influência que cada quadro-chave tem na curva de velocidade. Então, se eu clicar e arrastar esta alça e puxá-la para a esquerda, você pode ver que a porcentagem de influência está aumentando. Ao mesmo tempo, se você olhar para cima na janela de composição, você pode ver que os contornos de cada quadro estão agrupando no final da animação. Isso é porque estamos modificando a curva de velocidade deles. Eu deixo ir aqui, nós podemos realmente prever a velocidade do ponto com base na curva. Em torno de sete quadros é onde o ponto estará viajando mais rápido em torno de 3.100 pixels por segundo. Então, se eu jogar isso de volta, você vê agora que o ponto leva muito menos tempo para decolar e diminui muito mais gradualmente. É uma sensação completamente diferente. Se eu pegasse essa alça também e arrastasse isso para fora. Agora, há um ponto em nossa animação onde os contornos nem se sobrepõem. Se eu visualizar esta animação, você pode ver que o ponto está viajando extremamente rápido no meio de nossa animação e leva um tempo para iniciar e diminuir a velocidade. Digamos que eu não queria que minha animação começasse em uma posição de repouso. Vou definir meus quadros-chave de volta para Facilidade Fácil desenhando uma caixa ao redor deles para selecioná-los e, em seguida, clicando neste botão para Facilidade Fácil. Em seguida, aumentarei a velocidade do meu primeiro quadro-chave clicando e arrastando-o para cima. Se eu comecei em torno de 1.500 pixels por segundo, podemos ver que nossa curva está fazendo um arco constante até uma posição de repouso, mas começando muito rapidamente. Se eu visualizar isso, nossa animação reflete essa curva. Você pode ver que ele começa rápido e está constantemente desacelerando para uma posição de repouso. Se eu pegar essa influência de velocidade do quadro-chave, posso exagerar ainda mais. Mas como eu aumentar a influência deste identificador de velocidade, a velocidade no início não é realmente o ponto mais rápido. Para ter certeza de que minha curva desacelera constantemente vou pegar essa alavanca de influência e virar tudo para baixo. O ponto mais alto da curva será sempre o primeiro quadro. Vamos antever isso e agora temos um ponto extremamente rápido que desacelera até um ponto de repouso. Agora, como eu disse antes, existem dois tipos diferentes de gráficos dentro do After Effects. Eu ouvi algumas pessoas falar sobre o gráfico de velocidade, como se fosse a pior coisa do mundo e eu ouvi exatamente a mesma coisa sobre o outro tipo de gráfico. Nove em cada 10 vezes, eu pessoalmente uso o gráfico de velocidade na maioria das vezes ele faz exatamente o que eu precisava e eu tenho tanto controle sobre o meu movimento é que eu preciso. Mas eu vou para a frente e mostrar-lhe o outro tipo de gráfico porque é um pouco mais versátil e permite que você faça a mesma coisa, mas de uma maneira um pouco diferente. Então, primeiro eu vou definir meus quadros-chave de volta para linear, selecionando-os ambos segurando opção ou alt em um PC e clicando em um dos quadros-chave. Agora temos nosso movimento linear representado por uma linha reta em nosso gráfico de velocidade. Se eu descer a este pequeno ícone aqui e clicar nele. Posso optar por editar o meu gráfico de valores em vez do meu gráfico de velocidade, que agora está definido para seleção automática. Se eu escolher o gráfico de valor, nosso gráfico é um pouco diferente agora. A maior diferença é que temos duas linhas diferentes em vez de uma. Essas duas linhas estão representando os dois eixos diferentes do valor da posição. Agora, da maneira que temos nossa configuração de valor de posição agora, eu não posso editar esses gráficos manipuladores de influência. Eu tenho que separar meus valores de posição X e Y em suas próprias propriedades. Para fazer isso, vou clicar com o botão direito do mouse na posição e dizer dimensões separadas. Agora eu posso selecionar os dois eixos diferentes independentemente um do outro. Minha animação deste ponto está se movendo apenas no eixo X. Então eu posso realmente me livrar dos quadros-chave da posição Y clicando no cronômetro. Dessa forma, podemos nos preocupar com o valor da posição X. Então, se olharmos para este gráfico, agora temos uma linha reta indo em um ângulo. Em vez de representar a velocidade, esta linha representa um valor. Então o que ele está dizendo é que no quadro zero, nossa posição X desta camada é definida como 130 pixels porque é onde acontece estar na composição. Agora a largura da minha composição está definida para 1.280 pixels. Então o lado esquerdo do meu comp seria um valor de 0 e meu lado extremo direito seria 1.280. Então esta linha está dizendo que no quadro 0, posição X é definida como 130 pixels. No final da animação, esta posição de camadas X é definida como 1.150 pixels. Como os quadros-chave são definidos como linear, nosso gráfico é uma linha reta que espaça proporcionalmente cada quadro igualmente. Então, em nosso gráfico de velocidade, isso é representado por uma linha horizontal reta, e em nosso gráfico de valor é representado por uma linha angular. Agora, se eu fosse reverter esses dois quadros-chave selecionando-os, clicando com o botão direito do mouse, indo para o Assistente de quadros-chave e dizendo quadros-chave inverter tempo. Agora nosso ponto viaja na direção oposta e se eu voltar ao meu editor de gráficos e olhar apenas para a posição X, nosso ângulo de gráfico agora mudou para estar na direção oposta. Isso porque no início da animação, estamos agora do lado direito e no final da animação, estamos do lado esquerdo. Vou desfazer isto para voltar à nossa animação original. Agora vamos ver o que acontece com esta curva se aplicarmos a Facilidade Fácil chegando a este botão. Assim como antes, a animação é atualizada para ter mais quadros no início e no final da animação e menos no meio. Em vez de ter um arqueado como nossa curva de velocidade fez, agora temos uma curva em forma de S. Agora que tenho alças em cada um dos meus quadros-chave, posso ajustar minha curva. Apenas da mesma forma que eu ajustei minha curva de velocidade, aumentando o comprimento desta alça irá agrupar mais dos quadros para o final da animação. Se lermos esta curva, podemos ver que isso faz sentido. No início da animação, o valor é muito baixo e não muito longe nele. Ele começa a pegar para ser um valor mais alto e começa a nivelar em torno do quadro 15, que está a meio caminho da animação. O resto da animação tem valores bastante semelhantes. Então o ponto chega a uma parada gradual. Se eu visualizar isso, você pode ver o que está acontecendo. Se eu colocar esta alça para a esquerda, vamos exagerar ainda mais esta moção. Então, neste ponto, realmente não parece que há qualquer benefício para usar o gráfico de valor sobre o gráfico de velocidade. Mas aqui está o que o gráfico de valores pode fazer, que o gráfico de velocidade não pode. Vou definir meus dois quadros-chave de volta para Easy Easy e vamos dizer que eu quero animar isso para ser um pouco mais cartoony. Vou fazer backup em torno do quadro 25 e definir um novo quadro-chave neste ponto, alternando para a ferramenta Caneta aqui em cima, ou pressionando G no teclado. Em seguida, vou clicar neste ponto para adicionar um novo quadro-chave. Como temos um novo quadro-chave, temos novas alças que podemos ajustar. Voltarei para a ferramenta de seleção clicando aqui em cima ou pressionando V no teclado. Agora posso ajustar as alças deste quadro-chave para modificar minha curva de valor. Então, se eu ficar um pouco louco e ajustar isso para ser uma forma estranha, vamos tentar ler esta curva antes de eu reproduzir a animação de volta. Neste ponto, nosso ponto estará no lado esquerdo da tela. Ele vai facilitar o seu movimento e chegar a um ponto de cerca de 1.100 pixels. Tão longe no lado direito da tela. Mas então você pode ver que nossa curva agora está caindo volta para um valor mais baixo de cerca de 1.045 pixels, e então ele volta para um ponto de repouso de 1.150. Então o que devemos ver é que nosso ponto viaja para um certo ponto, volta um pouco e então finalmente chega ao seu ponto de descanso. Vamos pré-visualizar essa animação e com certeza, lá está, bem no final você pode ver que ele faz esse pequeno movimento de movimento antes de chegar ao último quadro. Agora, eu não teria sido capaz de fazer isso tão facilmente dentro do gráfico de velocidade. Se eu voltar para o meu gráfico de velocidade, você pode ver como isso se parece. A razão pela qual é mais fácil fazer esse tipo de movimento dentro do gráfico de valores, porque eu posso simplesmente pegar as alças do gráfico de valores e ajustá-las para o que eu quiser. Dentro do gráfico de velocidade. Fica um pouco mais complicado porque você não pode ajustar o ângulo de uma alça, apenas a altura e a influência. Eu posso realmente olhar para ambos os gráficos de uma só vez. Se eu clicar em mostrar gráfico de referência. Agora podemos ver o movimento do nosso ponto sendo representado por ambos os gráficos ao mesmo tempo. Assim, a linha de base para o nosso gráfico de referência seria 0 pixels por segundo. Você pode ver que ele acelera, diminui um monte inteiro até chegar a uma velocidade negativa, que é onde o ponto viaja para trás e, em seguida acelera muito rapidamente novamente e cai para o seu ponto de repouso de 0. Em nosso gráfico de valor, podemos ver a mesma coisa apenas representada de uma maneira diferente, facilita seu movimento, chega a um ponto de 1.130 pixels, retrocede para cerca de 1.035 e, em seguida, facilita seu ponto de repouso de 1.150. Se eu clicar e arrastar neste quadro-chave, você pode ver que ambas as curvas estão sendo atualizadas ao mesmo tempo. Então, se você está tendo problemas para entender o que está acontecendo entre os dois gráficos diferentes, eu quero encorajá-los a apenas brincar com ele e tentar ligar os gráficos de referência. Assim, você pode ver ambos os tipos de gráficos ao mesmo tempo para realmente entender o que está acontecendo quando você está ajustando essas alças. Agora, como eu disse antes, nove em cada 10 vezes, o gráfico de velocidade faz exatamente o que eu preciso, e eu não preciso desse controle extra. É só quando eu estou fazendo tipos muito específicos de animação que precisam de um pouco mais de finalização que eu vou usar o gráfico de valor. Então venha aqui, mexa com isso. Tente ter uma ideia para ambos os editores de gráficos e faça quaisquer perguntas se você estiver com algum problema. Eu não posso enfatizar a importância desta unidade o suficiente, usar o editor de gráficos é a chave para controlar seu movimento dentro do After Effects. Neste ponto, você precisa entrar no programa e começar a mexer com o editor de gráficos. Configure algumas formas e anime-as nos valores de posição, escala e rotação para ver como o editor de gráficos afeta cada uma dessas propriedades. Alterne também entre os gráficos de velocidade e valor para ver como eles são diferentes. Se você tiver alguma dúvida, por favor deixe um comentário sobre o me pergunte qualquer coisa discussão e reassista este vídeo se você precisar. Em seguida, publique qualquer um dos experimentos que você criou enquanto brincava com o editor de gráficos. 8. Os pontos de âncora são importantes!: Agora que temos um pouco de uma visão geral do editor de gráficos, vamos começar a animar a casa e usar o editor de gráficos para personalizar nosso movimento. Mas antes de ir mais longe, vamos limpar um pouco o nosso projeto porque parece que tenho alguns PreComps na área principal do nosso projeto. Vou apenas movê-los para a nossa pasta PreComps e estamos prontos para ir. Eu sei que eu quero animar a maioria, se não todos esses objetos usando a propriedade scale. Eu realmente não preciso das posições dos objetos para se mover e eu não acho que eu vou estar girando qualquer coisa, então nós devemos ser capazes de fazer tudo o que precisamos apenas escalando. Vamos começar pela janela superior. Vou passar por cima de uma das cópias e, em seguida, clicar duas vezes sobre ela para ir para o PreComp, e agora podemos focar neste objeto. Agora, para cada objeto, eu quero animar de trás para a frente porque se eu animasse os painéis de vidro primeiro, eles estariam flutuando lá e pareceria que nada os estava segurando. Quero começar com o quadro e depois animar os dois pedaços de vidro. Sei que quero que esta animação comece com nada visível. Como eu vou animar a escala, isso significa que você só precisa escalar de 0 a 100 por cento. Se eu selecionar todas as três camadas clicando na primeira, segurando Shift, e clicando na terceira, eu tenho todas as três selecionadas. Agora, eu poderia girar esta seta para baixo, ir para o meu Transform e, em seguida, definir um quadro-chave para a escala, mas um atalho rápido para chegar à escala quando você tem qualquer camada selecionada é apenas pressionar S no teclado. Você pode ver que isso traz a propriedade scale para cada camada. Neste ponto, eu poderia apenas clicar no cronômetro para adicionar um quadro chave para cada camada. Mas outra maneira que eu posso adicionar um quadro-chave é segurando Option ou Alt em um PC e pressionando S. Isso irá definir um quadro-chave para a propriedade scale de qualquer que seja a sua seleção. Estes são apenas atalhos rápidos que você não precisa necessariamente saber, mas se você começar a memorizá-los, isso irá acelerar o seu fluxo de trabalho tremendamente. Agora que temos quadros chave de escala de 100% definidos em cada camada, precisamos movê-los para a frente no tempo. Uma forma de mover os quadros-chave é clicando e arrastando-os. Ou outro atalho de teclado está mantendo pressionada a tecla Option ou Alt em um PC e tocando na seta para a direita. Toda vez que você toca nele, ele move o quadro-chave para frente um quadro. Se você pressionar a seta para a esquerda, ela vai para a outra direção, e se você pressionar Shift ao mesmo tempo, ele irá mover seus quadros-chave para frente dez quadros de cada vez. Essa é uma maneira muito rápida e fácil de mover distâncias específicas dos seus quadros-chave. Com meus quadros chave em zero, eu quero movê-los para frente 30 quadros. Eu mantenho Option ou Alt em um PC, Shift e pressione a tecla de seta para a direita três vezes. Agora, meus quadros principais estão definidos em 100% no quadro 30. Vou ampliar um pouco a minha linha do tempo pressionando mais no teclado e, em seguida, rolar para que eu tenha um pouco mais de espaço para trabalhar. Então eu vou mover meu playhead de volta para o frame zero. Agora, precisamos de um quadro chave de escala definido como zero para todas as três camadas. Com todas as propriedades de escala de três camadas ainda selecionadas, posso simplesmente clicar em um desses valores, digitar zero e pressionar Enter, e todas as três camadas mudarão sua escala para zero por cento e definir automaticamente um quadro-chave. Depois de definir um quadro-chave, se você for para qualquer outro ponto no tempo que ainda não tenha tido um quadro-chave e você alterar o valor, outro quadro-chave será gerado automaticamente. Eu não preciso desse quadro de chave lá agora, então eu vou apenas apertar Delete. Agora, se eu jogar de volta, nossa janela escala de 0 a 100 por cento. Mas é super chato porque os quadros-chave são lineares e é tudo dimensionado a partir do centro do quadro. Se olharmos para essas camadas individualmente, você pode ver que o ponto de ancoragem de cada camada está exatamente no mesmo ponto, que é o centro da composição. Quero que o ponto de ancoragem de cada camada esteja no centro de sua respectiva camada. Se você se lembrar do atalho do ponto de ancoragem de reposição, mantenha pressionada a tecla Option, Command e pressione Home ou Alt Ctrl Home em um PC, que irá encaixar nosso ponto de ancoragem no centro do conteúdo. Novamente, se você não tiver a tecla Home no teclado, basta selecionar a camada, clicar com o botão direito do mouse, ir para Transformar e Centralizar Ponto de Ancoragem no Conteúdo da Camada. Agora, cada uma de nossas camadas tem o ponto de ancoragem centrado em seu próprio conteúdo. Se eu jogar de volta, você pode ver que nosso vidro está escalando a partir do centro de sua própria camada. Mas e se não quisesses que a escala fosse do centro? E se quiséssemos parecer que estava crescendo a partir deste ponto para cima? Bem, podemos fazer isso facilmente. Se você chegar até suas Ferramentas, esta aqui é chamada de ferramenta Pan Atrás e você pode ver entre parênteses, é também a ferramenta Ponto de Âncora. Se escolhermos essa ferramenta, posso pegar esse ponto de ancoragem e movê-la livremente. Onde quer que eu defina este ponto de ancoragem é onde minha camada será dimensionada. Se eu reproduzir isso de volta, você pode ver que animação desta janela está escalando a partir do canto inferior direito. Se eu fosse movê-lo para o canto superior esquerdo, agora, está escalando a partir do canto superior esquerdo. Isso é muito importante para entender porque afeta várias propriedades da camada. Se eu [inaudível] essa camada, recolher essa camada e abri-lo novamente, eu posso ver todas as propriedades de transformação. Vou pegar os quadros-chave de escala apenas por agora e depois colocar meu ponto de ancoragem de volta para o centro. Se eu definir um quadro de chave de rotação, movê-lo de volta para o início da animação e, em seguida, alterá-lo para, digamos 90 graus, minha camada gira de 0 a 90 em torno do ponto de ancoragem no centro da camada. Se eu fosse mudar esse ponto de ancoragem no canto superior esquerdo e visualizar isso, você pode ver que minha animação de rotação é completamente diferente porque está baseando a rotação do ponto de ancoragem da camada da mesma forma que o é baseada no ponto de ancoragem. Se você estiver tentando dimensionar ou girar algo de uma determinada maneira e não estiver saindo da maneira desejada, talvez seja por causa de onde seu ponto de ancoragem está definido. Lembre-se da ferramenta Pan Atrás e de como o ponto de ancoragem afeta sua animação. Vou desfazer até voltarmos à nossa animação em escala. Agora, vamos falar sobre como podemos fazer isso escalar de baixo para cima. Bem, eu poderia tentar posicionar isso à mão livre para que ele se animasse de baixo para cima, e isso poderia estar perto o suficiente do que precisamos, mas como poderíamos ser mais precisos? Bem, o After Effects tem um recurso de encaixe que permite colocar pontos de ancoragem com muito mais precisão. Se você chegar até a barra de ferramentas e clicar nesta caixa de seleção Snapping, agora, quando eu mover meu ponto de ancoragem, você pode ver que ele se encaixa em diferentes pontos na tela, não apenas com base nesta camada, mas tudo dentro da composição. Se eu quisesse que essa camada fosse reduzida no canto superior direito do quadro, eu poderia fazer isso apenas encaixando o ponto de ancoragem naquele ponto e soltando. Então eu animo isso e você vê que nossa escala agora está vindo daquele canto do quadro. Mas o que queremos é mover este ponto de ancoragem para a base dessa camada. Como temos Snapping habilitado, podemos notar que essa é exatamente a base desse objeto. Vou tocar de volta, e isso parece muito bom. Mas agora, ele está escalando nos eixos x e y, ambos. Está crescendo até esse ponto. E se quiséssemos apenas escalar no eixo y? Bem, tudo o que temos que fazer é desvincular nossos valores x e y clicando neste pequeno ícone. Agora, se eu voltar ao início, eu posso ajustar os valores x e y independentemente. Se deixarmos este conjunto para 100 no eixo x, quando reproduzirmos isso, você pode ver que agora ele está crescendo de baixo para cima. Mas a largura é a mesma o tempo todo. Eu acho que é assim que eu quero animar essa forma, então eu estou feliz com isso. Em seguida, vamos fazer a mesma coisa para a camada superior, exceto animá-la de cima para baixo. Vou mudar para a minha ferramenta Ponto de ancoragem, clicar e arrastar o ponto de ancoragem até que ele se encaixe no topo dessa camada, voltar para o primeiro quadro, desvincular o x e o y, definir o x para 100 por cento, visualizar isso. Agora, ele está dimensionando de cima para baixo com uma largura constante. Por último, eu preciso decidir como eu quero animar o quadro. Acho que estou bem com a escala do centro, mas desta vez, em vez de ir de um lado para outro, vamos ter e animar de dentro para fora. Vou voltar para o primeiro quadro, desvincular as duas propriedades, deixar meu x definido como zero e mudar meu y para 100, e visualizar. Você pode ver como brincar com o ponto de ancoragem e os diferentes valores lhe darão diferentes animações de aparência. 9. Facilite esse movimento!: Agora que eu tenho meus principais quadros-chave definidos, é hora de usar o Editor de Gráficos para facilitá-los. Vamos nos concentrar apenas no quadro. Vou soltá-lo clicando no interruptor solo, e eu vou recolher essas outras duas camadas. Agora, se eu entrar no meu Editor de Graph e clicar na propriedade Scale, dar-me um pouco mais de espaço para trabalhar e estamos olhando para o gráfico de valor novamente. Eu vou mudar o meu de volta para o gráfico de velocidade porque ele vai funcionar bem para o que eu estou tentando fazer. Agora, como a propriedade Scale tem dois valores diferentes, temos duas linhas de gráfico diferentes novamente. Vou clicar e arrastar uma caixa ao redor desses dois quadros-chave e aplicarei Easy Easy novamente. A razão pela qual eu quero aplicar Easy Ease é porque ele traz os pontos inicial e final para uma posição de repouso, que é como eu normalmente quero que as coisas animem, começando e terminando em uma posição de repouso. Então é só um bom lugar para começar. Desta vez, em vez de clicar neste botão, vou usar o atalho de teclado, que é F9 no teclado. Agora, para usuários de PC, é tão simples quanto pressionar F9. Para usuários de Mac, você provavelmente terá informado a tecla Function, que fica ao lado da tecla Home e, em seguida, pressione F9 no teclado. Isso ocorre porque a forma como o sistema operacional está configurado, essas teclas também funcionam como controles de volume e controles de reprodução para programas de música. Você pode alterar isso indo para as Preferências do Sistema e ir para a seção Teclado, mas então você terá que manter pressionada a tecla Function para fazer coisas como alterar o volume. Então, cabe a você como você quer que ele seja colocado para fora. Normalmente deixo como está e apenas mantenha pressionada a tecla Function e pressione F9. Tudo bem, agora que temos molduras de chaves facilitadas, vamos jogar de volta e ver como ele se parece. É um pouco melhor, mas vamos exagerar um pouco mais este movimento. Quero que leve mais tempo para abrir e muito mais tempo para chegar gradualmente ao seu ponto de descanso. Então eu vou selecionar o primeiro chave-frame, pegar essa alça de Influência e arrastá-la para fora. Agora uma outra coisa que eu deveria mencionar é que minha alça está sendo ajustada para a posição atual do chave-frame. Isso é porque eu tenho esse ícone de ímã ativado que está se encaixando. Isso permitirá que minhas alças se encaixem um ao outro e à base. Se eu desligar isso, seria muito mais difícil manter esse valor em exatamente zero. Então, tipicamente eu trabalhei com ele. Mas se você está tendo problemas para chegar a um zero exato, provavelmente é por isso. Ok, então eu vou reposicionar esta alça para que ela tenha um pouco mais de influência no movimento, e então eu vou arrastar este todo o caminho para a esquerda para 100 por cento de influência. Vamos ver como isso se parece. Isso é muito legal. Eu diria para deixarmos isso por agora e depois fazer o copo e ver como eles funcionam juntos. Vou soltar esta camada, recolhê-la, e depois sair do meu Editor de Gráficos, avançar no tempo até que a janela tenha pelo menos a largura de um dos painéis de vidro. Eu quero mover minhas duas camadas de vidro para esse ponto no tempo para que elas não comecem a animar até a moldura da janela esteja cobrindo toda a largura dessas duas camadas. Clique na primeira camada, clique com a tecla Shift pressionada na segunda camada e, em seguida, clique e arraste-as até que elas vão para esse ponto no tempo. Agora a primeira camada se anima, e depois as duas segunda vêm depois dela. Tenho certeza de que eu quero que as curvas de ambas as camadas sejam as mesmas, e você pode realmente editar gráficos de velocidade de várias camadas ao mesmo tempo. Então, se eu clicar nessas duas camadas e pressionar S para abrir minha escala, eu posso abrir o Editor de Gráficos, clicar na primeira escala de camada, Command ou Ctrl-clique na escala da segunda camada, e agora ambas as camadas escalam estão sendo representadas dentro do Editor de Gráficos. Desenhe uma caixa em torno de todos os quadros-chave e facilitar os quadros-chave novamente pressionando F9 no teclado, e então eu vou fazer o mesmo tipo de curva de velocidade que eu tinha no quadro. Vou selecionar os dois primeiros quadros-chave, arrastar um pouco a influência, e então eu vou pegar os dois últimos quadros-chave e arrastar essa influência até 100. Então eu vou pré-visualizar essa animação. Estou muito feliz com o jeito que isso parece. Agora, eu só vou cambalear essas camadas um pouco, para que elas não se animem exatamente ao mesmo tempo. Então eu vou selecionar ambas as camadas e movê-los de volta no tempo apenas um pouco. A coisa toda acontece um pouco mais rápido. Isso é basicamente para a janela superior. Agora, se eu voltar para o meu House-Build Comp e eu visualizar esta animação, você pode ver que porque eu tenho várias cópias do mesmo PreComp, dentro deste Comp, a animação que acabamos de aplicar ao single está sendo duplicada em todas as cópias. É por isso que a PreComping é tão útil. Digamos que não quero que todas essas janelas se animem ao mesmo tempo. E se eu quisesse começar com o primeiro e depois me mover para fora em ambas as direções? Bem, então, com toda a minha camada selecionada, vou clicar com a tecla Shift pressionada no meio para desselecioná-la, então vou segurar Option ou Alt em um PC e pressionar Page Down. Isso moveu todas as minhas camadas selecionadas para frente um quadro. Em seguida, vou clicar com a tecla Shift pressionada nas duas próximas janelas, então eu só tenho as janelas externas selecionadas, mantenha pressionada a tecla Option e pressione Page Down novamente. Agora, essas camadas são deslocadas no tempo de uma forma que irá cascata a animação. Se eu visualizar isso, é um pouco difícil de ver, porque eu só os desloco um quadro de cada vez. Se eu os deslocar novamente por dizer três quadros, 1, 2, 3, e então eu clicar com a tecla Shift pressionada nessas duas janelas e adicionar mais três quadros, 1, 2, 3, é mais dramático. Você pode ver agora que a primeira camada a ser animada é o centro, seguido por aqueles de ambos os lados, e então, finalmente, os do lado de fora. Digamos que eu queria animá-lo da esquerda para a direita. Bem, vou redefinir essas camadas de volta para o primeiro quadro arrastando meu indicador de reprodução para o primeiro quadro e, em seguida, pressionando o colchete esquerdo no teclado. Isso moverá todas as camadas selecionadas em pontos para o indicador de reprodução. Desta vez, com todas as cinco camadas selecionadas, clique com a tecla Shift pressionada na primeira, mova o resto dos quatro quadros para a frente, 1, 2, 3, 4. Mova minha cabeça de reprodução para que eu possa ver o que está acontecendo. Clique com a tecla Shift pressionada na próxima camada quatro quadros para frente. Clique com a tecla Shift, 1, 2, 3, 4. Clique com a tecla Shift, 1, 2, 3, 4. Toca isso de volta. Agora estão animando da esquerda para a direita. Para este projeto, cabe completamente a você como você quer animar sua casa. Mas há praticamente uma quantidade ilimitada de maneiras que você pode fazer isso, entre personalizar a maneira como suas camadas aparecem e, em seguida, o tempo das camadas em sua Comp principal. Você pode fazer algo completamente diferente do que eu tenho aqui muito facilmente. Então cabe a você ser tão criativo quanto você gostaria. 10. Excesso de animação: Vamos voltar ao nosso PreComp e ver se podemos tornar esta animação um pouco mais emocionante. Vou recolher estas duas camadas e voltar para a nossa camada de moldura e pressionar “S” para aumentar a escala. Em seguida, vou para o editor de gráficos e selecionar a propriedade Scale e desta vez eu quero mudar para o meu gráfico de valor. Se eu selecionar meus quadros-chave e redefini-los de volta para facilitar a facilidade, vou isolar esta camada para que eu possa apenas focar nela. Agora a animação está indo do centro para fora no eixo x, mas ainda está indo do ponto A ao ponto B. Eu quero adicionar um pouco mais de personagem a esta animação. Para fazer isso, eu vou fazer backup para a direita sobre aqui e definir outro quadro-chave clicando no botão “Adicionar quadro-chave”, e então eu vou clicar e arrastar neste quadro-chave até que ele vá acima do valor do último quadro-chave. Agora nossa camada vai animar de zero para ser maior que 100 por cento e, em seguida, reduzir para 100. Se eu clicar e arrastar essa nova alça, você verá que ela não está afetando essa alça também. Para corrigir isso, pressionarei “Option” ou “Alternate BC” e passarei o mouse sobre o quadro-chave para que você possa ver que minha ferramenta foi alterada agora. Se eu clicar, isso vai se livrar das minhas alças e, em seguida, se eu clicar mais uma vez, ele traz as alças de volta. Agora essas duas alças estão ligadas entre si porque estão ligadas, nossa curva será agradável e suave. Se eu tivesse que manter pressionada a opção e clicar nessa alça novamente, eu posso movê-la de forma independente, mas então nossa curva de valor chega a este ponto em um certo ângulo e, em seguida, muda completamente de direção, e isso resultará em um animação muito jaggedy. Eu vou tocar isso de volta para que você possa ver o que quero dizer. Veja como ele salta lá no final. É quase como se estivesse batendo em uma parede. Não é o que estou procurando. Se eu segurar “Opção” novamente ou “Alternate BC”, clique no quadro-chave e clique mais uma vez, agora eu tenho uma curva suave agradável. Eu vou clicar nesta alça e segurar a tecla “Shift”, e isso vai encaixar as alças para ser em linha reta. Vou modificar minhas alças apenas um pouco enquanto segura a tecla shift, que o valor chegue a esse ponto muito rapidamente e, em seguida, facilita o seu destino final. Vamos pré-visualizar isso, e agora você vê que nossa animação está fazendo um pouco de animação saltitante e é isso que eu estou indo para. Este tipo de curva, passando pelo seu valor final antes de chegar a um ponto de repouso, é chamado de superação. É uma técnica muito comum em animação e pode adicionar muita personalidade. Vou exagerar um pouco mais clicando e arrastando este quadro-chave para cima, para que ele vá ainda mais para fora. Vamos tocar isso de volta. Agora você pode ver que a largura vai ainda mais longe antes de chegar ao seu ponto final. Se eu clicar e arrastar o quadro-chave para trás no tempo, posso acelerar essa animação inicial. Se eu quisesse, eu poderia adicionar outro quadro-chave aqui alternando para a ferramenta Caneta, clicando na ferramenta aqui em cima ou pressionando “G” no teclado, adicionando outro quadro-chave, alternando de volta para a minha ferramenta de seleção pressionando “V” no teclado ou clicando aqui em cima. Em seguida, clique e arraste este quadro-chave para baixo abaixo do valor final, Shift clicando para fazer esta curva horizontal, ajustando meu gráfico de valor um pouco e depois reproduza-o volta e agora temos um salto extra. Vou selecionar esses dois quadros-chave e seguida, movê-los para trás um pouco no tempo, que eles aconteçam um pouco mais rápido. Isso dá à camada alguma elasticidade. Você pode dar seus objetos distintivos sentir visualmente usando esta técnica, Eu gosto da maneira que parece. Vou remover essa camada e depois visualizar a animação novamente. Agora, se eu mudar de volta para fora do meu editor de gráficos, eu posso mover as duas segundas camadas de volta no tempo para a direita sobre aqui, então a coisa toda acontece mais rápido. Vamos fazer essa animação de sobreposição novamente, mas desta vez a partir do centro desta camada. Eu vou solo esta camada, entrar na escala dessa camada, redefinir o ponto de ancoragem para o centro da camada segurando “Option Command Home” ou “Alt Control Home” em um PC. Visualize essa animação e veja que agora ela está vindo do centro. Mas eu realmente vou mudar meu primeiro quadro-chave de volta para ser 0 por 0, então ele escala completamente a partir do centro do quadro. Não está acontecendo exatamente da maneira que eu queria, porque a flexibilização para um eixo não é a mesma que a flexibilização para o outro eixo. Para corrigir isso, selecionarei os dois quadros-chave, facilitando-os pressionando “F9" no teclado e agora eles estão animando ao mesmo ritmo. Vamos fazer o mesmo truque novamente indo sobre este ponto, adicionando outro quadro-chave pressionando “G” para abrir minha ferramenta Caneta, clique em alternar de volta para a ferramenta de seleção pressionando “V”, clique e arraste para cima. Você vai notar que eu não poderia mover os dois pontos de ancoragem ao mesmo tempo. É aqui que as coisas podem ficar um pouco complicadas com o gráfico de valores. Se eu tentar mover isso para cima e definir esse valor, e então eu tentar mover meu segundo acesso para o mesmo ponto, infelizmente, eles não se encaixam. Ele se encaixará em um quadro-chave diferente, mas não nos mesmos quadros-chave do outro eixo. A maneira que eu posso ter certeza de que este valor de eixo é definido para os mesmos valores de eixo como este, eu posso simplesmente vir aqui para a propriedade Scale clique no valor que eu quero aplicar a ambos, copiando pressionando “Comando C” ou “Control C” em um PC, em seguida, clicando no segundo valor e colando. Agora, ambos os pontos de valor estão no mesmo local. Então eu vou ajustar essas alças para combinar o mais próximo possível e jogar de volta. Temos uma boa superação. Vou trazer este quadro-chave para trás um pouco. Em seguida, adicione outro quadro-chave aqui. Clique e arraste até que esteja abaixo do último valor. Facilite os quadros-chave pressionando “F9" no teclado e, em seguida , clique e arraste sobre essas alças para ajustar meu gráfico de valor, e apenas finesse isso um pouco para que eu possa ver visualmente que a curva vai representar o tipo de moção que eu quero. Então toque de volta e isso é um pouco extremo. Só vou finesse um pouco. Pré-visualize isso e apenas ajuste isso um pouco mais. É assim que abordo todas as animações. Você só tem que brincar com ele até que pareça o que você quer. Aqui eu estou me deparando com um problema em que eu não posso colocar meu ponto onde eu quero porque eu tenho snapping ativado. Se eu desativei isso, eu posso então colocar isso exatamente onde eu quero e, em seguida, ativar o encaixe novamente. Então eu acho que eu só quero mover esses dois quadros-chave em um pouco. Vou selecionar os dois quadros-chave, manter pressionado “Option” ou “Alt” em um PC e pressionar a seta para a esquerda algumas vezes e, em seguida, fazer o mesmo para o último quadro-chave. Pré-visualize isso. Estou muito feliz com isso. Vou remover esta camada para vermos como ela se parece. Isso parece muito bom. Agora, e se nós mudássemos o ponto de ancoragem desta camada para ser dito no canto superior esquerdo e agora nossa superação acontece nessa direção diagonal? Novamente, basta brincar com seu editor de gráficos em combinação com o ponto de ancoragem e tentar experimentar algumas coisas para ver o que você pode criar. Vou mover esse ponto de ancoragem para o topo e ver como é. Eu gosto disso. Na verdade, vou copiar e colar esses quadros-chave para a outra camada, que eu possa ter o mesmo tipo de animação. Livra-te do último quadro-chave e, em seguida, o meu ponto de ancoragem já está definido onde eu quero. Vou pré-visualizar isso. Agora eu tenho uma animação completamente diferente do que quando eu tive a primeira vez. Vamos voltar para a nossa comp principal e ver como isso parece. Muito rapidamente, eu fui capaz de mudar a aparência de toda a animação até agora. Esta é a base para o que vamos fazer para o resto da casa, vamos animar as janelas inferiores da mesma maneira. Há apenas um elemento adicional deste triângulo superior. A porta é provavelmente a mais complicada só porque tem alguns elementos extras. Depois há a lâmpada, os arbustos, e depois os principais componentes da casa. Você pode adicionar o mínimo ou o menor detalhe que quiser. É completamente com você. 11. Trabalhando com gráficos: Vamos animar a porta ao lado, já que isso é um pouco mais complicado. Vou clicar duas vezes em um “PreComp”, dar a mim mesmo um pouco mais de espaço. Mais uma vez, eu praticamente quero animar de trás para a frente. Vamos começar com a moldura. Eu vou sozinho essa camada. Este eu quero crescer de baixo para cima. Vou mover o meu ponto de ancoragem para o fundo, certificando-se de que eu tenho o encaixe ativado, e encaixá-lo naquele ponto bem ali. Então eu vou abrir a escala pressionando S no teclado, e eu vou para o quadro 30 em vez de quadro-chave clicando no “Cronômetro”. Então eu vou voltar para o início, desvincular meus dois valores de escala e, em seguida, definir a escala y para zero. Agora temos a animação da porta crescendo de baixo para cima. Mas estes são quadros-chave lineares chatos. Vamos para o nosso Editor de Gráficos, e este pequeno botão vai caber todos os seus gráficos para ver. Se eu clicar nele, você vê que isso aumenta a minha linha do tempo, para que eu possa me concentrar na minha curva um pouco mais. Mais uma vez, vou facilitar os quadros-chave selecionando ambos, pressionando F9 no teclado. Agora temos uma pequena curva S. Vou fazer a moldura da porta levar um bom tempo para chegar até a velocidade antes de ultrapassar, e depois repousar no último quadro-chave. Vou adicionar outro quadro-chave aqui, movê-lo para cima, provavelmente um pouco mais, clicar e arrastar Shift pressionado, e então ajustar a curva um pouco mais, e eu vou reproduzi-lo de volta. Deixe-me diminuir o zoom para que possamos ver a porta inteira. Agora nós temos uma superação de tamanho bastante decente, que pode ser um pouco alto demais, então eu vou pegar o quadro-chave e puxá-lo para baixo um pouco. Em seguida, vamos movê-lo para trás no tempo um pouco, selecionando-o segurando Option ou Alt em um PC e pressionando a seta para a esquerda. Pré-visualize isso. Isso é um pouco melhor. Vamos adicionar outro quadro-chave aqui, arrastá-lo para baixo, Shift, clique. Só a minha curva um pouco mais. Uma vez que você fizer isso vezes suficientes, você vai começar a notar que você pode realmente dizer o quão extremo você está ultrapassando vai ser apenas olhando para a curva, mas é realmente apenas algo que você tem que experimentar e se acostumar. Vamos ver como isso se parece. Está levando um pouco de tempo demais para animar inicialmente, então vou reposicionar alguns em meus quadros-chave. Pré-visualize isso. Você sabe o que? Eu poderia adicionar mais um quadro-chave com um pouco de overshoot bem no final. Vou desativar o meu encaixe só para poder reposicioná-lo um pouco mais preciso. Então isso deve ser muito bom. Isso não é bom, então vamos reposicionar esses quadros-chave um pouco mais. Veja como isso funciona. Acho que você precisa diminuir esse valor. Outra maneira que você pode ajustar o valor em vez de apenas clicar e arrastar o quadro-chave é apenas ajustando o valor aqui. Agora, basta clicar e arrastar, é muito difícil ser muito preciso, mas se você pressionar Command ou Control no teclado, você pode ajustar em uma escala muito menor. Vou ajustar isso até que seja sobre onde eu quero, e pré-visualizar isso. Isso é muito bom. Eu quero ajustar esse valor também, para que não seja tão extremo. Então eu só quero espaçar isso um pouco mais. Parece muito bom, estou feliz com isso. Vamos passar para a próxima camada que seria a porta. Já que este se anima, por que não animamos a porta para baixo? Eu vou sozinho esta camada. Reposicione o ponto de ancoragem para ser o topo, e então eu posso simplesmente copiar e colar esses quadros-chave. Uma vez que a superação já está descoberta, e aplique-a na camada da porta, para ver se funciona da mesma maneira. Se eu visualizar isso, ficará bem. Mas algo que eu acabei de pensar é que, na verdade, vai empurrar a porta para além do ponto do quadro. Não quero que essa camada saia do quadro. Desta vez, em vez de fazer uma superação, eu acho que eu vou apenas fazer o ponto A para o ponto B e apenas personalizar a curva um pouco. Como eu não estou fazendo nada complicado, eu realmente não preciso do gráfico de valor, então eu vou voltar para o gráfico de velocidade apenas para que você possa ver um pouco mais de como ele funciona. Vou selecionar ambos os meus quadros-chave e redefini-los de volta para fácil facilidade pressionando F9, e então eu vou pegar minha alça de velocidade e arrastá-lo para cerca 65 por cento e, em seguida, fazer a mesma coisa para esta alça, rodada 65. Pré-visualize isso. Isso é muito bom, mas eu quero exagerar um pouco mais. Eu vou por volta de 85, e vamos ver como isso se parece com a outra camada. Eu acho que isso parece bom, ele só precisa ser re-cronometrado um pouco agora, então eu vou trazê-lo para a frente no tempo até a direita sobre lá, e eu vou zoom para fora na minha linha do tempo pressionando a tecla menos, visualizar isso. Eu acho que a animação está acontecendo um pouco devagar demais, então eu vou pegar meu segundo quadro-chave e arrastá-lo para trás no tempo um pouco. Legal. Vamos fazer o topo a seguir. Vou dessolo estas duas camadas. Agora, por causa do excesso, eu provavelmente não quero que o topo comece a animar até este ponto. Vou solo a camada e mover a camada para esse ponto no tempo pressionando o colchete esquerdo novamente para mover o ponto final dessa camada para minha cabeça de jogo. Em seguida, vou mover meu ponto de ancoragem para a base da camada superior, vou ampliar usando a roda de rolagem e reposicionar mantendo pressionada a barra de espaço para ter certeza de que está exatamente onde eu quero. Agora, a razão pela qual o After Effects está dizendo que essa é a base da minha camada é porque se eu habilitar minha visibilidade de caminho de forma, você pode ver que é aí que o caminho real para essa camada está aparecendo. A razão pela qual a forma sai desse caminho é porque essa camada tem um traçado. Se não houvesse acidente vascular cerebral, seria exatamente onde queríamos, mas porque eu tenho o golpe nele, eu preciso desligar o encaixe para que eu possa reposicionar isso manualmente. Assim como mover qualquer camada ao redor, se eu manter pressionada a tecla Shift, ela se encaixará apenas na esquerda ou direita, ou para cima e para baixo em posições. Mantenha a tecla Shift pressionada e mova-a até que esteja na base da camada, e agora posso animá-la da maneira que quiser. Vou definir um quadro-chave de escala segurando Option ou Alt em um PC e pressionando S. Em seguida, movendo para frente 20 quadros pressionando Option Shift e pressionando a seta para a direita duas vezes ou Alt Shift em um PC, e então eu vou dimensionar isso para baixo para zero no eixo y. Agora ele anima e um movimento crescente de baixo para cima. Vamos selecionar nossos quadros-chave, entrar em nosso editor de gráficos, facilitá-los pressionando F9 no teclado e, em seguida, ajustar as alças de velocidade até chegar a algo que gostamos. Estou bem com essa animação, não acho que seja preciso ultrapassar. Eu posso un-solo esta camada e garante que ele é cronometrado bem com as outras duas camadas que já animou. Eu acho que poderia sair um pouco mais cedo, então eu vou trazê-lo de volta para mais ou menos aqui. Veja como isso se parece. Eu gosto disso. Agora estou dando esse espaço muito fino entre as duas camadas. Eu só vou selecionar o topo e movê-lo para baixo algumas vezes pressionando a tecla para baixo no teclado. Agora, se eu jogar de volta, parece muito bom, não há lacuna e podemos seguir em frente para o vidro. Vamos solar a janela e a janela revelar camadas. Vou ampliar e quero animar essas duas camadas da base também. Vou reposicionar o ponto de ancoragem para o fundo. Novamente, porque esta camada tem um traçado, a feição de encaixe não funcionará, então eu só vou fazer isso por I. Eu vou fazer isso novamente para a segunda camada também. Em seguida, vou para um quadro 20, talvez definir um quadro-chave para ambas as camadas na propriedade scale mantendo Option ou Alt em um PC, pressionando S e, em seguida, rolar de volta para o quadro zero e dimensioná-los para baixo para ser zero. Agora, ambos escalam a partir da base. Muito básico. Vou limpar minha linha do tempo um pouco para me concentrar nessas duas camadas. Agora, o que eu realmente quero que aconteça é que esta janela revele camada esteja cobrindo todo o vidro à medida que a camada principal da janela se expande e, em seguida, reduzi-la para baixo para o seu valor de repouso. Eu realmente quero mudar esses dois quadros-chave para frente mais 20 quadros. Em vez de definir este para zero, escale-o para que ele cubra todo o vidro. Assim chegamos a este ponto sem ver nenhum vidro e então ele desce para revelá-lo. O problema é que antes desse ponto, ele não diminui. Agora, a maneira que eu vou corrigir isso é em vez de definir um quadro-chave, é criar a camada de revelação da janela para a camada da janela. Dessa forma, a camada de revelação da janela segue quaisquer propriedades transformadas já foram definidas para a camada da janela principal. Se eu rolar para trás, você pode ver que a segunda camada está dimensionando com a primeira camada e, em seguida, diminuindo para seu valor de repouso. Agora que temos o nosso quadro-chave definido, podemos ir para o nosso editor gráfico. Vou ao editor de gráficos, selecionar os quadros-chave, facilitá-los pressionando F9 no teclado, e fazer algum movimento exagerado. Faça o mesmo para a segunda camada. Fácil facilidade, movimento exagerado. Pré-visualize isso. Eu acho que a moção é muito boa agora é apenas uma questão de tempo. Vou sair do meu editor de gráficos e, em seguida, mudar esses dois quadros-chave para trás no tempo um pouco. Eles começam a descer um pouco mais perto do tempo em que a primeira camada é feita escalando. Bem ali, pré-visualização. Mas eu realmente não estou muito feliz com este movimento, então eu acho que eu quero ajustar as alças de velocidade um pouco mais. Vou selecionar todos os meus quadros-chave e entrar no editor de gráficos. Agora você vê se podemos realmente ajustar a diferentes gráficos ao mesmo tempo. Este primeiro é a nossa camada principal, e nossa curva vai nessa direção porque está escalando de um número menor para um número maior, então a velocidade seria em uma direção positiva. Nossa segunda camada, porém, está começando com um valor mais alto e diminuindo para um valor mais baixo, então a velocidade está acontecendo em uma direção negativa. É por isso que essas duas curvas são espelhadas. Agora o que eu quero fazer, é ajustar o último quadro-chave de ambas as camadas ao mesmo tempo. Vou fazer isso desenhando uma caixa em torno dos dois segundos quadros-chave. Então vou ajustar as alças, e você pode ver que elas estão sendo afetadas da mesma forma. Esta é uma maneira muito útil de ajustar várias propriedades. Vou tornar isto um pouco menos dramático. Então vou selecionar os dois primeiros quadros-chave e aumentar um pouco a influência, e ver como isso se parece. Isso é apenas um pouco mais suave de uma animação. Ainda quero ajustar um pouco esse tempo, então selecionarei esses dois quadros-chave e movê-lo de volta no tempo pressionando Option ou Alt em um PC e a seta para a esquerda. Vou pré-visualizar isso de novo. Acho que isso parece muito bom. Vamos sair do nosso editor de gráficos, un-solo essas camadas, zoom out e, em seguida, visualizar toda a animação. Muito bom, exceto que esqueci de re-cronometrar minha janela, então vou arrastar isso para a frente no tempo até que a porta esteja atrás de onde a janela apareceria. Em seguida, visualize isso novamente. Acho que isso parece muito bom. Agora podemos voltar ao nosso comp principal, visualizar essa animação, e estamos um passo mais perto de ter toda a casa animada. Para o seu projeto de classe, você deve estar pronto para animar sua casa. Vá em frente e seja tão complicado, ou tão simples quanto você gostaria com sua animação. Uma vez que você terminar com isso, vá em frente e vá para o próximo vídeo para exportação. 12. Criando um loop: Esta é a minha animação final. Você pode ver que eu adicionei um pouco mais de detalhes, eu mudei as cores, e eu adicionei um fundo. Uma vez que você está feliz com a aparência da sua animação, então precisamos fazer um loop. Para fazer isso, vou colocar minha animação final em uma nova composição. Eu vou até o meu painel Projeto e, em seguida, arrastar a composição House-Build até o botão New Composition (Nova composição). Isso colocará automaticamente minha composição House-Build em uma nova composição com as mesmas dimensões, taxa de quadros e comprimento da composição original. Então eu vou renomear esta composição para “House-Build-Loop”. Então eu vou descer para a minha composição e descobrir onde é o ponto final da animação. Então aqui é onde eu quero que ele faça um loop e vá para trás. Primeiro, vou cortar esta camada para terminar neste ponto. Para fazer isso com a camada selecionada, pressionarei “Option” ou “Alt” em um PC e pressionarei o colchete direito, e isso aparará as camadas para fora apontar para a cabeça de reprodução. Em seguida, duplicarei a camada pressionando “Apple D” ou “Control D” em um PC para que eu tenha duas cópias da minha animação. O que eu quero fazer com esta segunda camada é reverter a animação. Para fazer isso, vou clicar com o botão direito do mouse na camada, então vá até “Tempo” e clique em “Ativar Remapeamento de Tempo”. Isso trará dois quadros-chave e uma nova propriedade chamada Remapeamento de Tempo. O recurso Remapeamento de Tempo permite que você altere o código de tempo de uma composição ou de uma gravação para o que quiser. Ele gera automaticamente um quadro-chave para o valor inicial e o valor final. Então, se eu for para o ponto da composição onde eu quero que ele loop e eu definir um novo quadro-chave, agora eu tenho um quadro-chave para o final da animação. Em seguida, vou excluir este último quadro-chave porque eu não preciso de nada depois deste ponto da animação. Em seguida, selecionarei esses quadros-chave de duas vezes, clique com o botão direito do mouse em um deles, vou para o Assistente de quadros-chave e digo, “Tempo-reverso Keyframes” Isso irá trocar os dois quadros-chave. Então agora minha segunda camada está começando no final da animação e trabalhando seu caminho de volta ao início. Se eu mover essa camada para cima, eu posso encaixá-la até o final da primeira camada segurando “Shift”, e agora se eu visualizar a animação, veremos que a casa se constrói e depois se anima. 13. Exportando do After Effects: Agora que temos nosso loop, precisamos exportá-lo para que possamos transformá-lo em um GIF. Para fazer isso, terei minha composição de loop aberta e, em seguida, ir para composição, adicionar à fila de renderização. Isso abrirá o painel Fila de renderização, onde podemos personalizar como o After Effects produzirá nossa animação. Agora, eu tenho algumas predefinições de módulo de saída já criadas. É por isso que o meu está programado para o progresso 4.2.2. O seu provavelmente será definido como Lossless. Isso é realmente muito bom para este projeto. Vou configurá-lo como sem perdas e, em seguida, eu só quero que o After Effects salve meu arquivo na área de trabalho. Vou clicar na Saída dois e verificar se ele está definido para a área de trabalho e pressione Salvar. Então podemos acertar Render. Agora depois de efeitos está exportando nossa animação em um arquivo QuickTime, em seguida, podemos abrir e se transformar em um GIF. 14. Salvando um GIF no Photoshop: Em seguida, quero abrir o Photoshop, depois abrirei um arquivo dentro do Photoshop e, quando você abrir um arquivo de vídeo, o painel de linha de tempo dentro do Photoshop será aberto onde você pode passar para ter certeza de que sua animação é exibindo corretamente. Vou para Arquivo, Salvar para a web e, em seguida, chegar ao menu suspenso predefinido, role para o topo e escolha o primeiro, dar 128 dissuadido. Então você vai ter esta pequena tela de carregamento em sua malícia. Não se preocupe se demorar um pouco porque o Photoshop precisa processar todo o arquivo de vídeo. Agora que está pronto, você está vendo uma visualização ao vivo de como sua animação será exibida quando for exportada. Se você não estiver satisfeito com a qualidade, você pode aumentar as cores ou ajustar a porcentagem de dether. Brincar com esses valores aumentará ou diminuirá a qualidade de sua animação. Outra coisa que irá diminuir o tamanho do arquivo é se você alterar o tamanho da sua imagem para 400 por 300 e isso irá apenas cortar a resolução pela metade, mas diminuir consideravelmente o tamanho da sua animation.I realmente não preciso que minha animação seja tão grande quanto 800 por 600, então eu vou ir em frente e deixá-lo em 400 por 300 para reduzir o tamanho do meu arquivo. Se você olhar para baixo no canto inferior esquerdo, Photoshop estimará o tamanho do GIF final quando você o exportar usando essas configurações. Assim, 469 kilobytes é um ótimo tamanho de arquivo e não levará muito tempo para carregá-lo online. Eu diria que o tamanho máximo de GIF que você deseja é cinco megabytes, mas mantê-lo em um megabyte ou menos é preferível. Uma vez que você está feliz com a forma como tudo parece e o tamanho do arquivo, a última coisa que você tem que se certificar de que você faz é descer a esta pequena lista suspensa e mudar suas opções de loop de uma vez para sempre e que deve ser a última coisa que você faz porque alterar as configurações às vezes pode redefinir isso de volta para as outras. Eu não sei por que é um dos recursos mais irritantes do Photoshop, apenas certifique-se de que ele diz para sempre antes de clicar em salvar. Agora que terminei, vou segurá-lo, certificar-me de que exporta para a minha área de trabalho, apertar Salvar novamente, e agora, se eu chegar à minha área de trabalho, vejo meu novo GIF, pressione Barra de espaço para visualizá-lo e lá vamos nós. Eu tenho uma animação em loop da minha construção de casa, e agora estou pronto para postar na página do projeto. 15. Obrigado!: Tudo bem, é isso. Parabéns, você completou meu curso. Mais uma vez, quero agradecer-te muito por teres tido a minha aula. Eu adoraria saber o que você pensou sobre isso. Certifique-se de postar seu projeto final na página do projeto. Se você tiver alguma dúvida, sinta-se à vontade para fazer isso na discussão Pergunte-me Qualquer coisa. Obrigado de novo, e te vejo da próxima vez.