Guia para iniciantes do Adobe After Effects: aprenda gráficos em movimento | Hongshu Guo | Skillshare

Velocidade de reprodução


1.0x


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

Guia para iniciantes do Adobe After Effects: aprenda gráficos em movimento

teacher avatar Hongshu Guo, Motion Designer

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Apresentação

      3:05

    • 2.

      Primeiros passos

      4:07

    • 3.

      Painéis

      7:09

    • 4.

      Espaço de trabalho

      2:55

    • 5.

      Configuração de arquivos do AE

      5:13

    • 6.

      Importação e movimentação

      8:57

    • 7.

      Organização

      8:57

    • 8.

      Propriedades básicas

      5:49

    • 9.

      Posição

      9:36

    • 10.

      Opacidade

      5:10

    • 11.

      Escala

      12:14

    • 12.

      Deslocar camadas

      3:06

    • 13.

      Aparar caminho

      6:04

    • 14.

      Transição

      18:21

    • 15.

      Efeitos de transição

      8:41

    • 16.

      Base da máquina de jogo

      11:19

    • 17.

      Topo da máquina de jogo

      9:33

    • 18.

      Manipular animação

      4:11

    • 19.

      Comunidade exclusiva

      1:18

    • 20.

      Animação de texto

      7:40

    • 21.

      Nome da animação

      14:09

    • 22.

      Animação adicional

      10:46

    • 23.

      Toque final

      5:46

    • 24.

      Parabéns!

      1:16

  • --
  • 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.

18.451

Estudantes

317

Projetos

Sobre este curso

Este é o curso completo para iniciantes sobre After Effects: comece com gráficos de movimento. Se você estiver interessado em desenho de movimento e quiser aprender como funciona a animação e como animar um projeto de verdade, começando totalmente do zero, sem nenhuma experiência, este curso foi feito para você! Este é um curso abrangente que cobre tudo o que você precisa saber para começar a criar animações no Adobe After Effects. Você vai aprender tudo o que precisa para começar a animar seu próprio vídeo imediatamente. Vou abordar os inúmeros tópicos abaixo para ajudar você a aprender este programa e criar suas animações como um profissional, tudo em pouquíssimo tempo.

  • Painéis e espaços de trabalho
  • Importação de arte
  • Manipulação de camadas
  • Proporções de quadros
  • Código de tempo
  • Organização de camadas
  • Como criar uma composição
  • Como trabalhar com pré-composição
  • Animação com quadros-chaves
  • Princípios de animação simples
  • Como trabalhar com editores gráficos
  • Como trabalhar com texto
  • Como trabalhar com efeitos especiais
  • Como animar artes vetoriais
  • Efeitos de mascaramento e aparar caminhos
  • Como trabalhar em uma transição complexa 
  • Uma variedade de ferramentas no After Effects
  • Como adicionar música a vídeo
  • Atalhos de teclado
  • Dicas e truques para fluxo de trabalho

E muito mais! Depois de concluir este curso, você vai estar totalmente preparado para fazer qualquer outro curso do After Effects e se sentir confiante para continuar na sua jornada para dominar o motion graphics.

Junte-se à nossa comunidade de motion circlesreunir-se com outros designers de movimento e aprender juntos.

Confira também meus outros cursos:

Introdução à animação: animando uma ilustração no After Effects

Introdução ao Motion Graphics: logomarca e ícones animados no After Effects

Animação de personagem simples: ciclo de caminhada no After Effects sem quadros-chave

Vídeos explicativos desde storyboard até animação

Princípios de animação em desenho em movimento: os segredos de um excelente motion graphics

Stop Motion no After Effects: anime vídeos explicativos em estilo colagem

Conheça seu professor

Teacher Profile Image

Hongshu Guo

Motion Designer

Top Teacher

Hey! My name is Hongshu Guo. I am a Motion Graphics instructor with 40K students online. I help beginner animators master After Effects animation through online courses. Thanks for checking out my profile. Please take a look at my courses below and hope to see you in my classes.

Watch more free After Effects tutorials on my Youtube Channel: www.youtube.com/@motioncircles

Join the Motion Circles exclusive community on motioncircles.com

Visualizar o perfil completo

Level: Beginner

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Apresentação: Olá, estou em casa e este é um curso completo para iniciantes sobre After Effects. Eu não uso o Adobe After Effects há quase dez anos. Os clientes para os quais trabalhei incluem Adidas, PayPal, Walmart e muitos outros. After Effects é uma ferramenta robusta e você provavelmente pode fazer 1 milhão de coisas diferentes com ela. Se você der uma olhada nos meus outros cursos, há muitos tópicos diferentes que eu ensino usando After Effects e centenas de efeitos especiais que você pode aprender online. Neste curso, apresentarei uma introdução completa e abrangente ao After Effects para ajudar você a começar a usar esse software e começar a fazer animações imediatamente. Este curso é abrangente e não é fácil se você estiver interessado em entrar na indústria de design de movimento e quiser aprender como o After Effects funciona em projetos do mundo real. Essa aula é para você. Isso levará você de zero experiência com o After Effects para poder usar confortavelmente o software para criar sua própria animação. Para o projeto da classe, vou mostrar a você um projeto do mundo real e introdução pessoal animada e mostrar como animar toda essa animação para que você possa personalizá-la de forma animada para você mesmo. Por meio deste projeto, você aprenderá todos os aspectos do After Effects com práticas do mundo real, desde a navegação até esse software complexo e todas as diferentes janelas até a personalização sua própria espaço de trabalho e trabalhando apenas com as ferramentas de que você precisa, sem ficar sobrecarregado. Mas esse enorme programa abordará como fazer as coisas acontecerem no After Effects. Como assumir o controle total de sua animação e dar vida aos seus movimentos como um profissional abordará como aplicar efeitos especiais, animações e gráficos para dar estilo, vamos veja como animar transições, como animar obras de arte vetoriais, como animar facilmente a tipografia para torná-la divertida e empolgante. Alguns princípios de animação e também como usar quadros-chave simples e o Editor de Gráficos para obter animações complexas. Toneladas de atalhos de teclado, fluxo de trabalho, dicas e truques que você pode começar a usar imediatamente. Como eu disse, essa aula não é fácil e é para aqueles que sério o aprendizado da animação do After Effects e querem entrar em gráficos em movimento. Ao final do curso, você terá uma compreensão completa de como esse programa funciona e como criar sua própria animação. Depois de concluir este curso, você pode conferir meus outros cursos e começar a mergulhar profundamente nos gráficos em movimento e na animação do After Effects sobre vários tópicos. Esta aula é totalmente para iniciantes, então você não precisa ter nenhuma experiência anterior com After Effects ou os softwares da Adobe. Para acompanhar, você pode baixar a arte com a qual estou trabalhando na seção de recursos. Portanto, você não precisa se preocupar com a parte de design do processo. Você usará o ativo que eu já projetei e começará a animar imediatamente. Esta é uma aula completa e abrangente, mas não se deixe assustar. Vou explicar tudo o que você precisa saber para começar a usar a animação do After Effects e conquistar esse programa de uma vez por todas. Se você tiver alguma dúvida durante a aula, não hesite em entrar em contato e eu estarei aqui para ajudá-lo. Então, você está animado e animado para começar com uma incrível animação de efeitos de cuidado. Mal posso esperar para ver você na aula. 2. Primeiros passos: Bem-vindo à aula antes de começarmos e até mesmo abrir o Adobe After Effects. Quero falar sobre o que faremos neste curso e sobre os projetos da turma. Para aqueles que não estão familiarizados com o After Effects ou nunca usaram nenhum software da Adobe antes. O programa em si pode ser intimidador e provavelmente existem 1.000 botões e ferramentas nos quais você pode clicar. Cada um deles fará uma coisa diferente. No entanto, não cobriremos todos eles de uma vez. Portanto, não fique tão sobrecarregado. Resolveremos isso juntos e darei uma visão geral completa do programa enquanto trabalhamos em um projeto do mundo real. Para ser honesto, você entende como a animação funciona em práticas reais After Effects é o padrão do setor quando se trata de animação 2D. Mas ele também pode fazer muitas outras coisas, como calibrar o rastreamento de movimento, câmera lenta e todos os tipos de efeitos especiais. Neste curso, abordaremos apenas aspecto da animação 2D do After Effects, que é a base dos gráficos em movimento. Para o projeto da turma, criaremos um vídeo de introdução animado para que você possa usá-lo como parte de seu rolo de demonstração ou portfólio. Você pode baixar o arquivo do projeto na seção de recursos para acompanhar. A arte já está pré-fabricada, então você não precisa se preocupar com a parte do design e pode se concentrar na animação, comece a animar imediatamente. Outra coisa, se você ainda não tem o Adobe After Effects em seu computador, mostrarei como baixar uma versão de avaliação gratuita do Adobe Creative Cloud para que você possa usá-la no projeto e decidir se você quiser manter essa assinatura posteriormente para baixar o Adobe After Effects, ou se precisar acessar o navegador, digitar adobe.com e, em seguida, ele o levará aos sites da Adobe. Comece aqui com um teste gratuito. Clique sobre isso. Para a versão individual, serão 54, 99 por mês após o teste gratuito. E se você é estudante ou professor, se tiver uma carteira de estudante, também pode clicar nesta versão. Vai ser muito mais barato, será 1999 por mês após o teste gratuito de sete dias. Depois disso, basta clicar em Continuar. Digamos que se você quiser fazer um plano anual ou mensal após o teste gratuito, digamos que se quisermos fazer o plano mensal, vamos continuar. Agora está perguntando se você deseja adicionar o estoque da Adobe, que será um site de filmagem de estoque. Também será um modelo de assinatura. São 49, 99 por mês. Você pode dizer não, obrigado. Digite seu e-mail e continue, colocando sua forma de pagamento gratuita nos primeiros sete dias e certifique-se de que a versão que você receberá seja a versão de todos os aplicativos da Creative Cloud. Você não está baixando apenas um sofrimento. Você não está apenas baixando o After Effects, baixar este software depois de baixar este software e depois instalá-lo em seu computador. Depois de instalá-lo, ele vai aparecer na barra superior aqui. Esse é um ícone da Creative Cloud. Clique nele e então você pode ir para o canto superior esquerdo aqui, todos os aplicativos. Esses são todos os aplicativos que você pode baixar navegando neste painel aqui e basta encontrar o Adobe After Effects. Se você ainda não baixou nada, ele aparecerá na parte inferior aqui e, em seguida, clique em Instalar se estiver após efeitos. E você também pode precisar do Adobe Illustrator. Eu já os tenho instalados, então é por isso que estão aparecendo no painel instalado aqui na parte superior. É assim que você pode baixar Adobe After Effects e a Creative Cloud. Neste curso, usarei muitos atalhos de teclado e isso será refletido na minha tela quando eu clicar no teclado. Mas também direi boca para que você saiba o que a tecla está pressionada. atalhos de teclado são ótimas maneiras de melhorar sua eficiência e fluxo de trabalho é separado dos animadores amadores dos profissionais. Então, se você quiser fazer isso de maneira profissional, certifique-se de usar um atalho de teclado da mesma forma que eu faço. E com a prática, isso se tornará natural e intuitivo. Isso é tudo com o projeto da classe. Depois de instalar o After Effects, falaremos sobre como navegar no After Effects na próxima aula. 3. Painéis: Agora vamos falar sobre o Adobe After Effects. Vamos abrir o After Effects. Esses serão os painéis que veremos primeiro quando você abrir o After Effects Há muitos botões, muitas funções, muitas ferramentas. Mas não se deixe intimidar por isso, porque muitas delas não são necessárias e não usaremos todas elas. Então, nesta aula, vou mostrar como o painel funciona e o que eles são como introdução. Mais tarde, você saberá onde encontrar as ferramentas de que precisa ou os painéis de que precisa. Depois de abrirmos o After Effects, isso é o que já vemos. Redefinir meus efeitos colaterais para a versão padrão. Portanto, o seu deve ser exatamente igual ao meu se você estiver usando o Adobe After Effects em 2020. A versão mais recente, a versão mais recente. Agora, no meio, aqui você pode ver há essa nova composição e a filmagem. Então, esse é o painel de composição aqui. Se eu clicar nele, você pode ver que está destacado na cor azul. Qualquer que seja o painel em que clicarmos, ele será destacado ao redor da borda. Dessa forma, você pode saber em qual painel estamos e quais ferramentas estavam acessando. No momento, estou clicando neste painel de composição. É aqui que a ação ao vivo acontecerá. É aqui que veremos todas as nossas imagens de design, tudo. Essa é uma prévia ao vivo do que estamos fazendo. No lado esquerdo, você pode ver há esse painel de projetos e este é um gerente do nosso projeto. Você pode realmente organizar arquivos, importar arquivos, fazer qualquer coisa. É como uma estrutura de pastas aqui, onde você pode acessar tudo, todos os arquivos do projeto. E no lado esquerdo desse painel do projeto, há outro botão que diz Effect Controls. E isso realmente corresponde ao painel de efeitos e predefinições do lado direito . Depois de adicionarmos um efeito a uma camada, o efeito real será exibido neste Painel de Controle de Efeitos. Digamos que se adicionarmos o efeito de sombra projetada a um texto. E aqui você pode realmente ajustar o valor da sombra projetada, por exemplo, a intensidade da sombra ou a cor da sombra são todos os detalhes da sombra projetada. Você pode acessar aqui e alterar os valores aqui. No topo, você pode ver que há muitas ferramentas aqui. Isso é semelhante a todos os outros softwares da Adobe como Photoshop, Illustrator, InDesign, onde você pode acessar todas essas ferramentas diferentes para realizar tarefas diferentes. E você pode ver agora que apenas um casal está ativo. Todos os outros estão acinzentados porque ainda não tenho nenhum arquivo aberto. Ainda não criei nenhuma nova composição ou novo arquivo. Eu só quero mostrar todos esses painéis primeiro nesta lição para que você saiba onde encontrar coisas. E depois de todas as ferramentas, podemos ir até aqui onde está escrito Render Queue. E vamos clicar no botão ao lado da fila de renderização. Na verdade, esse é nosso cronograma e painel de camadas. Diz nove agora porque eu não tenho nada aberto. No lado esquerdo. Essas serão as camadas em que você terá todos os arquivos abertos e, em seguida, você terá diferentes camadas neste painel aqui. E esses são os cronogramas. Teremos o segundo zero até o que quer que seja, talvez 1 min. É aqui que a animação, o quadro-chave, o trabalho acontecerão. Vamos animar os objetos nesta seção, a linha do tempo e usar as camadas aqui. No lado direito, você pode ver muita coisa acontecendo aqui. Se eu clicar nesse personagem, é aqui que você pode alterar as fontes, qualquer coisa a ver com os fundos dos personagens. E depois há essa biblioteca. Há informações de pré-visualização de áudio. E temos um parágrafo em que você pode alterar as configurações do parágrafo. E depois há esse alinhamento em que você pode alinhar as coisas juntas ou alinhar à esquerda, alinhar à direita, à linha central. Também podemos distribuir camadas. Se você estiver familiarizado com outros softwares da Adobe, temos todos esses recursos no Photoshop ou no Illustrator. Tem esse rastreador. Esses painéis diferentes são pequenas funções que você pode usar no After Effects. E você pode acessá-los clicando em cada um deles. E você pode ver este aqui, esse painel de efeitos e predefinições. Você pode pesquisar muitos efeitos diferentes aqui, digamos Drop Shadow, digamos Drop Shadow, e então você pode escolher o efeito de sombra de traçado. Outra coisa é que você pode realmente organizar esse painel da maneira que quiser. Digamos que se eu clicar nesse botão de configuração aqui e depois ir para a configuração do grupo do painel. E é aqui que nossa configuração está agora, diz grupo de painéis de pilha. Se eu marcar esse grupo de painéis de pilha, o que posso fazer é reorganizar esses painéis. Digamos que o áudio. Se eu não precisar do painel de áudio, basta clicar nessa configuração e fechar o painel, a pré-visualização. Se eu não precisar da visualização, posso clicar na configuração e fechar o painel. Mas depois de abrir a opção do painel de pilha, o que posso fazer é mudar, talvez colocar o painel de parágrafos, clicar nele e arrastar. E então você pode ver que há alguns lugares onde eu posso colocá-lo e colocá-lo aqui embaixo. E dessa forma, posso o painel de parágrafos abrir o painel de parágrafos e o painel de caracteres ao mesmo tempo. E então esse painel de alinhamento, eu posso simplesmente arrastar esse painel de alinhamento, talvez colocá-lo aqui embaixo. E então eu posso organizar o tamanho, apenas arrastá-lo um pouco para cima. E agora você pode ver se eu não preciso do rastreador, eu posso fechá-lo. The Content Aware, eu não preciso de um conjunto fechado, da biblioteca, eu não preciso dela. Feche-o e, em seguida, as informações, não preciso fechá-las. Então, agora eu tenho quatro painéis abertos. Eu tenho o painel de caracteres, o painel de parágrafos, aquele painel de alinhamento e, em seguida, os efeitos e predefinições. Esses quatro painéis. Eu abri na mesma hora. É muito acessível. O que quer que eu faça, o que eu precise, eu posso ir aqui e fazer qualquer coisa imediatamente. Com base no que você precisa em seu projeto. Você pode abrir determinados painéis e mantê-los lá o tempo todo para poder acessá-los com muita facilidade. Você não precisa clicar nele e procurá-lo. Vai ser muito demorado usar suas roupas o tempo todo. Então, esses são apenas os quatro painéis que temos agora. Se formos para a opção de janela, você pode ver no menu suspenso Janela, temos o alinhamento verificado e temos o caractere verificado, temos os efeitos e predefinições verificados e verifique o parágrafo. E, como você pode ver, esses são os quatro painéis que abrimos no lado direito. E também aparece neste menu suspenso do Windows, se você quiser ativar outra coisa, digamos que se eu quiser encontrar o painel de áudio, eu clico no áudio e você pode ver o áudio aparece aqui embaixo. Eu também posso manter isso pressionado um pouco para dar a ele mais espaço. todos esses painéis, posso ajustar o tamanho deles para que fique mais acessível e esteja me ajudando em meu projeto. Vamos voltar para as janelas e podemos ativar todos esses painéis diferentes com base nas nossas necessidades do projeto. E isso é tudo sobre os painéis. Na próxima aula, falaremos brevemente sobre o espaço de trabalho. vejo na próxima. 4. Espaço de trabalho: Nesta aula, vamos falar sobre trabalho. O que é espaço de trabalho? Se navegarmos até a parte superior dos painéis aqui, você pode ver há esse espaço de trabalho padrão. E depois há padrões de aprendizado, biblioteca de tela pequena. E se você for até as setas do lado direito, há todos esses diferentes espaços de trabalho. A configuração do Adobe After Effects, o que ele faz é, na verdade, salvar os layouts em uma área de trabalho específica para que você possa acessá-los facilmente. Digamos que se eu quiser clicar nesse espaço de trabalho de animação e você puder ver nossas mudanças de layout. E esse layout baseado na Adobe é muito útil quando você está fazendo animação. E isso é chamado de espaço de trabalho de animação. E se eu clicar nos painéis OLED, você pode ver aqui no lado direito, que ele muda novamente. Ele tem todos esses painéis abertos e empilhados uns sobre os outros para que você possa acessar todos esses painéis ao mesmo tempo. E isso é chamado de painel antigo. E se eu voltar para o padrão, vamos clicar no padrão. E você pode ver que esses são os trabalhos originais com os trabalhos originais com os quais configuramos na lição anterior. E voltou para nós novamente. Se eu for até o botão do Windows no topo aqui e eu puder ir para a primeira área de trabalho do menu. Você pode ver todos esses diferentes espaços de trabalho. O que eu posso fazer é, na verdade, uma opção é redefinir o padrão para salvar o layout. Vamos redefinir o padrão para o layout salvo anteriormente, que é o mesmo layout quando abrimos o Adobe After Effects pela primeira vez. Mas também posso salvar como um novo espaço de trabalho. Vamos clicar em salvar como novo espaço de trabalho e chamaremos esse espaço de trabalho de sapatos domésticos ou, como diz Toulon, hong shu. Em seguida, clique em OK. Agora eu tenho esse espaço de trabalho de Hong Shu. E se eu voltar aos padrões e depois acessar o Window Workspace, redefina o padrão para o layout salvo. É o mesmo que acontece quando abrimos o Adobe After Effects pela primeira vez, perdemos nossos quatro painéis e depois recuperamos todos esses painéis originais, que é o que não queremos. Mas se eu clicar neste sapato doméstico e você ver que estamos de volta ao espaço de trabalho exato que queríamos e que configuramos na lição anterior. Se você estiver fazendo um tipo diferente de animação, digamos que se você estiver fazendo animação de personagem, você pode configurar um espaço específico para uma animação de personagem. E você tem os palestrantes de que precisa para a animação de personagens. E mais tarde, se você estiver fazendo um rastreamento de movimento, digamos que eu vá para esse rastreamento de movimento. Eu tenho todos esses painéis abertos. Isso está me ajudando com o rastreamento de movimento. Esse é um rastreador e dessa forma, será mais fácil para mim trabalhar em projetos específicos. Eu posso acessar diferentes espaços de trabalho. E isso é sobre espaço de trabalho. Eu apenas manteria todo esse espaço de trabalho de sapatos por enquanto para o nosso projeto. E também posso editar em qualquer lugar, se não precisar de determinados painéis. E também posso desligar certos painéis quando preciso. Isso é tudo sobre o espaço de trabalho. Agora, na próxima lição, falarei sobre como configurar arquivos do After Effects. 5. Configuração de arquivos AE: Vamos navegar até a seção intermediária , onde diz Nova composição. Clique sobre isso. Agora temos as configurações de composição. Primeiro, temos o nome da composição para mim o tempo todo. Eu sempre nomeio o nome da minha composição para ser a composição principal. E como você pode ver, o que quer que eu digite, essa tecla aparece no canto esquerdo para que, quando eu estou fazendo um atalho, você saiba o que estou fazendo e conheça o atalho de teclado que estou usando, Também tentarei dizer isso em voz alta sempre que usar esses atalhos de teclado, mas você sempre pode voltar a esse canto aqui para ver qual pressionei quando estou fazendo algo. A composição principal será a composição principal do espaço de trabalho, onde vamos animar nossos vídeos. E aí está essa seção predefinida aqui. Se eu clicar no menu suspenso, você poderá ver uma tonelada de predefinições que foram feitas quando você começou. Isso pode ser muito intimidante, mas não seja porque na maioria das vezes você não precisará de tudo isso. Você só precisará de apenas um ou dois desses. E, como você pode ver nas larguras e alturas , está configurado para 1920 por 1080 pixels. Esse é um tamanho de pixel padrão para um vídeo HD de alta definição, e a proporção é considerada de 16 por nove. Esse é o padrão do setor. Sempre que você estiver fazendo algo para transmissão ou para uma tela, os formatos de TV estarão nessa altura e largura. Vai ser 1920 por 1080, e a proporção será de 69. Para histórias do Instagram, a proporção será de nove por 16, que é vertical. E você acabou de trocar esses dois números. A proporção de pixels. Vamos mantê-lo em dois quadrados. Em seguida, a taxa de quadros. Qual é a taxa de quadros? A taxa de quadros é quantos quadros por segundo temos? Nosso vídeo para o padrão de transmissão será 29, 97. Então, se você estiver fazendo alguma coisa para transmitir, pois a TV será 29, 97, esse é o padrão. Mas como estamos fazendo mídias sociais ou como se estivéssemos trabalhando em vídeos on-line. Portanto, isso não importa tanto que possamos escolher. Podemos arredondá-lo e escolher 30 quadros por segundo. E para animação de desenho tradicional, animação tradicional em que você precisa desenhar quadro a quadro. Eles normalmente fazem 24 quadros por segundo. A diferença entre 24 quadros por segundo, 30 quadros por segundo é que quanto mais quadros por segundo, suave será a animação. Em vez de ver 24 quadros em 1 s, você está vendo mais quadros. Você está vendo 30 quadros, que torna a animação mais suave para nós. Vamos tentar fazer 30 quadros por segundo porque é aqui que agora fazemos o desenho ou uma resolução por quadro podemos escolher, essa será a resolução exibida. Podemos escolher completo, meio, terceiro trimestre ou personalizado. Se você tiver um arquivo muito grande e ele diminuir a velocidade do seu computador. Se você colocá-la na resolução máxima, você pode realmente reduzir a resolução de visualização para que, quando estiver realmente trabalhando na animação, computador não diminua muito a velocidade. Por enquanto, vamos mantê-lo em resolução total. E aqui está um código de tempo. Timecode. Podemos deixar assim. E por mais tempo, nossa animação durará cerca de dez segundos. Mas, por enquanto, vamos fazer 15 s. Apenas certifique-se de que temos tempo suficiente para fazer toda a animação. E então você também pode escolher a cor de fundo. Você pode optar por ler os pretos, os brancos, por enquanto, vamos mantê-lo preto. Depois de passarmos por tudo. Agora temos em 1920 por 1080 vídeos HD em pixels quadrados, a taxa de quadros de 30 quadros por segundo, resolução total. E então o vídeo será, a linha do tempo será de 15 segundos. A cor de fundo é preta. Vamos clicar em, Ok. Agora você pode ver nossa composição principal aqui. Já está configurado e temos uma linha do tempo que vai de 0 s a 15 s. Aqui no timecode. Se arrastarmos esse indicador da linha do tempo, você pode ver quando estou em um segundo, ele mostra exatamente 1 s aqui. E isso, não é só 1 s, é também o 30º quadro. Se eu mantiver pressionado o Command, clique aqui. Isso vai me dar um cronograma baseado em certos quadros. Então, agora estamos às quintas, quintas-feiras, e então, se continuarmos, podemos animar com base no quadro me pré-forme. Eu sempre animo com base na linha do tempo. Então segure Command no Mac, Control em um PC e clique nele novamente. Vai voltar ao segundo, aos homens e à linha do tempo. Se voltarmos ao painel do projeto, você pode ver dentro do projeto que temos apenas essa configuração de composição principal. Esse é o espaço de trabalho da nossa animação. E isso é tudo sobre como criar um arquivo no Adobe After Effects. 6. Importar e mover em torno: Agora que temos nosso arquivo e composição configurados, vamos importar nossa arte. Para importar a arte, podemos acessar o painel Projeto no lado esquerdo aqui e clicar com o botão direito do mouse em Importar arquivo. Vamos navegar até nosso storyboard. Este é o storyboard que criamos para a classe. E na parte inferior aqui, vamos para Composition Retain Layer Sizes. Portanto, isso manterá a camada dentro do arquivo do Illustrator do mesmo tamanho que foi criada no Illustrator. Certifique-se de não verificar essa sequência EPS do Illustrator CC ou PDF. Porque se você verificar este você terá muitos problemas mais tarde. Certifique-se de que este esteja marcado, nada está marcado. Já temos a composição, então você não precisa criar uma nova composição agora. Apenas certifique-se de clicar nessa composição, manter os tamanhos das camadas e clicar em Abrir. Agora você pode ver no painel do projeto que temos nossa composição de storyboard STB e, em seguida, temos uma pasta que diz camadas de storyboard. Dentro da pasta, temos todas essas camadas diferentes que temos no Illustrator. Eles estão todos divididos como ilustradores, então podemos animá-los individualmente. É assim que você importa o arquivo. Outra forma de importá-lo é clicar duas vezes no painel do projeto, basta clicar duas vezes aqui, no espaço vazio e, em seguida , abrir a janela. E você pode fazer a mesma coisa, ir para o storyboard e depois ir para a Composição. Mantenha os tamanhos das camadas, certifique-se de não clicar nesta e depois em Abrir, pois eu já a tenho aberta. Então, eu vou cancelar neste momento. Depois de ter a arte importante, quero organizar um pouco essa camada para criar algumas pastas dentro do painel do projeto para me ajudar a organizar o espaço aqui. Então, vamos criar uma nova pasta aqui. E vamos criar uma pasta de pré-composições que será necessária na lição futura. Agora, vamos criar uma saída. Agora vamos criar uma pasta de músicas que hospedará nossas músicas. E então vamos criar uma composição de renderização. Portanto, a composição de renderização será nossa composição principal. Vamos colocar a composição principal na composição de renderização, esse será o principal espaço de trabalho. E depois de terminarmos tudo, vamos renderizar essa composição. E a pré-composição será a pequena pré-composição que vamos criar. As pré-composições hospedarão a pequena pré-composição que criaremos quando organizarmos nossas camadas na lição futura. E o último que eu quero usar como ativo. Para a pasta de ativos. Vamos simplesmente colocar essas camadas do storyboard na pasta de ativos. Agora você pode ver que eu tenho todos esses ativos diferentes nessa pasta de ativos. E nesse roteiro, podemos entrar na pré-competição. E para expandir tudo. Você pode ver que eu tenho a composição de renderização. Esta é a nossa composição principal, onde trabalharemos na animação e depois no storyboard. Isso é uma pré-composição. Temos músicas, não as importamos e depois temos ativos, e depois temos ativos, que têm todas essas camadas de arquivos do Illustrator. Outra forma que eu quero fazer a saída 00, traço sublinhado. Vou colocar zeros, zero e sua pontuação para que essa composição de renderização esteja sempre no topo. Qualquer que seja a pasta extra oito, essa composição de renderização estará sempre no topo. E eu sabia que esse seria o meu trabalho e que será renderizado depois que eu terminar de animar. É assim que organizaremos nosso painel de projetos. Depois de organizá-lo, vamos para a pré-competição. Vamos clicar duas vezes nesse STB. Essa é a composição que tem todas as nossas camadas. Vamos copiar todos esses comandos a, selecionar tudo o comando C, copiar e depois voltar para a composição principal. Vou colar tudo aqui, comando V. E, como você pode ver essa arte aqui, se eu desmarcar, ela aparece exatamente como criamos no Illustrator. O que significa que todas essas camadas estão na ordem correta. Digamos que se eu tiver a última camada, que são os planos de fundo, totalmente no topo. Porque coloque a última camada, basta arrastá-la para cima. Você pode ver que a camada de fundo está cobrindo tudo embaixo dela. É exatamente assim que a ordem das camadas funciona, da mesma forma que o Photoshop. Qualquer camada que você tenha na parte superior cobrirá tudo abaixo dela. Como você pode ver, a primeira camada que temos é o fundo, que é a camada azul. A cor sólida está cobrindo tudo embaixo dela. Se eu desativar esse ícone aqui, posso ocultá-lo. Depois de escondê-lo, você pode ver que tudo embaixo ainda está na ordem correta. É só marcar esse ícone novamente e, em seguida, colocar essa camada, arrastá-la até a parte inferior, até o local correto. Agora está tudo em ordem. No momento, estamos selecionando tudo com a ferramenta de seleção, que é a primeira ferramenta que você precisa, é uma ferramenta de seleção. Você pode selecionar tudo dentro dessa composição. Acabei de pressionar o Comando Z para voltar à última etapa. Se eu acidentalmente mudei a posição do fundo, eu posso apertar o Comando Z, que é desfazer, vai voltar ao último estágio da composição para que eu possa desfazer o que fiz. Só para voltar atrás, o comando Z é um ótimo atalho. Vamos usá-lo 1 milhão de vezes no curso. Sempre que cometemos algo errado, podemos desfazer o Comando Z e voltar. Como você pode ver, depois a ferramenta de seleção, posso clicar nesses pequenos elementos dentro da cena para selecioná-los e movê-los. Mas você pode ver que, quando eu os movo, a tela fica embaçada e diz resolução adaptável no canto superior direito. Para desligá-lo. Antes de fazermos isso, preciso garantir que as estrelas voltem ao seu lugar original. Basta comandar Z, comandar Z duas vezes para que eles voltem ao design original. E então, para desativar a resolução adaptável, vamos até o botão aqui, pré-visualizar rapidamente e depois desligar. Quando desligamos essas coisas, quando clico nessas coisas e as arrasto, você não vê mais a tela ficar embaçada. Isso mostrará a resolução final. E a qualidade é sempre boa. Se seu computador estiver mais lento, você sempre pode acessar aqui e alterar a resolução de visualização para talvez a metade. Se eu mudar para a metade, você pode ver que fica um pouco embaçado. E então, se o seu computador estiver ainda mais lento, você pode alterá-lo para trimestre, mas se você usar trimestre, é um pouco difícil de ver. Então, para mim, eu sempre tentaria usar a resolução total para a visualização sempre que possível. Se meu computador agora está me dando dificuldades, estou apenas mantendo-o na visualização em resolução total. Eu posso clicar na camada. E depois que eu clicar na camada no painel de camadas, isso selecionará a única camada em que cliquei no painel de camadas. E vamos encontrar esse rolo de demonstração. Se eu clicar nessa camada de bobina de demonstração, você poderá ver essa camada. Esse é o limite da camada. Se eu aumentar o zoom e usar a barra de espaço para navegar. Se eu mantiver pressionada a barra de espaço, posso arrastar esse painel aqui e movê-lo. Ou eu posso começar o sinal de mais, ampliar e depois Command sinal de menos, diminuir o zoom. No momento, eu só quero ampliar este rolo de demonstração, Command Plus Command Plus e, em Command Plus Command Plus e seguida, manter pressionada a barra de espaço e arrastá-la para baixo. Este é meu rolo de demonstração. Você pode ver quando eu clico nela, ela tem um limite da camada. Isso significa que o tamanho dessa camada de bobina de demonstração é o mesmo desta página. Você pode ver o limite. Não está ocupando todo o quadro de arte. E cada uma dessas letras tem um limite menor. Você pode ver que é do mesmo tamanho, quase como uma letra. E então esses pequenos círculos, o limite desses pequenos círculos, tem exatamente o mesmo tamanho do pequeno círculo. Com a ferramenta de seleção selecionada. Posso clicar nele e arrastá-lo para qualquer lugar que eu quiser. Arraste os leads para qualquer lugar que eu quiser e faça bagunça onde eu quiser. Eu sempre posso comandar Z. Comando Z para voltar. Sim, e é assim que navegamos pelo painel de camadas e também pela visualização ao vivo. 7. Organização: Nesta aula, vamos falar sobre como organizar o painel de camadas e também como fazer pré-composição. Vamos até o painel Layers aqui, podemos ver todas essas camadas diferentes que foram importadas do ilustrador. Eu tenho esse primeiro que diz Motion Graphics 2022. Esta é minha mensagem aqui. Então, do jeito que eu quero organizar isso, quero que você o rotule por cores e também coloque os mesmos elementos na mesma composição. Vamos passar por isso de cima para baixo. Certo. Agora, eu tenho esse texto aqui. Eu posso mudar a cor da etiqueta na frente aqui, clicar nela e talvez alterá-la para vermelho. Então, este tem uma etiqueta vermelha. O círculo superior aqui pertence a esta seção superior. E então a base pertence para ouvir esse grupo trivial. Agora, o que eu quero fazer é encontrar essa alça aqui. Clique nessa camada de alça e , em seguida, mantenha pressionada a tecla Shift no teclado. Selecione todas essas outras camadas. Se eu descer, também posso ver essas três camadas selecionadas. Eu só quero movê-los todos juntos. Basta arrastar um deles e então você vê essa linha azul aqui. Eu quero colocar os quatro abaixo desse círculo superior. Se eu soltá-lo, você pode ver essas quatro camadas unidas. Depois de selecionar essas quatro camadas, quero criar uma composição que hospede todas essas quatro camadas. A composição é como uma pasta em que você tem diferentes camadas em uma composição. A maneira de fazer isso é usar o atalho de teclado Command Shift C. Depois de selecionar essas quatro camadas, coloco o comando Shift C e, em seguida, ele abre a janela de pré-composição. Vamos dar um nome a essa alça. Clique. Ok, agora eu tenho uma composição criada. Se eu for ao painel Projeto aqui, você pode ver essa composição de alça é criada aqui embaixo da composição de renderização, que não está correto. Preciso mover isso para as pré-composições. E agora temos essa pré-composição na pasta de pré-composições. Essa é a nossa alça. Isso é bom. E a próxima coisa que eu quero encontrar todos esses pequenos pontos aqui. Uma maneira é simplesmente clicar no primeiro que está na parte superior e, em seguida, manter pressionada a tecla Shift, clicar na última. Você pode ver que todos esses pequenos pontos estão selecionados. Também quero separar os pontos superiores dos inferiores. Então, preciso descobrir quais são os superiores e quais são os inferiores. Estou apenas tentando clicar em tudo isso. Parece 27. Essa camada 27 aqui que diz que a camada 27 é a primeira na parte inferior. Então, vou tentar selecionar os 27 até o topo aqui. Agora eu só estou perdendo essa do meio. Basta manter pressionada a tecla Shift e clicar em, tente clicar neste. Isso não funciona. Bem. Acabei de criar uma composição de riacho com tudo isso e, em seguida, encontrar essa, colocá-la na composição que eu criei. Depois de selecionar todos esses pontos Command Shift C. Vamos chamá-lo de ponto um na base. Então, como pontos, uma base. Limpe agora, tudo bem. Agora eu tenho as estrelas. Então preciso encontrar esse do meio aqui. último é o do meio aqui. Comande X, recorte e clique duas vezes nessa composição e, em seguida, comando V, cole-a. Agora eu tenho todos esses pontos dentro dessa composição. Vamos voltar para a competição principal. Eu posso segurar esses mini fluxogramas , depois segurá-lo e depois voltar para a composição principal. Se eu alternar entre esse ícone aqui, você pode ver que eu posso mostrar e ocultar todos esses pontos. E eu também quero colocar esses textos de gráficos em movimento de 2022 nesta composição. Então eu vou para o Comando X, cortá-lo e entrar aqui, copiar. Esta é a minha fronteira aqui. Volte para a composição principal. Agora eu quero fazer um PreComp com todos os pequenos pontos no topo. Então, a mesma coisa. O Command Shift C aponta para o topo. Isso é bom. Agora temos o rolo de demonstração aqui. Estas são as letras do meu nome e esses são o retângulo cinza abaixo da letra. Essa é uma base preta. Então, o que eu quero fazer é agrupar essa base completamente com tudo. Então, eu quero tentar encontrar todas essas camadas. Tem a base azul, não a estrela, não o topo. Sim, algo assim. Se eu fizer o comando shift C, essa é uma alternância básica entre o ícone do olho. Você pode ver que eu selecionei tudo, exceto as letras e também os pontos. Eu posso agrupar todas essas letras, que é meu nome, Command Shift C, home shu. Ok. Agora eu tenho uma pré-competição nomeada. Eu tenho uma pré-compensação básica. Eu tenho os pontos aqui e depois tenho os pontos no topo. Eu também preciso agrupar os melhores. Então, preciso encontrar a camada correta, superior. Essas são as camadas superiores. E depois o círculo superior. Você pode realmente manter pressionado o comando para selecionar o que você deseja. Digamos que se eu selecionei esses três e, em seguida, estou pressionando o comando e há um como este para que eu tenha selecionado quatro camadas do comando Shift C. Este será o clique superior. Ok. Eu só preciso colocar a parte superior embaixo dessa aqui. Então, a base está, na verdade, cobrindo a parte superior. Porque se eu tiver a parte superior em cima da camada base, composição base, vou mostrar essa borda. Isso vai mostrar essa vantagem, que é o que eu não quero. Você só precisa colocá-lo lá embaixo. Eu tenho essa estrela aqui. Eu posso mudar para a cor amarela. Eu tenho duas partidas. Então, as duas estrelas serão da cor amarela. A linha de três portfólios. Vai ser mudado para aqua. E então eu tenho uma linha aqui. Pode alterá-lo para a cor azul e a grade e a cor de fundo. Vou agrupar esses dois juntos em um novo comando de composição Shift C. Nomeie como plano de fundo. Uma coisa que esquecemos depois de trabalharmos em tudo, esquecemos de salvar o arquivo. Portanto, certifique-se de salvar o arquivo à medida que avança para não perder nada. Basta ir para Arquivo e , em seguida, podemos fazer um Salvar como para navegar até a camada. Eu posso mudar isso para Animação. Vamos fazer uma animação de introdução e clicar em Salvar. Agora eu tenho o arquivo salvo e também preciso voltar ao painel do projeto e me certificar de mover todas essas pré-composições a pasta de pré-composições. Sim. Agora, eu tenho muitas pré-composições na pasta de pré-composições. E ainda uma composição principal na pasta render comp. É assim que organizamos as camadas. Agora, se eu alternar entre esses ícones, você pode ver que agrupamos todas essas coisas. Posteriormente, poderemos facilmente animá-los individualmente. É isso nesta lição sobre como organizar o painel de camadas e também como fazer a pré-composição. E na próxima aula, podemos começar a animar o plano de fundo. 8. Propriedades básicas: Nesta aula, vamos começar animando os planos de fundo. Para começar, podemos primeiro esconder tudo em cima do plano de fundo para que isso não nos distraia. Vamos até o painel Layers aqui. Não precisamos da alça, não precisamos de nada em cima do plano de fundo. Então, depois de selecionar todas essas camadas na parte superior, posso alternar esse ícone aqui e desligá-lo. E agora só temos o plano de fundo e também essa linha aqui na parte de trás e também o texto do portfólio. Primeiro, para começar com algo simples, vamos começar a animar a propriedade de posição do texto do portfólio. Para começar a animação, podemos clicar no primeiro portfólio, que é o último, camada 12 aqui. Vamos clicar neste menu suspenso aqui e, em seguida, clicar nessa transformação de seta. Existem basicamente quatro valores básicos diferentes que você pode animar dentro da camada. O primeiro será posicionado e depois sua escala, que controla o tamanho da camada e também dos objetos. Nós temos a rotação. Então temos a opacidade, que é a transparência. Vai de 0% a 100 por cento, pois a posição é muito fácil de entender. No momento, eu tenho a ferramenta de seleção selecionada. E então, se eu arrastar a posição dessa camada, você pode ver que o valor da posição está mudando. Então é assim que mudamos a posição. Vamos voltar ao comando Z. Se quisermos mudar a escala, partir de agora é 100 por cento, podemos mudar a escala para mais de 100 por cento, que vai ampliar o objeto, vai tornar o objeto maior. Eu posso mudar isso para 200 por cento. Então, isso fará com que o texto seja de 200 por cento. Vamos voltar aos 100 por cento. E então, se tivermos a rotação, quando mudamos o valor da rotação, mudamos para um certo grau, como 25 graus. Este objeto vai girar a partir do centro desse ponto de ancoragem aqui, onde está o ponto de ancoragem, ele vai girar 25 graus. Se eu colocar -25, menos 25 girará para o outro lado, 25 graus. Então é assim que giramos os objetos. Uma coisa que preciso ressaltar é que sempre que mudamos a posição, a escala e a rotação, sempre há um ponto base baseado nesse ponto de ancoragem no centro. Se eu aumentar o zoom, você pode ver esse ponto de ancoragem aqui. Se você não vê esse ponto de ancoragem, isso pode significar que o ponto de ancoragem não está no centro. Você pode diminuir o zoom e ver onde o ponto de ancoragem está ao redor da sua prancheta. Outra forma de centralizar o ponto de ancoragem é clicar botão direito do mouse e ir para Transformar ponto de ancoragem central no conteúdo da camada. Dessa forma, colocará volta seu ponto de ancoragem no centro da camada. No momento, na barra de ferramentas superior há uma caneta atrás da ferramenta. Este é o ponto de ancoragem para, essencialmente, quando você quiser alterar a posição do ponto de ancoragem, você precisa selecionar essa ferramenta, clicar nela e, em seguida, arrastar o ponto de ancoragem para um local onde você gostaria que ele estivesse. Digamos que se eu tiver o ponto de ancoragem na parte inferior aqui, então quando eu mudo a rotação, você pode ver que a rotação agora está baseada nesse ponto de ancoragem na parte inferior, abaixo do texto, não está no centro não mais. Então, agora, o texto está girando em torno dos pontos de ancoragem. Se eu alterar a propriedade de escala, você pode ver que o texto também está dimensionado com base nos pontos de ancoragem abaixo daqui. Esse ponto de ancoragem é o ponto em que escala de posição e o valor de rotação se baseiam. Normalmente, teríamos o ponto de ancoragem no centro da camada. Portanto, precisamos clicar com o botão direito do mouse e ir para Transformar ponto de ancoragem central no conteúdo da camada. Agora você pode ver que esse ponto de ancoragem está centralizado, mas ainda precisamos voltar ao estado original. Então eu preciso comandar Z, comandar Z. Certifique-se de que esse portfólio seja direto. Assim. Este é o nosso estado original. Já temos o ponto de ancoragem no centro. Então esse é o poder do ponto de ancoragem. Depois de terminar de usar a ferramenta de caneta por trás, a ferramenta de ponto de ancoragem, você deve voltar para a ferramenta de seleção, certifique-se de que o cursor do mouse esteja sempre na ferramenta de seleção. Dessa forma, você pode navegar pela área, espaço de trabalho. Não vai estragar tudo. Agora que temos isso, eu já expliquei a escala de posição e a rotação para você. E você pode ver esse valor de ponto de ancoragem aqui. Também podemos alterar a posição dos pontos de ancoragem alterando o valor aqui. Há algumas maneiras diferentes de mudar isso. Essa é uma maneira, mas também vai bagunçar as coisas. Então, normalmente, manteríamos o ponto de ancoragem no centro da composição. A última propriedade básica que podemos animar é que a capacidade agora está em 100 por cento. Podemos mudar a opacidade para, digamos, 40 por cento. Então, toda a camada fica um pouco transparente. E então, se eu mudar para zero por cento, ele será desligado. Se eu mudar para dez por cento. Você pode ver um pouco, mas não muito. E eu posso simplesmente ativá-la até 100 por cento, o que torna essa camada completamente visível sem qualquer transparência. Então, essas são as quatro propriedades básicas diferentes que podemos animar no Adobe After Effects. No próximo vídeo, mostrarei como animar essas propriedades. 9. POSIÇÃO: Nesta aula, vamos começar animando esse texto de portfólio dentro da composição. Vamos identificar o primeiro. Esta é a primeira camada, 12 é o primeiro portfólio superior. E vamos descer até a transformação e depois ir para a posição de animar qualquer coisa no After Effects. Essa regra importante é que você precisa animar para trás porque agora na tela você pode ver que meu portfólio está todo em posição. E esse é o estado final da minha animação, o que significa que eu quero que minha animação seja assim no final, não no começo. No começo. Não quero nada na tela. Eu quero qualquer coisa. Eu quero que eles saiam da corda voando e finalmente parem lá assim. Então, o que eu preciso fazer é que eu quero, digamos, vamos para agora, estou em zero segundo com meu indicador de cronograma. Eu quero avançar talvez dez quadros. Command Shift seta para a direita São dez quadros, agora você pode ver aqui o timecode dez quadros, dez quadros à frente. Eu quero definir um quadro-chave. Para definir um quadro-chave, basta acessar a propriedade position. Clique no cronômetro aqui. Agora, ele vai adicionar um ponto que é estado final dessa camada. Então, no 10º quadro, essa é uma posição que eu preciso e depois voltar para 0 s. Agora, o que posso fazer é arrastar essa camada. No momento, estou pressionando a tecla Shift para ter certeza que não está se movendo para cima e para baixo. Vai direto para a esquerda. Estou apenas mudando a posição x da camada. Então, agora, depois de arrastar essa posição para fora da composição, há um quadro-chave que é definido automaticamente. Eu mesmo não adicionei outro quadro-chave depois de arrastá-lo Vamos ver, vamos voltar. Você pode ver aqui na linha do tempo, quando clico nele e arrasto de volta, há um quadro-chave configurado automaticamente, que significa que a 0 s, minha camada está totalmente externa. E então dezenas emolduram, minha camada está dentro. Vamos reproduzir a animação. Mantenha pressionada a barra de espaço. Essencialmente, esta é uma animação em que a camada vai da esquerda para a direita. Essa é a animação que obtivemos. E agora nós animamos apenas uma posição, que é a exposição. E então há uma mudança de valor de menos 909 para 978 positivo. Essa é a única mudança que temos, a mudança de posição. E isso é chamado de animação. No entanto, isso é muito chato porque não há mais nada nisso. Para ser um animador profissional, você não só precisa saber como configurar os quadros-chave, eles serão o quadro-chave linear, que significa que não há interpolação. Tudo está se movendo de forma linear. A mesma velocidade, tem a mesma velocidade, é muito chata. Bem, o que precisamos fazer como animadores profissionais aprender a usar o quadro-chave e como adicionar movimento realista à animação. Não quero me aprofundar tanto em como fazer da animação uma obra-prima. Ou há outro curso meu, dedicado a como usar o editor gráfico e os princípios de animação para dar vida à sua animação. Você pode conferir minha outra aula, mas esta é uma aula para iniciantes. Quero manter tudo simples. Então, agora, vamos fazer uma atenuação muito simples nesses dois quadros-chave. O que eu preciso fazer é selecionar os dois quadros-chave, clicar com o botão direito do mouse e minha camada está do lado de fora, então preciso arrastá-la para cima. Eu só quero que você veja o que está acontecendo. Então, eu só preciso clicar nessas duas camadas. Clique com o botão direito em Keyframe Assistant e escolha Easy Ease Depois de escolher a facilidade fácil, você pode ver esses dois quadros-chave mudarem de forma. Então, se eu selecionar os dois, ative o editor gráfico, ajuste o gráfico para visualizar. Clique neste ícone aqui. Você pode ver que temos uma propriedade de posição da curva S, com o botão direito do mouse e clique nas dimensões separadas. Agora eu tenho a posição x e a posição y separadas. A posição Y é o eixo vertical para cima e para baixo. E a exposição é eixo horizontal, esquerdo e direito, agora só temos valor à esquerda e à direita. Não temos nenhuma mudança de valor para cima e para baixo. Então eu posso desligar essa posição Y. Basta clicar no cronômetro, desligar a posição Y, ir para a exposição. Agora, o que podemos fazer é adicionar um pouco de atenuação, arrastar essa curva, torná-la uma curva S. Então, o que isso faz é Vamos ver a animação. Você pode ver que há um pouco mais de facilidade nisso. E a animação vai do início lento para depois mais rápido. E então, quando para, ele para lentamente. Há uma mudança de velocidade na animação que tínhamos antes. Dessa forma, você pode adicionar um pouco mais de energia a toda a animação. Outra coisa que podemos fazer agora é voltar à linha do tempo aqui. Como eu já tenho esse último quadro-chave definido no 10º quadro. Posso arrastar esse ponto-chave para 12344 quadros para frente e depois adicionar outro quadro-chave aqui. Quero que essa animação supere um pouco. Ou seja, quando chegou ao fim, ele passa e depois volta novamente. Você pode ver que esta é a minha animação, começar da esquerda para a direita, e então ela vai até a direita e depois volta para a esquerda. Se eu selecionar os três quadros-chave, vá para o Editor de gráfico. Este é um gráfico de cumprimentos. Então, tudo o que precisamos fazer é adicionar um pouco de superação, ok, é só isso. Apenas três quadros-chave. Vamos ver como está a animação agora. Veja que há essa ultrapassagem que vai muito para a direita e depois recua de volta para a esquerda. Depois de adicionar isso, você dará à nossa animação mais energia e mais vida. Então essa é a sensação que estou tentando criar. E esta é minha primeira animação. Essa é a animação na posição. Depois de ter essa animação de posição, tudo o que preciso fazer é copiar o comando C dos três quadros-chave e depois ir para o último. Certifique-se de que seu indicador da linha do tempo esteja totalmente em 0 s. E eu posso abrir a propriedade da posição, clicar na seta e clicar na transformação. Uma coisa importante é que, quando colamos no quadro-chave, precisamos ter certeza de separar a dimensão da propriedade de posição. Vamos até a propriedade position e clique com o botão direito do mouse em Separar Dimensões. Certifique-se de ter a posição y e a exposição separadas. E agora estou apenas copiando a exposição. Clique duas vezes na exposição Command C e depois vá para esta camada Command V. Agora eu tenho o valor da exposição copiado para essa nova camada, mas a posição y permanece a mesma. Se eu reproduzir a animação, você pode ver essas duas camadas entrando ao mesmo tempo. E ele salta um pouco no final quando assenta. Isso é muito bom. A última coisa que eu quero fazer é trabalhar nesta camada intermediária aqui, a tecla curta para animação de posição é se você pagar P no teclado, vai te mostrar a propriedade de posição imediatamente. Se você pressionar T no teclado, vai te mostrar opacidade, que significa transparência. E então, se você colocar S será escala, e então se você colocar r será uma rotação. Eles são muito simples de entender, apenas a primeira letra dessa palavra dessa propriedade. Então, eu quero pressionar P no teclado para abrir a posição e clicar com o botão direito em Separar Dimensões. Agora, eu não quero mais que essa linha vá da esquerda para a direita. Eu quero que essa linha volte a sair dos direitos. Uma maneira de fazer isso é copiando. Certifique-se de clicar duas vezes na exposição e, em seguida, no Comando C, copiar os quadros-chave. Vá para este valor de exposição desta camada Comando V. Agora eu tenho todas as três camadas executando a mesma coisa. No entanto, quero mudar a animação dessa segunda camada para ir da direita para a esquerda, tudo o que preciso fazer é mudar o ponto de partida dessa animação totalmente para a direita. Eu preciso arrastar a partir de zero segundo. Eu quero que ele venha pela direita. E então, quando ele recua, quando ultrapassar, eu quero que ele ultrapasse um pouco à esquerda. E então, quando assentar, vai se estabelecer na posição intermediária. Vamos ver como é a animação. Vamos ver o editor gráfico. Vá para o Editor de Gráficos e sobre isso, sim, então, o gráfico é semelhante ao que temos. Se eu pressionar o Comando T para exibir as três exposições, você pode ver que é quase simétrico. Isso significa que estou tendo uma animação similar entre as três camadas diferentes. Vamos reproduzir a animação aqui. Vê isso? Então essa é a primeira animação quero ensinar nesta lição, só conseguimos animar a propriedade position. Nós apenas animamos a exposição e usamos três quadros-chave, cada camada para obter os efeitos que temos agora, o que parece muito bom. E isso é tudo para esta aula. Na próxima aula, mostrarei como animar a opacidade nessas três camadas. 10. opacidade: Nesta aula, vamos adicionar um pouco mais de variedade à nossa animação e animar a mudança de opacidade das três camadas diferentes. Na última aula, se eu selecionar as três camadas diferentes, pressionar U no teclado, vai me mostrar todos os quadros-chave como animados. Há apenas três quadros-chave em cada camada que controlam a posição x da camada. E essa é a animação que obtivemos. Em seguida, o que eu quero fazer é animar a mudança de opacidade dessas camadas. Vamos para a primeira camada. A primeira camada superior é, na verdade, a 12ª camada. Vamos mostrar a opacidade. Se você pressionar T no teclado, vai te mostrar a opacidade. No entanto, quero mencionar tanto a opacidade quanto a exposição. Então, o que eu preciso fazer é, se eu clicar U, vai me mostrar qualquer coisa que mudou. E então, uma vez pressionada tecla Shift, pressione Shift R para manter a exposição e me mostrar a propriedade de rotação. Depois de animá-los, o que eu quero fazer é que eles pisquem um pouco. Então, digamos que se eu tiver a opacidade, definir um quadro-chave em opacidade começará a partir do 10º quadro. A opacidade é de 100 por cento. Vamos avançar dez quadros. Então eu quero definir a opacidade para talvez 20 por cento. Talvez seja muito baixo. 50% diz respeito de 100 por cento a 50 por cento desaparecendo lentamente. Talvez, você sabe o que, eu queira fazer 30% de 130. E então, se eu quiser avançar dez quadros novamente, eu queria ir para 80 por cento. Então, o que eu quero fazer é que essa camada de opacidade oscile entre 30% e 80 por cento. Eu quero que você faça é copiar esses dois quadros-chave. Avance dez quadros. Command Shift, seta para a direita, avance dez quadros. Novamente, é o Comando V. Agora temos exatamente o mesmo quadro-chave dos dois anteriores. Ele vai de 30% a 80% a 30% a 80 por cento. E essa é minha animação cintilante. Se eu jogar isso, você pode ver que os textos do meu portfólio estão realmente piscando e podem ser muito rápidos. Eu sinto que é muito rápido. Então, o que eu preciso fazer é arrastar os cinco quadros-chave. Depois de selecionar todos os cinco e manter pressionada a tecla Option no Mac, Alt no PC, arraste a última. Então, isso vai espaçá-los proporcionalmente. Digamos que se eu arrastar para 3 s, vamos jogar isso. Sim, isso parece melhor para mim. Agora. Eu tenho uma animação de três segundos que está piscando. Eu só quero copiar esses quatro quadros-chave, colá-los novamente, só para ter certeza de que tenho uma animação uniforme e oscilante. Eu continuo copiando os quadros-chave que tenho. Portanto, o imposto está sempre oscilando. Veja que se eu jogar, isso vai continuar piscando até quase 14 s. E esse é o efeito que eu quero. Por meio de copiar e colar, podemos piscar esse texto de 30% de opacidade até 80%. E então ele vai vem do Flickr, 30-80% de opacidade. Esse é o fato que conseguimos copiando esses quadros-chave. Depois de ter isso, preciso selecionar todos esses quadros-chave. Comando C, copie. E então eu quero aplicar a essas duas camadas. Certifique-se de que o primeiro quadro-chave aqui esteja todo alinhado. Caso contrário, eles piscarão em um ritmo diferente. Na verdade, queremos que eles pisquem em um ritmo diferente, mas também queremos fazer isso de forma controlada. Por enquanto, vou apenas copiar os quadros-chave de opacidade para essas duas camadas. Comando V cole. E então, se eu bater em você, você pode ver que todas essas três camadas têm exatamente os mesmos quadros-chave de opacidade. Se eu jogar com eles, você pode ver que eles estão todos piscando com a mesma velocidade, no mesmo ritmo. Vamos salvar o projeto e depois S. Isso é tudo sobre a animação de opacidade. Na próxima aula, mostrarei como animar a propriedade de escala desses textos. 11. Escala: Nesta aula, vamos animar a propriedade de escala desses textos de fundo para dar mais variedade à nossa animação. Na última aula, já animamos a exposição e a opacidade, e essa é a aparência que estamos recebendo. Agora, o que precisamos fazer é animar a propriedade de escala. Vamos primeiro para a do meio , desta vez. Certifique-se de que os estamos vendo na tela aqui. E vamos trazer à tona a propriedade da escala. Mantenha pressionada a tecla Shift e, em seguida, pressione S. Temos uma escala aqui. Para propriedades de escala, o que eu quero fazer é agora, se eu mudar a escala, digamos que 125% vai escalar proporcionalmente a coisa toda. E agora é isso que eu quero. O que eu quero fazer, Comando Z, voltar atrás, é escalar desproporcionalmente apenas as alturas do texto. Para fazer isso, preciso desvincular essa propriedade de restrição. Preciso desvincular isso para que as escalas x e y não estejam conectadas para que eu possa alterar individualmente uma delas. E, como você pode ver, se eu alterar esse valor x da propriedade de escala, vou esticar ou esmagar as coisas. No entanto, o que precisamos fazer é animar o valor y. Para esticá-lo assim. Para cima e para baixo. Assim que tivermos a animação entrar. E eu posso escolher talvez em torno de 1 s, eu quero que esse texto apareça. Então, lembre-se de que falamos sobre o ponto de ancoragem agora. Se eu escalar a propriedade, vai escalar tudo com base no ponto de ancoragem central. E nesse caso, é disso que precisamos. Portanto, certifique-se de definir um quadro-chave aqui de uma vez. Eu posso reduzir a escala. Tudo está 100%. Então, vamos seguir em frente. Talvez Command Shift, seta para a direita, dez quadros e depois vá para outros cinco quadros. Comande a seta direita. Isso é para um quadro e depois dois quadros, três quadros, quatro quadros, cinco quadros. Por aqui. Vamos adicionar um quadro-chave no valor da escala Y. Mudou como algo assim. Arraste-o até o fim. Isso é estranho o suficiente. No entanto, é exatamente isso que estamos procurando. Lembre-se de que fizemos uma revisão da exposição nessa época. Eu também quero superar isso. Então, basicamente, como voltar quatro quadros, talvez Command, Left Arrow, 1234. Eu queria ir muito mais longe e depois voltar. Talvez mais longe, mais assim. Em seguida, precisamos clicar com o botão direito. E então precisamos selecionar os três quadros-chave. Clique com o botão direito nele. Selecione a assistência do quadro-chave. Até o fim. Está fora da minha gravação de tela, mas é um assistente de quadro-chave totalmente inativo. O último no menu. E então escolhemos a facilidade fácil. Facilitamos os quadros-chave. Vamos selecionar os três. Vá para o Editor de gráfico, certifique-se de encaixar tudo no gráfico. E então eu quero arrastar essas curvas para dar mais energia assim. Vamos voltar para a linha do tempo ajustada, pré-visualizar e ver como ela se parece. Se eu isolar essa camada agora, é um pouco perturbador porque tudo está na camada. Eu quero desligar esses dois. Só estou vendo a do meio aqui. Então, eu quero ver como é. Sim, parece muito bom, embora seja um pouco lento. Sinto que preciso selecionar todos os três quadros-chave. Mantenha pressionada a tecla Option no Mac, arraste a última aproxime-as. Sim, isso parece legal. No entanto, talvez eu queira ir ainda mais longe. O que eu quero fazer é adicionar outras ultrapassagens. Digamos que este seja demais. E então, quando ele voltou, eu queria voltar demais. Digamos que agora, a última etapa seja até 84. Então eu quero que isso passe para 84, digamos para 64. E então volta para 84. O que quero dizer é se eu te mostrar o gráfico. Isso é exatamente o que parece. Então, o valor sobe e, em seguida, muita coisa volta para baixo, e depois desce demais. E então ele recua novamente para ir para os estados finais. E você pode ver isso como uma curva de salto. Isso dá um equilíbrio a essa camada, essa animação. Vamos ver como está agora. Sim, isso dá mais energia. Você pode ver que há um equilíbrio. E você pode ver que eu adicionei apenas dois quadros-chave aqui, então isso dá um equilíbrio muito bom aqui. Há muita energia nessa animação agora. Isso é bom. E isso é o que precisamos fazer é animar o primeiro de cima e o de baixo. Eu quero que esse de baixo encolha no eixo y. Vamos mostrar a propriedade de escala, Shift S para exibir a propriedade de escala. E então, certifique-se de clicar neste link aqui para desvincular as escalas x e y. No momento, se eu mudar, você pode ver que está mudando com base no ponto de ancoragem no centro, o que não é o que queremos. Na verdade, queremos escalar a propriedade com base no ponto de ancoragem na parte inferior aqui. Então eu preciso mudar o ponto de ancoragem. E nesse caso, para alterar o ponto de ancoragem, preciso voltar para esses quadros-chave de posição, a exposição, selecionar todos eles e, em seguida, ir para a caneta atrás da ferramenta. Certifique-se de pegar o ponto de ancoragem e, em seguida, mantenha pressionada a tecla Shift, mova-o até a linha de base inferior deste texto. Dessa forma, você não está mudando a animação que já temos. Mas agora você pode ver os pontos de ancoragem, se eu clicar nessa camada já está na linha de base do texto desse portfólio, e a mesma coisa vai para a parte superior. Vamos voltar atrás, colocar o indicador da linha do tempo nessas camadas de exposição. Selecione todos os três e, em seguida certifique-se de pegar os pontos de ancoragem, manter pressionada a tecla Shift e colocá-la totalmente para cima. E agora temos esses dois pontos de ancoragem alterados. Um na parte superior dos textos e depois o outro na parte inferior do texto. Vamos para 1 s. À medida que a escala do texto do meio muda, quero que a parte superior e inferior mudem com ela. Então, eu já tenho a propriedade de escala ativada. E então, para o de cima, para o de baixo, defina um quadro-chave aqui. Em seguida, adicione as últimas datas. Precisamos reduzir o texto. Algo parecido com isso. Mas também certifique-se de que também tenhamos esse pequeno equilíbrio para essa animação de fundo. Preciso voltar à ferramenta de seleção por enquanto. E então o estado final da propriedade de escala é 25. Então, neste momento, preciso alinhar esses quadros-chave juntos. Neste ponto, quero que a escala mude para 15. E então, neste momento, eu queria mudar para 30. Isso lhe dará uma animação de equilíbrio muito boa. Vamos selecionar os quatro quadros-chave. Clique com o botão direito do mouse, vá até o assistente de quadro-chave, o último no menu, e escolha facilidade fácil. Outra forma de alterar esses quatro quadros-chave para facilitar os quadros-chave é manter pressionada a tecla de função no Mac. E então o F9 mudará todos os quatro quadros-chave para o quadro-chave mais fácil. Vamos voltar ao Editor de Gráficos ver como é. Agora, eu também quero arrastar essas alças para ter certeza de que tenho uma curva S suave para dar mais energia à balança. Algo parecido com isso. Vamos voltar. E agora podemos pré-visualizar a animação desta pequena aqui. Sim, você vê que temos uma animação de salto para a camada inferior de lá. Agora já temos essa animação de fundo aqui. Tudo o que precisamos fazer é copiar e colar e garantir que eu selecione os quadros-chave na propriedade de escala Comando C. E , em seguida, preciso mover o indicador da linha do tempo para um segundo. Clique nesta camada superior Comando V. Agora F cole na escala Property Animation e vamos ver como ela se parece. Não quero que os textos intermediários colidam com os impostos mais altos. Então, o que eu preciso fazer é ir até esse quadro aqui e depois ter certeza de torná-lo menor. Altere a porcentagem da propriedade de escala aqui para torná-la menor. E o estado final pode precisar ser ainda menor. Outra coisa que eu quero fazer é talvez mover a posição y. Vamos pressionar Shift P no teclado algumas vezes. Certifique-se de que haja sua posição y , já que algumas subiram um pouco. Então, obtemos um espaçamento uniforme entre essas três linhas. Algo parecido. Pronto, essa pequena animação de salto, é muito divertida. É isso com a forma como animamos a propriedade de escala dessas três camadas de texto. Agora, abordamos todas as três animações básicas de propriedades. Primeiro, falamos sobre a mudança de posição com o portfólio vindo da esquerda para a direita. E então temos a mudança de opacidade. E nesta aula, adicionamos a mudança de escala. A única que faltava para essa animação é a mudança de rotação, que abordaremos nas aulas posteriores para outros elementos. Antes dessas três linhas de texto. Acho que as três mudanças de propriedade são boas o suficiente. E é uma ótima demonstração de como usar essa propriedade básica para animar e dar-lhes energia, dar vida aos seus elementos. Na próxima aula, quero mostrar como escalonar esses quadros-chave para obter uma animação mais complexa. 12. Camadas deslocadas: Nesta aula, deixe-me mostrar como escalonar esses quadros-chave para obter uma animação mais complexa. Já temos a escala de posição e a diferença de opacidade em. Agora, o que precisamos fazer é dar a eles um ritmo diferente para que possamos obter uma animação completamente diferente. Primeiro, o que eu preciso fazer é descobrir quem entra primeiro. Quero que esse portfólio de primeira linha chegue primeiro, que é a camada 12. E então, dentro de um pequeno atraso, talvez dois quadros. Vá. Para dois quadros. Eu quero que o do meio entre. Eu só preciso arrastar essa camada para frente em dois quadros-chave. E então, para mais dois quadros, preciso arrastar essa terceira camada. E agora temos uma animação impressionante. Vamos ver como é. Acho que ainda está muito rápido. Eu preciso de mais atraso entre os três. Talvez dê mais duas molduras. Então, no momento, há quatro quadros separados. A chegada parece boa. Mas então a propriedade da escala fica confusa. Precisamos realinhar isso também. Mas a entrada parece boa. E então temos isso quase como uma onda de efeitos de mudança de opacidade. Então, vamos garantir que nossa escala mude de forma alinhada. Tudo o que precisamos fazer é mover esses quadros-chave para se alinharem uns com os outros. Agora eu tenho três alinhados e depois vamos ver a animação novamente. Sim, quase parece que está piscando. Com a mudança de opacidade. Cintilação. Isso é bom. Se quisermos obter ainda mais efeitos de cintilação, também podemos atrasar os quadros-chave da opacidade. Talvez por alguns quadros, 1234, talvez por quatro quadros. Basta avançar quatro quadros 1234 e depois mover todos esses quadros-chave para cá. Então, no momento, os quadros-chave de opacidade estão separados, separados dos quadros um do outro. Vamos ver como é. Sim, eu gosto mais disso. Então, nesta aula, mostrei como escalonar as camadas separando-as e atrasar a animação para que obtenhamos efeitos surpreendentes. E também escalono o quadro-chave dentro da camada para que eles não sejam animados ao mesmo tempo com a mesma velocidade ou o mesmo ritmo. Então, obtemos uma animação muito mais complexa. Estou feliz com isso. Na próxima aula, mostrarei como animar as linhas nos planos de fundo com algumas máscaras diferentes. 13. Aparar caminhos: Neste vídeo, vamos falar sobre um efeito de camada simples em que podemos animar as linhas no After Effects. Na aula anterior, já animamos o texto do portfólio. Em seguida, vamos animar essa linha em segundo plano. Primeiro, vamos para a camada de linha, que é a camada 13, rotulada com essa cor azul. Podemos esconder essas três camadas no topo para que elas não nos distraiam. Basta selecionar os três e clicar no ícone na frente para ocultá-los. Agora só temos essa camada de linha visível. Agora você pode ver que essa camada está no arquivo is.ai do Illustrator , pois importamos o arquivo Austrália do Illustrator, bem, precisamos convertê-lo em uma forma. Para fazer isso, podemos clicar com o botão direito do mouse e ir para Criar. E depois há Create Shapes from Vector Layer. Clique sobre isso. Agora temos uma camada de forma criada em cima da camada de linha anterior e a camada de linha está desativada. O ícone do olho que você pode ver não precisamos mais disso, então podemos excluí-lo, clique em Excluir no teclado. Agora podemos trabalhar nessa camada de linha, como em uma camada de forma. Clique nessa seta e vá para Adicionar. É aqui que você pode adicionar uma camada de efeitos que queremos usar hoje, chamada de caminho de corte. Esse é um efeito de camada típico que podemos usar para animar as linhas. É muito versátil. Podemos clicar nisso por enquanto. E então adicionamos um caminho de corte Effects. Deixe-me mostrar o que o caminho de corte faz. Vá até esta seta aqui. Se o festival quiser, você pode ver que há um valor inicial de 0% e, em seguida, o valor n de 100%. Se eu alternar esse 100%, o valor será apenas uma parte da linha que fica na tela. Essencialmente, o que estamos fazendo é que somos como efeitos de desenho. Primeiro, o valor final atingiu 100% , será um loop completo. Mas se eu disser que, se eu gostar de 20% dos resultados finais e do valor, você pode ver que há apenas uma parte da linha que é igual a 20% de todo o loop. É um pouco difícil de ver. Mas se eu animar isso, se eu adicionar um quadro-chave no valor n primeiro começando de zero. E então podemos fazer dez quadros para frente com o comando Shift seta para a direita. E então mudamos para 100%, o que adicionará outro quadro-chave no 10º quadro. Agora temos dois quadros-chave. Podemos ver a animação, como ela se parece. Jogue isso. Você vê que há essa linha que está desenhada. É um pouco rápido. Eu posso arrastar isso ainda mais. Então, vai levar 1 s, toda a animação. Vamos ver como é. Sim, podemos ver essa linha desenhada nisso atrás. Os efeitos dos caminhos de corte. Você pode animar as linhas como se ele estivesse desenhando na tela. E você também pode ver aqui que há um valor de compensação, já que atualmente está em 0%. E esse valor de compensação pode controlar o ponto de partida da linha agora, se eu avançar um pouco, você pode ver que a linha começa no canto inferior direito. Mas se eu alterar o valor do deslocamento para, digamos, 180 , agora, a linha começa no canto superior esquerdo. E é isso que eu quero. Eu quero que a linha comece no canto superior esquerdo. Então, eu também vou querer discar este um pouco para que ele comece daquele canto ali mesmo. Algo assim, talvez 170 graus. Isso é o que eu quero. E lembre-se de que sempre que tivermos quadros-chave, vamos usar um assistente de quadro-chave. Fácil facilidade. O atalho para isso é a tecla de função F9. Basta pressionar a tecla de função F9. Sim, isso funciona. Vamos trazer de volta as três linhas do portfólio aqui. Quero ter aquela coisa. E agora você pode ver que as linhas estão cruzando com minhas camadas de texto. Não é isso que eu quero. O que eu preciso fazer é fazer uma máscara no topo dessa linha para que somente a parte que não esteja sobreposta às camadas de texto fique visível. Para fazer isso, clique nessa camada de linha e depois vá para a ferramenta retângulo. Normalmente, quando você desenha uma ferramenta retangular, ela desenha dentro dessa forma. Digamos que se eu quiser desenhar um retângulo, e quando eu desenhá-lo, ele vai adicionar outro retângulo dentro dessa camada de forma. No momento, está na cor vermelha, mas não é isso que eu quero. Não quero desenhar outro retângulo. Eu preciso deletar isso. E então o que eu preciso fazer é clicar nessa máscara aqui para criar uma máscara. Então, vamos desenhar uma máscara aqui o mesmo tamanho da camada de texto. E então vamos entrar nessa massa agora mesmo a máscara está configurada para adicionar. O que eu preciso fazer é configurá-lo para subtrair. Primeiro, eu coloquei a máscara para subtrair. Você pode ver que tudo o que desmascara acabou de desaparecer. Subtraindo a camada original com máscara, isso é um desenho e depois a única coisa que resta, isso é tudo fora da máscara. E isso é exatamente o que eu preciso fazer. Só preciso ter um coração que não se sobreponha à camada de texto para ficar visível. Vamos reproduzir essa animação. E agora temos uma animação de linha aqui. Embora não seja tão visível , são esses detalhes simples que importam. E esse é um tipo de máscara que eu quero te ensinar hoje. É assim que nós, inimigos, aparamos caminhos, efeitos e desenhamos uma máscara em camadas. 14. transição: Nesta aula, vamos começar a animar a transição dessa animação. Se você se lembra do que eu mostrei antes, abrimos a cena com uma cor amarela muito brilhante e, em seguida, fazemos a transição da cor amarela para esse azul. Então, a cor azul é, na verdade nosso estado final da animação. A última parte da animação. Para começarmos com a cor amarela brilhante, o que precisamos fazer é mudar essa cor de fundo para amarela. Para alterá-la para um amarelo brilhante, podemos odiar essa camada de fundo, acesse nosso painel de efeitos e predefinições. Se você não tiver o painel Efeitos e predefinições aberto no lado direito. Você pode acessar o Windows e clicar nesses efeitos e predefinições. Precisamos mostrar efeitos de matiz e saturação. Com a camada selecionada, posso clicar duas vezes nessa tonalidade e saturação. Agora, ele adicionará um efeito de matiz e saturação à minha camada. O que posso fazer é ajustar esse valor de matiz principal aqui para obter uma cor diferente. Se você não gosta do amarelo brilhante que usamos no início, pode escolher um diferente, talvez um roxo que fique bem, ou até mesmo o rosa que fique bem. Então, para mim, estou apenas tentando obter aquela cor amarela que gostamos. É um amarelo que eu quero, mas a saturação não está lá. Então, preciso aumentar a saturação para torná-la mais saturada e até mesmo diminuir um pouco a luminosidade. Sim, isso é brilhante o suficiente para mim. Então essa é a cor amarela que eu gosto na parte inicial da animação. No entanto, como você pode ver, nossa linha de textos de portfólio não funciona mais porque a cor é azul e, em seguida, está gerando esse efeito estranho ao machucar nossos olhos. Então, eu preciso mudar a cor das três camadas também para mudar a cor desses três textos Vamos ao painel Efeitos e predefinições novamente. Vamos encontrar um preenchimento. Experimente isso, selecione um deles e clique duas vezes no preenchimento. Agora mudou para vermelho, que não é o que eu quero. Eu queria mudá-lo para um branco puro. Em seguida, clique neste comando de filtro C para copiar e, em seguida, clique nessas duas camadas. Comando V cole. Agora temos uma cor branca brilhante em cima dessas três camadas. Vamos ver como é. Sim, isso parece bom porque lembre-se tivemos uma mudança de opacidade nessas três camadas. Então, ele vai mantê-lo muito sutil em segundo plano quando estiver animando a opacidade, o que o torna muito sutil e agradável. Acho que sim. Sim, isso funciona para mim. Basta alterar as três camadas para uma cor branca. A próxima coisa que eu quero fazer é desenhar um círculo, pontos na camada para animar o círculo vindo do lado esquerdo para o lado direito. E como se o círculo estivesse arrastando algo para puxar tudo para a direita e depois revelar o fundo azul no final, assim como no exemplo anterior que mostrei. Vamos até essa barra de ferramentas superior aqui. No momento, temos uma ferramenta de retângulo, mantenha pressionada a Ferramenta Retângulo e clique nessa ferramenta de elipse. Podemos desenhar uma elipse sem nada selecionado no painel de camadas. Eu posso pressionar Command e Shift com menos pressão para restringir a propriedade. Então esse é um círculo perfeito. Estou pensando que talvez seja uma farsa. E agora você pode ver que o ponto de ancoragem não está no centro do círculo. Lembre-se de que eu lhe disse como mover o ponto central para o círculo. Tudo o que você pode fazer é voltar para a ferramenta de seleção e clicar com o botão direito do mouse. Vá para transformar e, seguida, centralize os pontos de ancoragem no conteúdo da camada. Agora temos o ponto de ancoragem no centro do círculo. Tudo o que preciso fazer é animar esse círculo como nome, esse principal me pontilha. Eu quero que esses pontos saiam de fora. Vamos abrir a propriedade de posição. Pressione P no teclado, clique com o botão direito em Separar Dimensões. Eu só quero animar a exposição. Quando o texto chega. Talvez o cronômetro do cabeçalho em um quadro-chave e depois siga em frente. Dez quadros, 1512345, 15ª rédeas, vá até aqui até o círculo entrar e depois fique lá por talvez 1 s. enquanto estiver lá. Eu não quero ficar lá ainda. Eu queria percorrer uma distância muito curta e depois avançar mais 15 quadros, 1234515 quadros. Vamos fotografar fora do quadro. Bem, essa é a animação que eu quero. No entanto, ainda não adicionamos nenhuma flexibilização. Então, o que precisamos fazer é clicar em todos eles. Pressione a tecla de função e depois F9. Ou você pode clicar com o botão direito. Assistente de keyframe, fácil e fácil. Isso é o que estamos fazendo o tempo todo. Primeiro, precisamos facilitar esses quadros-chave. Clique com o botão direito em Keyframe Assistant, Easy Vamos ver como é. Agora. Tem um pouco de facilidade. Agora ruim. Mas ainda precisamos de mais energia. O que eu quero fazer é selecionar todos os quatro, acessar este editor gráfico, ajustar o gráfico para visualizar. Dê a ele mais como uma curva mais exagerada para que ele viaje mais rápido com mais energia. Essa é uma curva que temos atualmente, vamos ver como ela se parece. Estou pensando em mais uma curva de atenuação aqui. Vamos ver como é. Talvez nem tanto no meio. Sim. Eu acho que isso parece bom. Outra forma de ajustar essa, talvez seja mais fácil. Quero mostrar o clique neste botão aqui e depois mostrar o gráfico de velocidade. Acho que o que eu quero fazer é uma opção. Você pode escolher essa opção e eu vou te dar outra opção que você pode usar. Isso pode funcionar melhor. Então, eu quero ir para o gráfico de velocidade em vez do gráfico de valores, que é onde estávamos antes. E eu quero dar uma curva mais exagerada. Puxe essa alça totalmente dentro e, em seguida, puxe-a totalmente para fora, dê a eles mais velocidade. E até mesmo esse aqui, puxe este para dentro, e depois puxe esse até o fim. E estou tentando fazer com que os dois gráficos tenham a mesma altura para dar a mesma velocidade. Alguns gostam disso. E vamos ver como é. Sim, isso é mais exagerado e veja isso. Acho que parece melhor do que antes, mas quero dar mais velocidade. Como se eu quisesse arrastar ainda mais essa curva. Talvez eu não possa, já é esse. Eu ainda posso arrastá-lo ainda mais. Então esse é muito mais rápido do que este. Vamos ver como é. Sim, isso parece melhor. Eu gosto do que parece agora. Então, a primeira parte, quando chega, está se tornando mais fácil. E então o que sai, vai muito rápido. Isso é exatamente o que estou procurando. Certifique-se de acessar o gráfico de velocidade e , em seguida, ajustar o gráfico de velocidade desta forma. Se você quiser saber mais sobre o gráfico de sono f, outro curso dedicado a ensinar exatamente o que você precisa fazer com o editor gráfico e todos os princípios de animação para ter controle total, controle total da sua animação. Você pode fazer o que quiser. Você pode conferir meu outro curso no perfil. Mas, por enquanto, essa é uma aula para iniciantes, então não quero me aprofundar muito no editor gráfico. Vamos seguir em frente. Isso é exatamente o que estou procurando. Eu tenho esse círculo aqui. A próxima coisa que eu quero fazer é adicionar uma espécie de um, outro círculo que o contorna. Então, isso dá um efeito de brilho semelhante . Então, a primeira coisa que eu quero fazer é mudar a cor do círculo para uma cor azul, para alterá-la para a cor azul. E é muito fácil. Podemos usar o efeito de preenchimento, mas eu quero obter a cor azul do fundo. Então eu vou para o fundo e depois podemos ligar e desligar os efeitos. Podemos desligar os efeitos disso. Podemos ver a cor azul original que temos no fundo. Agora eu só preciso adicionar um efeito de preenchimento no painel Efeitos e predefinições, colocá-lo, preencher e arrastar esse efeito de preenchimento para meus pontos principais. Eu posso usar esse seletor de cores para escolher a cor azul. Agora temos o.in na cor azul. Vá para o fundo e ligue-o novamente. Então, temos esse amarelo brilhante no fundo. Em seguida, o que eu preciso fazer é ter outro ponto abaixo desse comando de pontos principais D para duplicar e, em seguida, alterar o tamanho desses pontos. Pressione S no teclado para aumentar a escala, altere-a para 120% e, em seguida, pressione Shift T para opacidade, altere-a para 40% e altere o main.out original para 80%. Agora, eu tenho dois pontos ao mesmo tempo. Eles estão viajando juntos. No entanto, o que eu quero fazer é agora, se eu pressionar U no teclado, ele também tem alguns quadros-chave no segundo ponto. Eu não quero esses quadros-chave. Eu só quero que eles viajem juntos. Se eu excluir todos os quadros-chave, esses dois main.out permanecerão na tela. Mas aqui o que eu quero fazer é usar um, outro oxigênio, que é chamado de camadas parentais. Eu quero ser pai dessa segunda camada. Eu quero cuidar da segunda porta para o primeiro ponto. Então, o segundo cachorro está viajando com os primeiros pontos. Vamos usar esse chicote de seleção e, em seguida , direcionar a primeira camada para a segunda camada. Agora temos as duas camadas viajando ao mesmo tempo. Se eu voltar à não opção, é muito importante quando vocês são pais juntos. Digamos que se eu tiver a segunda camada e a primeira posição da camada assim, quase como a posição dos olhos. Se eu fosse pai neste carimbo de data/hora. Essas duas camadas viajarão juntas como um olho o tempo todo. E isso não é o que queremos. Então, o que precisamos ter certeza é que precisamos ter certeza de que eles estão perfeitamente alinhados no centro. É por isso que precisamos cuidar deles assim. Escolha esse chicote de seleção e, em seguida, passe para o ponto principal. Agora temos os dois pontos viajando ao mesmo tempo. Isso é bom. A próxima coisa que preciso fazer é desenhar uma máscara de transição. Vamos para a camada superior da barra de ferramentas aqui. Vamos selecionar a ferramenta Caneta sem nada selecionado, posso desenhar uma forma a partir do centro desses pontos. Vamos desenhar uma forma como essa. Algo parecido com isso. Tem pontas afiadas no lado direito. E então eu quero mover essa forma abaixo dos pontos, renomeá-la para máscara de transição. E certifique-se de colocar a máscara de transição no ponto também. Então, eles estão viajando ao mesmo tempo. Vamos ver a animação aqui. Sim, isso é bom. No entanto, preciso da máscara para cobrir tudo, a tela inteira no final da animação. Então, eu preciso mover essa propriedade de posição deste main.out ainda mais no final, para que ela cubra a coisa toda. Sim. Isso é exatamente o que eu preciso. Sinto que a última parte da velocidade acabou. Então, talvez eu precise arrastar isso para mais perto para dar mais velocidade. Sim. Sim, é disso que eu preciso. Ok. Isso é bom. Nós temos a transição aqui. Lembre-se de que precisamos trazer de volta a cor azul como plano de fundo. E para fazer isso, precisamos adicionar uma camada de ajuste, ir para a camada na parte superior e depois uma nova camada de ajuste. Vamos escolher um efeito de saturação de matiz na camada de ajuste. A forma como a camada de ajuste funciona é que, sempre que a camada de ajuste mudar, ela afetará tudo o que está por baixo dela. Você pode ver se eu mudo o matiz e a saturação, está mudando toda a cor abaixo da camada de ajuste. E dessa forma, podemos recuperar nossa cor azul do fundo. Lembra, algo assim? Esta é a nossa cor azul original. Podemos usar a camada de ajuste para trazer volta a cor azul no fundo. E a lógica é assim. No momento, temos essa máscara de transição em andamento. Se tivermos a camada de ajuste na mesma posição e no mesmo tamanho da máscara de transição, isso afetará tudo embaixo dela para trazer de volta nossa cor azul ao fundo. Para fazer isso, precisamos mover essa camada de ajuste para a esquerda, para a posição em que precisamos mover essa camada de ajuste para a esquerda, para a a máscara de transição está e, em seguida, alterá-la, torná-la maior do que a máscara de transição. E a próxima coisa que precisamos é fazer com que a camada de ajuste viaje com a máscara de transição, fazer com que ela viaje com ela. E a última coisa que precisamos fazer é mover isso baixo da máscara de transição e adicionar um tapete alfa. Veja aqui, esta é a opção Track Matte. Se você não tiver, você pode clicar no segundo botão no canto esquerdo aqui para abrir essa opção de rastreamento fosco. Certifique-se de que a camada de ajuste esteja embaixo da máscara de transição. Vá para esta opção aqui, clique em alfa mate. E é isso que obtemos. Você vê que a forma como o alfa fosco funciona é que estamos usando a visibilidade da primeira camada para controlar a visibilidade da segunda camada. Ou seja, você se lembra, temos essa máscara de transição de cor vermelha. Onde quer que essa cor vermelha esteja visível, estamos usando essa cor vermelha para controlar a visibilidade da segunda camada, a camada abaixo dela, significa que você vê a forma dessa camada de ajuste, torna-se a forma dessa máscara de transição. E a camada de ajuste ainda mantém a mesma função de uma camada de ajuste, controlando a cor de tudo embaixo dela, que faz com que o fundo fique azul. Novamente. Vamos salvar o projeto para demonstrar mais sobre os aspectos positivos. Deixe-me fazer uma demonstração de track matte aqui bem rápido. Vamos colocar uma cor sólida. E então vamos adicionar um texto de demonstração. Vamos desenhar um retângulo. Vamos desenhar uma forma retangular aqui. E então podemos definir a camada de demonstração como alfa mate. Agora temos esse retângulo na parte superior que controla a visibilidade dessa camada abaixo dele. Ou seja, onde quer que esse retângulo esteja visível, isso tornará visível o texto abaixo dele. Se eu mover esse retângulo para baixo, você pode ver onde quer que esse retângulo esteja visível, ele tornará a camada abaixo do visível. Dessa forma, posso controlar a visibilidade de uma camada com a camada acima dela. Outra coisa que você pode fazer é mudar o alfa fosco para o alfa invertido, ou seja, onde quer que esse retângulo esteja visível, agora você pode ver que a demonstração está aparecendo no interior. O retângulo está realmente aparecendo do lado de fora porque está invertido. E é assim que o Track Matte funciona. Porque usar uma camada para controlar a visibilidade da segunda camada. Esse é um conceito muito exclusivo do After Effects. E se você não entender, você pode voltar e assistir novamente, mas depois de entendê-lo, na verdade é bem fácil. Agora, esta é a nossa animação aqui. É isso sobre como fazer a transição. Na próxima aula, falaremos sobre como adicionar efeitos na transição. 15. Efeitos de transição: Nesta aula, vamos adicionar alguns efeitos à transição. Essa é a animação que temos por enquanto. Eu só quero adicionar um pouco de efeito de onda nessa máscara de transição. Lembre-se de que temos essa máscara de transição na forma da camada de ajuste. Então, precisamos clicar nessa máscara de transição para adicionar um efeito de deslocamento turbulento, ir para Efeitos e predefinições, procurar por deslocamento de turbulência. Clique duas vezes. E agora você pode ver que já temos esse tipo de efeito ondulado nessa máscara de transição. Vamos ajustar algumas das configurações aqui para os valores. Eu quero aumentar um pouco, talvez 60. E então o tamanho, eu quero reduzi-lo à medida que estou diminuindo o tamanho, você pode ver que o efeito da onda está realmente se movendo. Quero animar esse efeito de tamanho, como se eu quisesse adicionar um quadro-chave aqui. Coloque um 240. Então, quando chegar, antes de sair por aqui, vou trocá-lo para 60. Então, o tamanho dessa máscara de transição vai animar 40-60 enquanto a, bem, ela está viajando para a direita e depois algo assim. Vamos visualizar e ver como é. Está se movendo um pouco rápido demais. Talvez eu queira mudar de volta para 40 para os valores. Sim, isso parece bom. É disso que eu preciso. Na última parte, acho que senti que a animação é meio rápida demais. Eu quero retirar esse quadro-chave um pouco , algo assim. Então, estou ajustando a exposição dos pontos principais para que ele viaje mais devagar. Portanto, a transição não é tão dramática. Essa é a animação. Na verdade, eu entendo, ok, isso parece bom para mim. E depois, precisamos adicionar algumas linhas. Posso ir até a ferramenta de caneta pelo centro dos pontos, clicar nela e clicar na parte externa para desenhar uma linha. Podemos desligar o preenchimento, manter pressionada a tecla Opção e clicar no feltro 123 vezes. Em seguida, verifique se o traço é mais grosso. Eu mudo para 15 pixels. Agora, o traço é mais espesso. Nós temos uma linha. E então eu vou duplicar esse comando D para a segunda linha. Ainda assim, quero que venha do centro do círculo. Mas para este, com a ferramenta de caneta selecionada, posso selecionar esse ponto e depois arrastá-lo para baixo para ter certeza de que está descendo. Agora, tudo o que preciso fazer é colocar essas duas linhas nos pontos para que elas viajem com os pontos. Algo parecido com isso. Mas agora ele não tem um efeito ondulado, então precisamos adicionar algum efeito ondulado a ele. Vamos aos efeitos e predefinições. Vamos adicionar um Wave Warp. Arraste essa distorção de onda para a primeira linha. E então você pode ver se eu não mudo nada por mentir, simplesmente vou desistir desse jeito, o que não é o que queremos. Precisamos ajustar a configuração para torná-la maior. E então vamos manter a placa com e depois mudar a altura para 40. Tente mudar a largura para talvez 200. E vamos ver o que está acontecendo. Neste momento, a ondulação está indo da esquerda para a direita. Para inverter a direção, precisamos colocar isso em menos 90. Então, parece que está indo da direita para a esquerda. E esse é o efeito que queremos ter. Copie essa distorção de onda e depois vá para a segunda linha, cole-a. É assim que trabalhamos, mas não quero que seja muito simétrico. Então, talvez vá para a segunda linha. Eu quero mudar a altura talvez um pouco mais ou menos. E depois mude a largura um pouco mais. Apenas nos dê alguma variação. Não quero que as duas linhas sejam exatamente simétricas. Agora você pode ver que a linha está em cima dos pontos, então precisamos mover essas duas camadas abaixo dos pontos. Esse é o efeito que obtemos. Isso é bom. Então, a próxima coisa que eu quero fazer é adicionar algum efeito de brilho à linha, o brilho de pesquisa de linha ondulada nos efeitos e predefinições. Em seguida, certifique-se de selecionar a linha ondulada. Clique duas vezes neste globo estilizado alterar o raio dois, talvez 30. E você pode ver que há um leve efeito de brilho ao redor dessa linha ondulada, o que é bom. Está adicionando um pouco mais de personalidade a ele, pois copie esse brilho coloque-o no segundo também. Sim, isso é bom. Agora temos a linha de brilho ali. Essa será a nossa transição. Outra coisa é que, como o Departamento de Defesa está saindo da tela, eu também quero que as linhas saiam. No momento, a maneira como vivemos é ficar lá na tela, que não é o que queremos. Então, preciso mudar manualmente a posição à medida que ela sai. Talvez por volta desse carimbo de data/hora aqui, clique duas vezes, selecione as duas camadas e pressione P no teclado, defina um quadro-chave e, em seguida, avance como as paradas. Eu quero mover este para baixo e depois movê-lo para cima para que eles fiquem fora da tela. Assim. Se eu reproduzir a animação, é aqui que ficamos bem. Outra coisa à qual precisamos prestar atenção antes de avançarmos é que lembre-se de que, quando estávamos animando a mudança de escala do texto do portfólio, fizemos cerca de 2 s. Mas eu realmente quero a transição acontecerá antes que a escala mude. Ou seja, quando a transição acontece, é quase como a transição. Traga o texto para cima. Então, isso está afetando o texto para fazê-los se mover. Tudo o que preciso fazer agora é ajustar o tempo da balança. Por aqui. À medida que a transição chega, preciso encontrar o texto do portfólio. Selecione todos os três, pressione U no teclado. Preciso alterar esses quadros-chave, avançá-los um pouco para que continuem no mesmo tamanho. Mas então, quando a transição for iniciada, eu quero que eles se tornem maiores. Assim. Sim, isso parece bom para mim. Veja, a transição está afetando o tamanho do texto. Vamos jogar desde o início. Sim, isso é exatamente o que eu preciso. Comande S para um cofre. Isso é tudo para a transição da animação. No próximo vídeo, falarei sobre como animar a máquina caça-níqueis. 16. Base da máquina de fenda: Nesta aula, vamos começar a animar a máquina caça-níqueis no centro. Lembre-se de que essas camadas foram desativadas, então não as vemos quando estamos trabalhando em segundo plano. Navegue até a camada da máquina caça-níqueis e ative-a. Agora temos essa base aqui. Temos a parte superior aqui e a alça. Então, por enquanto, vamos animar a base primeiro, posso clicar duas vezes nessa composição e entrar. E deixe-me mover essa camada base para o centro. Selecione tudo, mova-os para o centro. Eu quero manter as coisas simples. Então, a forma como vamos animar isso é apenas a propriedade de escala da maioria das formas. Vamos encontrar um deles primeiro. Então, essa será a forma azul básica principal. Para animá-lo, vou abrir a propriedade de escala pressionar S no teclado. Em seguida, precisamos desvincular as escalas x e y para que eu possa modificá-las individualmente. Primeiro, quero adicionar um quadro-chave e 0 s. Em seguida, podemos arrastar esse quadro-chave para talvez 1 s. Quero que toda a animação complete novos 1 s e, em seguida, mova o cursor de volta para 0 s, altere tudo para zeros, zeros, então não há nada aparecendo na tela. Outra maneira de fazer isso é isolar essa camada, esse ponto aqui, clicar neste ponto. Dessa forma, posso selecionar essa camada para trabalhar com ela sem nenhuma distração. Então eu queria completar a animação verticalmente primeiro e depois horizontalmente, o que significa que a partir de zero segundo será zero por cento x e zero por cento y. E então cerca de meio segundo será Escala 100% ampla e , em seguida, escala de 46% x. Depois disso, só vai crescer horizontalmente. Vamos clicar com o botão direito no assistente de quadro-chave, fácil e fácil. E então vamos para o editor gráfico. Ajuste o gráfico para visualizar, verifique se você está no gráfico de velocidade. Eu só quero arrastar essas curvas para dar a elas mais curvas parecidas com montanhas , para que a animação tenha mais energia. Vamos tentar isso e ver como é. Então, o que eu quero fazer aqui talvez seja manter isso ainda menor, talvez 20%. Então, em meio segundo, será 20% x e depois 100%. Por quê? Algo parecido com isso? Sim, essa é a animação que eu gosto. Isso é bom. Em seguida, certifique-se de copiar esses três quadros-chave e, em seguida, descompacte essa camada. Vá até este, pressione S e vincule a escala e cole os quadros-chave. E então vá para o preto, aperte S no teclado e cole o comando de ligação V. E até mesmo esses, todos eles pressionam S no teclado e vinculam todas as restrições de escala. Links. Clique em todos eles e depois em Comando V. Agora temos exatamente a mesma animação em todos eles. Algo parecido com isso. Isso é o que parece agora. E agora eu só preciso escaloná-los. Talvez esse apareça primeiro e depois dois quadros depois tenham a última camada e, em seguida, o preto entre em amigos mais tarde, um a um. O preto entra. Eu quero o centro e vem primeiro. Para que tudo fique escalonado. Eles não vão entrar ao mesmo tempo. Portanto, a corrida central vem em primeiro lugar. Eu queria empilhar ou até mais. No momento, existem cinco quadros. 12345. Então, eu estou colocando cinco quadros entre todos esses pontos diferentes. Dessa forma, podemos tornar a animação mais complexa. Talvez seis quadros. 12 345-612-3456. Sim, isso é bom. Essa é a animação que temos aqui. Isso é bom. Tudo bem, isso é tudo com a animação básica. Vamos voltar à composição principal. Opa. O que aconteceu desde que temos essa camada base, abaixo da camada de ajuste, todas as cores mudaram. Então, preciso mover todas essas camadas sobre essa máscara de transição que ainda mantenhamos a cor original, a cor azul original dessas máquinas caça-níqueis. Agora eu tenho a animação da base principal. Preciso animar a parte superior e também a alça. Vamos colocar a alça primeiro. Amplie. É muito fácil de manusear. Vamos fazer a mesma coisa. Tudo o que preciso fazer é, antes de tudo, ter esse ponto de ancoragem no lado esquerdo do quadrado. E então vamos animar o tamanho. Propriedade de escala. Vá para a escala e, em seguida, desvincule esta, pressione um quadro-chave, escolha 15 quadros, 1234515 quadros. Agora temos esse quadro-chave no 15º quadro e depois voltamos para zero para que eu possa alterar a escala x para zero. Agora temos uma animação como essa. Vê isso? Isso é bom. Agora, basta clicar com o botão direito do mouse no assistente de quadro-chave, fácil e fácil. Vá para o editor gráfico. Arraste essas curvas, dê mais energia, dê mais velocidade à animação. Assim. Isso é bom. E uma vez que eles cheguem lá, eu quero que esse bloco azul apareça talvez do mesmo lado. Eu posso simplesmente copiar este e depois comandar V colar. Agora eles estão saindo ao mesmo tempo. Então, eu quero mover esse bloco azul até a parte de trás. Então, acionar o roxo está acionando o azul para aparecer. Algo parecido com isso. Assim. Mas eu não quero ver as partes sobrepostas, então assim. Sim, isso é bom. Esses dois aparecem e depois temos a alça. Eu quero ter os pontos de ancoragem da alça totalmente na parte inferior aqui. Então, eu posso mudar a propriedade de escala aqui, ir para escala e ligação, colocar um quadro-chave e, em seguida, mudar o caminho da Casa Branca para zero. Clique duas vezes no assistente de quadro-chave, fácil e fácil. Vá para o Editor de gráficos. Estamos fazendo a mesma coisa. Então, estou acelerando um pouco as coisas porque elas são todas a mesma animação. Estou apenas repetindo isso agora. Tudo o que estamos fazendo é apenas mudar, animar a propriedade de escala e também cronometrá-las adequadamente para que elas apareçam uma após a outra. Este entra e depois nós temos esse que entra. Esse entra. E então, uma vez que este chegue, podemos ter uma mudança de escala. Mas para o círculo, não precisamos desvinculá-lo porque podemos apenas ter o círculo e a mediana de zero proporcionalmente a 100 por cento. Agora temos o estado entrando e então o círculo entra. E para esta, eu ainda preciso mudar a velocidade da animação, dar mais velocidade a ela. Para este círculo. Posso até adicionar um pouco de ultrapassagem, talvez alterá-la para 110% e depois voltar para 95. Algo parecido. Dê mais energia. Então, há um equilíbrio para o círculo. Acabei de adicionar um salto. Sim, isso parece bom. Vamos voltar para a competição principal. Assim que tivermos. Então, é um pouco perturbador em segundo plano. Então eu preciso solar essa alça, e então eu quero solo de baixo aqui. Esses dois entram. Quero que a base entre. Primeiro como esse acabamento. Eu quero mover a alça para o lado direito. Então a base entra primeiro e, neste ponto, a alça entra assim. Ok, vamos pré-visualizar a animação. Sim, isso parece bom. É assim que animamos a base da máquina caça-níqueis e a alça. No próximo vídeo, mostrarei como animar o topo da máquina de empilhar. 17. Top da máquina de fenda: Neste vídeo, vamos animar o topo da máquina caça-níqueis agora mesmo. E nessa composição, eu tenho a alça, base e a parte superior isoladas. Então, estamos vendo apenas essas três camadas. E agora já temos a base e a alça. Anime isso. Só precisamos animar o canto superior direito. Agora, vamos clicar duas vezes na composição superior. Vá para dentro. Também podemos movê-lo um pouco para o centro. Não precisa ser exato. Podemos mudar a posição da composição externa. Para este, eu realmente quero que ele tenha a mesma animação da base, a máquina caça-níqueis. Então, vamos voltar para a base. Quero ver se consigo copiar alguns dos quadros-chave aqui. Vamos para a base azul. Copie isso. E então vamos voltar ao topo. Para o azul. Sim, abra a propriedade de escala e vincule-a, vá para o comando V de zero segundo e cole-a. Eu quero ver se isso, sim, isso parece bom. Nem precisamos fazer nada. Só precisamos copiar o quadro-chave da animação básica que fizemos antes. Em seguida, certifique-se de que todo o cinza e o preto sejam a mesma coisa e vincule a propriedade de escala. Volte para 0 s com o indicador da linha do tempo em 0 s. Clique no comando V de duas camadas e cole-o. Agora, eu só preciso escaloná-los um pouco para que não apareçam ao mesmo tempo. Para o círculo, podemos fazer a mesma coisa. Vamos voltar para a alça. Podemos copiar essa animação circular da alça. Selecione todos os quadros-chave (comando C) e, em seguida, volte para a composição da camada superior. Podemos ir para o comando V de zero segundo, colá-lo. Então, ainda temos aquela animação de salto acontecendo do topo. Eu só preciso movê-lo um pouco para trás para que a animação seja escalonada. Sim, isso é exatamente o que precisamos. Comando S, salve. Volte para a composição principal. Essa é a hora correta. Temos a base entrando para a alça entrar, e agora eu quero que a parte superior entre também. Ensinado. Apenas afaste-o um pouco. Então, temos essa base entrando e, em seguida, a parte superior entra. Sim, vamos jogar isso. Temos esse Comando S de criação de caça-níqueis para salvar o projeto. Isso parece bom. Em seguida, preciso me preocupar com os pontos. Vamos ativar o ícone e o botão Solo aqui. Lembra de todos esses pontos que temos? Eu só preciso posicioná-lo corretamente. Agora que estou pensando nisso, posso comandar X, cortar os pontos e colocá-los dentro desse comando de composição base V, e depois desfazer o isolamento. Agora que temos essa camada de pontos dentro dessa composição base para os daws, posso clicar duas vezes e entrar para animá-la. Eu quero fazer uma animação muito simples. Eu só quero fazer uma mudança de opacidade. Basta pressionar T no teclado, inserir um quadro-chave, avançar 15 quadros e depois verificar se está indo de 0 a 100%. Diz apenas mudança de opacidade. Então, talvez o assistente de quadro-chave, fácil e fácil. Vá para o Speed Graph. Arraste-o assim. Sim, isso é bom. Em seguida, copie esses dois quadros-chave. Certifique-se de colá-lo em todos os pontos. Agora, todos eles têm a mesma animação. Assim como uma mudança de opacidade. Talvez seja muito rápido. Então, eu preciso saber o que é muito rápido, então eu preciso movê-lo um pouco para que fique ocupando todos os 1 s e copiar novamente, colar, para que tudo apareça em 1 s. Isso é bom. Agora, tudo o que preciso fazer é escaloná-los. Eu só quero que você escalone essa animação para que elas não apareçam ao mesmo tempo. Vamos tentar fazer a separação de quatro quadros entre cada camada. Esses dois, mantenho pressionada a tecla shift para selecionar os dois e, em seguida, certifico-me de que quatro quadros 1234 e, em seguida, colchete esquerdo para mover a camada para local onde está o indicador da linha do tempo. Então esses 21234, isso. E então eu estou pensando nesses dois, certo? Sim, 1234 aperte o colchete esquerdo, mova-os 1234. Mude esses dois. E depois 1234. Esses dois. Em seguida, selecione esses 212-34-1234. Eu quero que esse gráfico de movimento seja 2022 em último lugar. Então, depois de mudarmos tudo, essa é a animação que obtemos. Tudo o que fizemos foi animar a mudança de opacidade 0 a 100 e, em seguida, escaloná-las para que elas apareçam uma após a outra. E isso é bom por enquanto. Vamos voltar para essa animação básica. Assim que tivermos isso chegado e pudermos mover os pontos, avance um pouco antes. Então, cronometre adequadamente. Quero que esses gráficos em movimento cheguem por último. Então, quando o último dia chegar, os gráficos em movimento aparecerão. E essa é a animação que recebemos. Esse é um bom Comando S para salvar o projeto. Nós temos esse agora. Isso é bom. E agora só precisamos nos preocupar com o ponto no topo aqui. O topo aqui. Podemos fazer a mesma coisa no Comando X, cortá-lo e, em seguida, ir para o comando V da composição superior , colá-lo. Tente alinhá-lo aqui e depois entre. Vamos apenas mudar a opacidade. Basta animar a opacidade de 0 a 100. E depois copie tudo, cole tudo. Então, tudo está indo de 0 a 100. E agora eu só preciso fazer a mesma coisa novamente para cambaleá-los. Para fazer isso, preciso selecionar os dois primeiros e depois ter certeza de que eles são os primeiros que aparecem em 0 s. E, em seguida, certifique-se de selecionar o segundo e ir para zero segundo, frente. 12344 molduras. Mova essas camadas até esse ponto aqui. O atalho com isso é colchetes esquerdos. Você pode mover a camada para onde está o indicador da linha do tempo. Agora eu preciso selecionar o terceiro. Avance quatro quadros, 1234 e, em seguida, colchete esquerdo, selecione o próximo 21234, avance e, em seguida, colchete esquerdo, selecione Avançar para avançar, 1234 e, em seguida, para a esquerda colchete. Em seguida, selecione o próximo colchete esquerdo 21234 e, em seguida, selecione os últimos 21234 colchetes esquerdos. E agora você pode ver a animação assim. Como eu fiz, a camada se acumula. Eu quero que isso chegue assim. Ok, Cool. É isso mesmo. Com a animação de pontos. Agora temos um Comando S completo de caça-níqueis para salvar o projeto. 18. Manipular a animação: Neste vídeo, vamos trabalhar na animação da alça da máquina caça-níqueis. Vamos voltar à composição da alça. Lembre-se de que tínhamos a alça acumulada. Mas depois que ela se acumular, quero que a alça deslize para baixo. Uma coisa ruim também, assim como alguém pressionou para que pudéssemos revelar o nome da máquina caça-níqueis. Dentro da máquina caça-níqueis. Para fazer isso, podemos ir para talvez 2 s e, em seguida, garantir que a alça na parte superior possa definir um quadro-chave de posição pressionar P no teclado. Clique com o botão direito do mouse Eu só quero mudar a posição y. Então, pressione a posição de limpeza, defina um quadro-chave e siga em frente. Dez quadros. Mova-o totalmente para baixo assim. Depois de ser empurrado, vai voltar a subir novamente. Então, mais dez quadros e , em seguida, mova-os de volta para cima novamente. Assim. Esse círculo não só mudará, mas também preciso que essa barra o acompanhe. Então vá para a propriedade Scale. Para a barra, preciso animar a propriedade de escala. Odeio esse ícone de diamante aqui. Certifique-se de que temos um quadro-chave aqui. E então altere a escala y para menos 64. E depois de concluído, volte para 100 novamente. Agora essa é a animação que recebi. No entanto, é realmente linear. Preciso mudar isso e torná-lo mais dramático. Selecione o assistente de quadro-chave com três cliques com o botão direito do mouse, fácil, fácil e depois vá para o editor gráfico. Eu quero arrastar esse para fora. Então, estamos no gráfico de velocidade agora. Certifique-se de arrastar este para fora. Vamos ver como é. Sim. Isso é bom. Quero que essa alça fique lá embaixo. Então, para fazer uma animação similar, vamos selecionar esses três quadros-chave. Acesse este editor gráfico. Essa não é a curva. Eu quero. Eu quero uma curva semelhante a essa aqui. Eu também quero ter certeza de que o bastão não está saindo assim. Então, talvez eu queira alterá-lo manualmente. Vá quadro a quadro, como neste ponto aqui. Eu só quero torná-lo um pouco menor. Isso é bom, isso é bom. Essa moldura é boa. Essa moldura é boa. Bom, bom, bom. Estou apenas indo quadro a quadro para garantir que essa estaca aqui não fique de fora. Volte. E mesmo aqui, essa parte aqui não pode se destacar. Eu tenho que movê-lo para cima. E aqui, tem que estar conectado. Então eu vou movê-lo para cá. Sim. Então, adicionei vários quadros-chave para garantir que eles estejam se conectando. Essa é a animação que temos, sim, isso parece legal. O comando S salva o projeto. E isso é tudo sobre como animar essa alça. No próximo vídeo, vamos animar o texto na parte superior da máquina caça-níqueis. 19. Comunidade exclusiva: Antes de continuarmos, quero aproveitar esta oportunidade para convidar você a se juntar à nossa comunidade exclusiva, Motion Circles on Discord Se você está fazendo esse curso, provável que esteja interessado em aprender sobre animação e design de movimento. Não importa se você está fazendo isso profissionalmente ou não A comunidade de círculos de movimento foi criada para você, para todos que são apaixonados por animação e desejam aprender mais e crescer no campo do design de movimento. O design de movimento é uma indústria próspera e está crescendo rapidamente Todas as empresas e anunciantes querem fazer vídeos com animação para promover seus produtos e serviços As coisas que você vê estão estáticas na tela agora. Em alguns anos, todas começarão a ser animadas. Tudo o que você vê na tela será animado, os sites serão animados, os aplicativos serão animados. A indústria de jogos e a realidade aumentada que estão ganhando popularidade no momento Os curtas, rolos e vídeos que você vê nas mídias sociais e muito mais com a IA substituindo muitos dos trabalhos trabalhosos A única coisa que ele não pode substituir é a criatividade. O design de movimento é um campo em rápido crescimento que requer criatividade. Então, junte-se a nós agora em círculos de movimento e nos apoiaremos mutuamente, aprenderemos e cresceremos juntos. É um setor extremamente gratificante e tem um futuro brilhante. Participe clicando no link na página de descrição da aula. Estamos muito animados em ter você na comunidade. Te vejo lá. 20. Animação de texto: Neste vídeo, vamos animar o texto do rolo de demonstração na máquina caça-níqueis. Agora eu tenho o ícone de texto do rolo de demonstração ativado para que possamos vê-lo visível na tela. Além disso, eu tenho o botão Solo ativado, então estamos vendo apenas essas quatro camadas que foram soladas. Preciso clicar nesta camada de bobina de demonstração e depois no Comando X e soltá-la no topo da máquina caça-níqueis pré-comp Command V. Certifique-se de ter a oscilação desligada. Então, eu quero posicionar esse rolo de demonstração aqui. Agora, nesse caso, podemos animar essa camada de textos do rolo de demonstração. Quero mostrar uma maneira muito divertida e fácil de animar texto em todos os cenários. Esse é o método número um para mim quando eu animo qualquer tipo de texto que precisa ser divertido e cheio de personalidade. Então, para fazer isso, vamos para a propriedade position. Pressione P no teclado, clique com o botão direito em Separar Dimensões e, em seguida, podemos fazer a animação somente na posição y. Avance 15 quadros, 112345. Você sabe o que? Acho que também podemos solo este porque não precisamos ver o plano de fundo. A parte superior da máquina caça-níqueis, um solo, apenas esta. Em seguida, adicione um quadro-chave na posição Y, volte para 0, s, mova-o totalmente para baixo. Então, toda a animação é que esse texto está chegando. Eu quero adicionar algumas ultrapassagens como esta. Eu não tive melhor ultrapassagem e salto assim. Sim, isso parece bom. Em seguida, clique com o botão direito no assistente de quadro-chave, fácil e fácil Vá para o Editor de gráficos. Vamos nos certificar de adicionar um pouco de energia à nossa animação. Onde está no gráfico de velocidade agora, basta arrastar uma forma como esta. Então, isso vai dar mais velocidade aos nossos movimentos, mas não muita velocidade. Vamos ver como é. Então, eu preciso de cinco quadros desse quadro-chave para esse quadro-chave e depois 1234. Sim, isso parece bom. Preciso reduzir um pouco esses três quadros-chave. Algo parecido com isso. Sim, eu gosto da energia dessa animação. Isso parece bom. Isso é o que eu quero. E a próxima coisa que quero fazer separar cada letra individualmente. Para fazer isso, preciso duplicar as camadas 1234567 vezes. Então, clique na camada e duplique o Comando d1234567. Agora eu tenho oito camadas desse único elemento. Agora vamos clicar na primeira camada, ir para a forma retangular, desenhar o d e clicar na próxima, desenhar o E e clicar em Avançar, desenhar o M. Clique na próxima, desenhe o 0. Clique no próximo, desenhe o R. Clique no próximo. Basicamente, estou separando cada letra. Então, cada camada , consiste em apenas um litro. Agora, se eu desligar e depois isolar cada um deles, você pode ver que a primeira camada tem apenas uma letra D e, em seguida, a segunda camada é a única letra E. Cada camada tem apenas uma letra. A próxima coisa que eu quero fazer é ir para 0 s e depois selecionar todos eles. Eu quero cortar a camada em apenas um quadro. Então, com o indicador da linha do tempo em um, a 0 s, com toda a camada selecionada, vou clicar em uma opção de atalho de teclado, colchete direito no PC também é colchetes respiratórios. Agora, tudo é mantido em um quadro. Em seguida, certifique-se de selecionar o último primeiro, mantenha pressionada a tecla Shift, selecione a parte superior. Você tem tudo selecionado. Clique com o botão direito do mouse, vá para o assistente de quadro-chave , vá para a camada de sequência e clique em OK. Agora eu tenho uma camada de sequência que está aparecendo na tela, com um quadro de distância. Eu só preciso arrastar a parte de trás de cada camada e depois arrastá-las até o final para que elas ocupem todo o espaço. Agora, vamos reproduzir a animação e ver o que temos. Isso é exatamente o que estou procurando. É uma animação de textos muito divertida e elástica. A próxima coisa que eu quero fazer é selecionar todas as camadas. Command Shift C para criar uma pré-composição chamada bobina de demonstração, pré-composição ou até mesmo apenas bobina de demonstração. Clique. Ok. E depois, o que eu quero fazer, lembre-se da aula de Track Matte que ensinamos antes. Eu só preciso de um track mattes para controlar a visibilidade dessa camada. Basicamente, o que eu preciso fazer é desenhar um retângulo, ir até a ferramenta de retângulo e depois desenhar um retângulo. Agora, eu não quero mais solá-los. Eu só quero ter certeza de que o retângulo está na parte em que eu quero que o rolo de demonstração fique visível quando a parte superior da máquina caça-níqueis parar de se acumular. Esta é uma parte em que eu quero que o rolo de demonstração esteja visível. E então, com o retângulo em cima do rolo de demonstração, preciso clicar nessa faixa fosca, configurá-la para alfa fosco. Agora eu tenho um Alpha Matte que controla a visibilidade da camada do rolo de demonstração. Vamos reproduzir a animação e ver como ela fica. Eu preciso mover essas duas camadas totalmente para trás. Então, quando a máquina caça-níqueis estiver pronta, é quando eu quero que a demo do Rio comece a ser animada assim. Sim. Essa é a animação que eu recebo. Mas nossa camada de forma não é grande o suficiente. Então, eu quero pressionar S no teclado, talvez aumentar essa camada de forma. Mova-o um pouco para baixo. Talvez até um pouco maior. Sim. Vamos ver se funciona. Então, temos esta animação de textos elásticos de bobina de demonstração na parte superior da máquina caça-níqueis. Tão cheio de energia. Isso é bom. Isso é exatamente o que estou procurando. Vamos voltar para a competição principal e ver como ela se parece. É isso aí para esta lição, você pode usar esse tipo de animação de textos divertidos em qualquer tipo de texto que quiser. Essa também é minha animação de texto preferida ou qualquer outra coisa. Eu preciso fazer algo divertido e elástico. Na próxima aula, vamos trabalhar na animação do nome na máquina caça-níqueis. 21. Animação de nome: Nesta aula, vamos animar a animação do nome na máquina caça-níqueis. Vamos ativar minha camada de nome aqui, chamada hong shu. Verifique se o ícone de isolamento está selecionado. Caso contrário, não vai aparecer. Então, eu quero movê-lo até aqui. Também quero cortar essa pré-composição e colá-la na pré-composição da máquina caça-níqueis básica. Então o Comando X corta e depois vá para a base e depois o Comando V. Clique neste ícone de isolamento. Agora temos tudo dentro dessa composição, agora que podemos cronometrar as coisas adequadamente. Como você pode ver, meu nome é bem longo. Se você tiver um nome mais curto, poderá usar o modelo que forneci no arquivo para usar uma versão mais curta dessa seção intermediária que você também tenha seu nome na máquina caça-níqueis. Para essa animação de nome, preciso entrar na pré-composição desse sapato doméstico. E eu quero fazer isso da forma mais simples possível. Então, basicamente, vou animar uma delas primeiro e depois substituirei a mesma animação por todas as outras letras para simplificar, vamos animar essa h primeiro. zoom. Para tornar o H editável, eu mesmo quero colocar o H. Então, vamos colocar um H com uma camada de texto e depois diminuir. A fonte que estamos usando aqui é chamada de ir para o painel Caractere. Se você não tiver, vá para o Windows e selecione o personagem. A fonte que estamos usando aqui é chamada de knockouts. H t, f 69, pesos leves completos. Portanto, selecione este e verifique se temos a cor amarela. E também temos um leve contorno de cor preta. Só queria ver se nosso esboço está lá. Sim. Até mesmo um contorno de cor cinza. Esse é um código de cores. Portanto, o contorno é, na verdade, um pixel. Em seguida, certifique-se de ter o ponto de ancoragem no centro, clique com o botão direito do mouse em Transformar ponto de ancoragem central no conteúdo da camada. Eu só quero ter certeza de que esse H é tamanho semelhante ao que eu tenho na prancheta. Sim, é só isso. Isso é bom. E este é o meu h. Agora eu posso deletar isso por enquanto. Vou usar apenas este. Anime isso. Preciso copiar esse H, duplicá-lo, comandar D e movê-lo para cima. E então o Comando D, mova outro para cima, e então talvez o Comando D mova outro para baixo. Então, para h nos alfabetos, aqueles depois de h serão, eu quero mantê-lo no centro assim. E então temos G, F. Isso é baseado em nossa ordem alfabética. O FGH. A maneira como queremos animar isso é que queremos apenas animar o H e, em seguida, ter essas três camadas pais do H. Assim. Vamos experimentar a propriedade position. Pressione P no teclado, clique com o botão direito em Separar Dimensões. Esta é a posição final do h. A propósito, eu quero definir um quadro-chave para a posição final. Vá em frente, 15 quadros, 12345. Essa é a posição final e depois a posição inicial original. Eu quero que o f esteja lá. Talvez. Essa é a posição original. Quando alguém apertou a alça da máquina caça-níqueis, eu queria começar a rolar. Então, avance dois quadros. Antes de eu subir. Eu quero que ele desça primeiro para antecipar movimentos como esse e depois suba. Agora, eu quero que ele se mova muito assim e volte. A animação como essa. Você vê isso? Vamos ver se isso vai funcionar. Clique com botão direito Você sabe o que? Tecla de função F9. Fácil, fácil. Vá para o editor gráfico. Arraste um gráfico de velocidade para garantir que ele tenha alguma energia. Vamos ver se essa animação vai funcionar. Esta é a nossa animação por enquanto, vamos voltar para a base. Mova isso ainda mais. Nós temos esse que aparece. Para mostrar a animação apenas dentro desses pequenos quadrados, lembre-se de que precisamos adicionar um alfa fosco. Então, basicamente, precisamos desenhar outro retângulo de tamanho semelhante a esses pequenos botões no centro. E então certifique-se de definir a camada de hong shu para tapetes alfa. Vamos ver se a animação vai funcionar na primeira. Sim, eu acho que funciona. Isso parece bom para mim. Comece com segurança e depois vá para casa. Novamente. O que eu preciso fazer é selecionar o comando de quatro camadas Shift C. Verifique se eu tenho uma composição chamada H. E, em seguida, clique em OK, esta será minha primeira composição. Em seguida, clique com o botão direito para revelar a fonte da camada em projetos. Esta é a nossa composição h. A próxima coisa que preciso fazer é duplicar essa composição e depois ter certeza de que tenho algumas diferentes aqui para representar as diferentes letras do meu nome. Agora, vamos duplicar a pré-composição etária no painel do projeto. Vamos fazer o comando de duplicação D. E então temos isso enquanto o nomeamos como 0. E então vamos fazer outra duplicação. Posso colocar um n e depois o Comando D, renomeá-lo para G. E então o Comando D, duplicado, permanecendo em S. E então o Comando D duplicado para H2, e então o Comando D duplicá-lo para você. Agora eu tenho todas as minhas cartas no painel do meu projeto. Agora, o que eu preciso fazer é arrastar tudo isso. Eu tenho o OH aqui e depois arrasto o OH até aqui. E então temos, vamos ver o fim. Coloque aqui, arraste a ponta até aqui. E então o G, onde está meu trato gastrointestinal? O GI dao. Coloque o G aqui, diretamente, S para baixo. Mas o S ali, arraste o H2 para baixo. Coloque essa aqui, e a última é arrastar você para baixo com essa aqui. Agora temos todos os nossos nomes. Eu só preciso excluir todas essas camadas do ilustrador. E você pode ver que eles são todos iguais. Mas eu preciso mudar, entrar em cada composição e mudar a letra, certo? Então, para este, será o 0. E se você quiser fazer a ordem alfabética, você pode fazer o 0 e depois o p e M e 0, certo? Você é isso e depois volta para a casa, Shu. Para este, podemos mudá-lo até o fim. E então, este será o g. Se você quiser fazer a ordem alfabética, tudo bem. Você também pode fazer como uma letra aleatória, se quiser. Então, desde que você tenha o nome aqui , diz Hong Shu aqui, deve ficar bem. Então, eu vou apenas mudar os necessários aqui. O último será o “u” aqui. Agora, se eu reproduzir a animação, todas elas aparecerão ao mesmo tempo. No entanto, não é isso que eu quero. Eu quero que eles cambaleem um pouco. Então, o que eu quero fazer é, talvez, eu possa arrastá-los, cambaleá-los. Vamos ver. Quando eu os cambaleio, o que acontece do lado de fora? Sim. Eu ainda quero que as letras estejam no topo dos blocos. Certo? Não quero que a carta apareça. De repente. Acho que a aleatoriedade funciona nesse caso. Eu gosto de como eles são aleatórios. Talvez o que eu queira fazer seja dar a ele mais molduras para que todas apareçam em um momento diferente. Talvez dê a eles mais aleatoriedade. Deixe-me dar a ele mais aleatoriedade. Deixe-me ver como é agora. Essa é uma aleatoriedade que eu gosto. Então, eu preciso atrasar a animação dentro da composição. Digamos que se eu atrasar a animação por 1 s, vamos entrar em cada composição e selecionar todas elas. Pressione U no teclado. Atraso. Essa animação. O início dos quadros-chave a partir de dois segundos. Torto, o mesmo que mudar todo o quadro-chave para 2 s. 2 s. Volte para o G, para o n. Só preciso ter certeza de que eles não estão animando desde o início. Então, estou mudando tudo para dois segundos. Clique duas vezes sobre este, mude para 2 s. Ok, isso é bom. Então, todos eles estão animando a partir de dois segundos. Também quero ter certeza de que não há muito F por lá. Eu não posso usar tantos F. Então este mudou para w. W mudou para ver que há muito F acontecendo. Mudou para k. Sim, vamos voltar para a base. Então, quando eles chegam, temos isso assim. Essa também é a questão do tempo. Precisamos cronometrá-los adequadamente para garantir que a letra central entre primeiro. Então, esse será o G será o primeiro a chegar. Então o S vai ser assim. Esse vem aqui. Esse vem aqui. Sim. Algo parecido. Vamos tentar ver se isso funciona. Sim, isso funciona. Então isso é bom. Então, quando o sangue entra, temos a carta chegando e depois de 2 s, ela começa a ser animada. Vamos voltar e ver o que acontece por aqui. Sim, isso funciona. E é assim que fazemos o centro chamado animação. Na próxima aula, vamos adicionar alguns elementos extras na máquina caça-níqueis. 22. Animação extra: Nesta classe, menos tempo a animação da máquina caça-níqueis na transição e também adiciona alguns elementos extras, animação extra na máquina caça-níqueis para torná-la mais divertida. Se eu desligar o ícone solo aqui, podemos ver toda a animação acontecendo. Portanto, só precisamos cronometrar a máquina caça-níqueis com o plano de fundo assim que a transição estiver acontecendo. E então é aí que temos a máquina caça-níqueis chegando. Podemos avançá-los um pouco que a transição aconteça e, em seguida, tenhamos a máquina caça-níqueis se acumulando. E então temos os textos do rolo de demonstração e depois a animação do nome. Vamos salvar e ver como é. É assim que cronometramos. Isso. Só precisaria levar tudo adiante, a animação da máquina caça-níqueis avançar de tempos em tempos e com a transição. Isso é bom. Outra coisa que eu quero fazer é agrupar todas essas três camadas da máquina caça-níqueis Command Shift C para criar uma nova composição chamada caça-níqueis. Para saber por onde tudo começa, quero cortar essa opção de camada colchete esquerdo aqui. Esse é o momento em que as máquinas caça-níqueis começam a entrar em cena. Em seguida, quero adicionar alguns elementos extras na máquina caça-níqueis para torná-la mais divertida. Vamos tentar uma mudança de posição para pressionar P no teclado e depois ir para dimensões separadas. Portanto, essa será a posição final da máquina caça-níqueis quando ela for construída. Então, eu quero adicionar um quadro-chave da posição Y. Mas desde o início, talvez eu queira que ela vá de baixo para cima e depois apareça como se estivesse sendo jogada em cena. Então, neste momento, eu quero que aconteça até que muitas coisas apareçam assim. Então, de fora da cena, suba demais e depois caia no meio da tela. Vamos clicar com o botão direito do mouse nos três quadros-chave. Keyframe Assistant, Easy, Ease e, em seguida, vamos ao Editor de Gráficos. Nesse caso, eu quero usar o gráfico de valor que atingiu Gráfico Valor e, em seguida, ajustar o gráfico para visualizar. Nesse caso, quero ter mais efeito de trono. Quero que a máquina caça-níqueis entre em cena e talvez caia no centro. Acelerando assim, uma curva como essa. E então talvez salte 12345, balanceado um pouco, mantenha pressionado o comando, adicione um quadro-chave ali. Então, o que eu fiz foi adicionar um quadro-chave no editor gráfico. Agora, eu tenho esse indicador de linha do tempo em 3 min, 3 s, 17 quadros. E então eu posso manter pressionado o comando, adicionar um quadro-chave aqui. E é assim que você adiciona um quadro-chave. No editor gráfico. Quero arrastar essas curvas, certeza de que tenho uma animação balanceada para minha máquina caça-níqueis. Avance três quadros, talvez adicione outro salto, apenas certifique-se de arrastá-los, apenas certifique-se de arrastar essas alças. Então, se a alça não quebrar, apenas segure. A chave de opção vai quebrar a alça. Isso é o que eu quero. Eu também quero que a máquina caça-níqueis fique no ar por aqui. Então , sim, acho que esse tipo de curva funciona melhor. Se eu tiver uma curva como essa, quero que a máquina caça-níqueis seja amarrada no ar e também fique no ar por um tempo e depois caia com os limites no centro. Algo parecido. No momento, é um pouco dramático demais. Eu quero que o equilíbrio seja mais sutil. Vamos reduzir um pouco o tamanho da balança e ver o que acontece. Sim, isso funciona melhor. Acho que Comando S para salvar e depois Shift R. Eu também quero adicionar uma rotação. Então, quando a máquina caça-níqueis for lançada no ar, ela girará primeiro assim. De um negativo de 30 graus. Escrevi assim. E então ele vai girar dessa maneira. E talvez faça algumas ultrapassagens. E então 30 jogados no ar, curvas, aterrissar, se equilibrar um pouco. Vamos ao Editor de Gráficos, assistente de quadro-chave, com facilidade, vá até este editor gráfico e arraste um pouco essas curvas para dar mais energia. Como eu disse, não quero me aprofundar muito nesta aula porque é uma aula para iniciantes. Você pode, esses são quadros-chave muito simples que você pode fazer e acompanhar se quiser saber mais sobre o Editor de gráficos e como tornar sua animação realista. Dê vida à sua animação. Você pode conferir minha outra aula no editor gráfico, como usar o Speed Graph, como usar o gráfico de valores para dar vida aos seus movimentos. Então, essa será uma aula mais aprofundada e você poderá aprender com ela. Por enquanto. Estamos apenas nos baseando em como usar o editor gráfico em um cenário simples como esse. Então essa parte é um pouco estranha. Talvez eu precise me ajustar assim. Ou eu posso deletar este. Vamos ver. Sim, acho que funciona. Foi jogado para cima e depois aparece assim e depois cai, salta um pouco. E então, assim, é disso que eu gosto. Isso é bom. A animação saltitante é boa. E então temos o rolo de demonstração aparece assim que alguém aperta a alça. Eu também quero que a coisa toda se mexa um pouco. Então, tudo que eu preciso fazer é aumentar a escala e a rotação, mudar S, definir um quadro-chave em escala e definir um quadro-chave em rotação. Vá em frente, talvez 123455 quadros e, em seguida, menos 512345, 512345 positivos. Então, eu só queria me mexer para frente e para trás. Vamos ver como é. É muito sutil. Em vez de menos cinco, vamos fazer menos dez. Então, cinco, talvez cinco quadros para mastigar. Então, basicamente, estou fazendo uma rotação de menos dez para cinco positivos e menos dez para cinco positivos. E é preciso aproximar esses quadros-chave, selecionar todos eles e, em seguida, manter pressionada a tecla Option, aproximá-los para que a agitação seja mais dramática. Sim. E depois dos cinco positivos faria outro menos dez e depois voltaria para zero. Vamos tentar isso. Sim, isso funciona. Nós temos o movimento quando alguém aperta a alça. Agora, não queremos apenas a manobra, mas também queremos que a máquina caça-níqueis cresça assim. E então queremos que a máquina caça-níqueis diminua para 100% assim. Isso é bom. E então tudo que eu preciso fazer é adicionar uma facilidade fácil ao Editor de Gráficos. Certifique-se de que estamos no gráfico de velocidade desta vez. Faça isso. Mudar o gráfico de velocidade para uma curva como essa? Você sabe o que? Eu queria ficar um pouco no centro. Então é por isso que eu preciso, eu preciso arrastar essa curva até o fim e , em seguida, arrastar essa curva até o fim no gráfico de velocidade, para garantir que ela tenha a maior atenuação. Isso é extrema facilidade. Você vê que aqui no meio é como uma curva super plana. Então, obtivemos uma flexibilização muito extrema nessa curva. Eu vejo o que parece. Sim, isso é bom. Nós temos isso. Agora vamos visualizar a animação com a animação extra da máquina caça-níqueis. Nós temos aquela máquina caça-níqueis de transição que surge, constrói, e então você entendeu. Ok, isso parece bom. É isso com essa aula. Na próxima aula, vou ensinar como animar as estrelas, como na animação secundária. 23. Toque final: Nesta aula, vamos animar os elementos finais da cena, que são as estrelas. Vamos até o painel Layers e ativar essas duas estrelas. Temos duas estrelas na cena. O que podemos fazer é muito simples. Podemos simplesmente animar essas duas estrelas. Tire-o daqui e faça uma rotação. Defina um quadro-chave na frente. E então vamos arredondar a rotação total. Vamos ver o quão rápida é a rotação. Sim, isso parece bom. Acho que é uma rotação completa de duas ou três rodadas. Talvez seja muito rápido. Então, vamos tentar manter duas rotações completas e, em seguida, clicar duas vezes na palavra de rotação aqui para selecionar os dois quadros-chave. Comando C, copie e depois marque um comando V com estrela, cole-o. Agora temos as duas estrelas girando o tempo todo. E então eu só preciso colocar a primeira estrela abaixo dessa máquina caça-níqueis aqui. Também quero animar uma mudança de escala para trazê-las à tona. Então, Shift S para escala, adicione um quadro-chave para trás 15 quadros e depois em zero, para que seja de 0 a 100 e continue girando. Semelhante a este. Eu quero que esse venha por aqui. Acabei de colar no quadro-chave de rotação que copiei da estrela 1. E agora temos duas estrelas girando. Vamos ver como é. Chegamos à transição e depois começamos a entrar. Agora que estou pensando que os planos de fundo distraem um pouco. Sinto que depois de juntarmos tudo, sinto que o fundo distrai um pouco. Vamos tentar agrupar esses três juntos. Command Shift C para portfólio. E então o que eu posso fazer é mudar a transparência, pressionar T no teclado, alterá-lo novamente, talvez alterá-lo para 50%, ou talvez alterá-lo para 75%. Só não quero que o plano de fundo distraia muito. Sim, acho que funciona melhor. E temos as estrelas girando, o que não é interferido pelo fundo. Veja, eu não aliviei essas duas mudanças de escala que as tornam muito lineares. Agora eu quero fazer uma facilidade com isso. E certifique-se de ir ao Editor de Gráficos. Eu seleciono o gráfico de velocidade e depois mudo a curva para algo assim. Então, há mais energia em sua animação. Dê mais velocidade. Sim, acho que desta vez deveria ficar melhor quando aparecer. Deve ter um pouco de energia. Outra coisa que se você quiser fazer, se quiser criar essas duas estrelas, escolhe a máquina caça-níqueis. Então, quando a máquina caça-níqueis se torna maior, a estrela também fica maior. Vamos ver se isso funciona. Talvez. Tudo bem, essa é a nossa animação completa. Vamos adicionar um pouco de som e dar uma olhada. Basta clicar duas vezes no painel do projeto aqui e ir para nossa pasta de músicas. Clique nessa música, clique em Abrir e arraste a música para a linha do tempo. Vamos ouvir a música. Consigo ver como é. Talvez possamos alterar o nível do áudio para menos dez para que não seja tão alto. E então, no final, podemos diminuir lentamente para 50. 50. Essa será nossa animação completa. Agora vamos dar uma olhada na nossa animação final. 24. Parabéns!: Parabéns por terminar este curso não é um curso fácil, mas agora você conseguiu. Agora você deve ter uma ótima compreensão do After Effects e de como animar dentro do software. Esse é um ótimo primeiro passo. A partir daqui, espero que você possa concluir seu projeto e enviá-lo para a seção de projetos deste curso para compartilhar com seu colega e obter alguns feedbacks. Espero que você tenha se divertido muito aprendendo esta aula e se sinta confiante agora com este programa, meu objetivo neste curso é oferecer uma ótima visão geral e uma visão sobre como é trabalhar um projeto de animação no After Effects. E isso lhe dará confiança com este programa e o inspirará a aprender mais sobre animação gráfica em movimento em geral. Por favor, confira meus outros cursos. Também tenho outras aulas sobre tópicos como fluxo de trabalho profissional entre Illustrator e o After Effects, como criar vídeos explicativos, como fazer animação em stop-motion e também cursos I princípios de animação, que são a coisa mais importante se você quiser se tornar um animador profissional. Mais uma vez, obrigado por fazer esta aula e se você puder me enviar uma avaliação, ela será muito apreciada. Se você tiver alguma dúvida durante a aula, não hesite em me perguntar, e estou aqui para responder a todas as suas perguntas e orientá-lo ao longo do caminho. Muito obrigado por fazer este curso e espero ver você no próximo.