Animação do tipo cinético avançado na Adobe após efeitos | Hongshu Guo | Skillshare

Velocidade de reprodução


1.0x


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

Animação do tipo cinético avançado na Adobe após efeitos

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:08

    • 2.

      PROJETO

      1:49

    • 3.

      Storyboard

      3:23

    • 4.

      Configuração do arquivo

      3:55

    • 5.

      Comece a animar

      8:06

    • 6.

      Camadas nulas e de corte

      8:09

    • 7.

      Efeitos especiais

      8:22

    • 8.

      Seletor de intervalo

      5:48

    • 9.

      Track Matt

      4:04

    • 10.

      Seletor avançado de intervalo 1

      7:32

    • 11.

      Seletor avançado de intervalo 2

      8:16

    • 12.

      Torne-se dentro de movimento

      0:44

    • 13.

      Animação complexa

      8:34

    • 14.

      Transição complexa

      5:00

    • 15.

      Quadro final forte

      11:42

    • 16.

      Linhas de Glitch

      5:11

    • 17.

      Animação adicional 1

      7:57

    • 18.

      Animação 2

      13:09

    • 19.

      Exportar

      3:09

    • 20.

      Parabéns

      0:38

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

1.154

Estudantes

12

Projetos

Sobre este curso

Bem-vindo à animação de tipos cinéticos avançados no Adobe After Effects. Se você estiver interessado no mundo do design de movimento e como funciona a animação do tipo cinético avançado e como animar um projeto do tipo cinético avançado do mundo real, este é o curso para você!

Este não é um curso de iniciantes e não serei capaz de explicar as ferramentas básicas no After Effects neste curso, por isso, se você é iniciante no After Effects e não está familiarizado com as ferramentas e o software, Recomendo que você faça alguns dos meus cursos para iniciantes primeiro para aproveitar ao máximo este curso avançado.

Este é um curso abrangente que aborda tudo o que você precisa saber para animar um projeto do tipo cinético avançado. Você vai aprender tudo o que precisa saber para começar animando seus próprios vídeos de introdução do tipo cinético com toneladas de técnicas, ferramentas e efeitos especiais avançados. Vou puxar para trás a cortina para dar uma visão dos bastidores de como um vídeo do tipo cinético avançado é animado do storyboard até a renderização final. Aqui estão os tópicos que vamos abordar neste curso avançado:

  • Personalize o storyboard
  • Fluxo de trabalho profissional entre o Photoshop e o After Effects
  • Organização do projeto
  • Como animar do zero 
  • Melhores práticas comuns para tipos cinéticos
  • Efeitos especiais mais usados para tipos cinéticos
  • Anime com seletores de intervalo
  • Anime com camadas cortadas
  • Anime com editores de gráficos 
  • Anime com princípios de animação
  • Anime com a transição suave e sedosa
  • Glitches e animações segundas
  • Anime com controle total 
  • Anime com o mínimo de quadros possível para movimentos complexos
  • Atalhos de teclado
  • Dicas e truques para fluxo de trabalho

E muito mais! Depois de concluir este curso, você estará totalmente equipado para passar para qualquer projeto do tipo cinético e se sentir confiante para continuar em sua jornada de domínio dos motion graphics.

Junte-se à nossa Comunidade de Motion Circles, reúna outros designers de movimento e aprenda juntos.

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

Habilidades relacionadas

Animação e 3D Movimento e animação
Level: Intermediate

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á, sou Hong Chu e sou designer de movimento no Canadá. Eu estaria animando profissionalmente no Adobe After Effects há oito anos. Trabalhei em agências de publicidade para clientes como Adidas, PayPal, Walmart e muitos outros. [MÚSICA] Hoje vou ensinar como animar um vídeo de introdução do tipo cinético avançado no After Effects, do storyboard à animação final. vídeo do tipo cinético é tipo muito comum e popular de vídeo gráfico em movimento. É uma parte essencial dos gráficos em movimento que ajudará você a entender como trabalhar com tipografia e como usar tipografia para contar a história da sua marca de forma criativa. Depois de entender como animar vídeos do tipo cinético no After Effects, você será um animador mais polido e comercializável em relação aos seus concorrentes e poderá criar diversão. projetos por conta própria. Também é um ponto de partida sólido para aprimorar suas habilidades gráficas em movimento e prepará-lo para animações mais complexas, bem como para oportunidades futuras empolgantes. Neste curso, mostrarei tudo o que você precisa saber para animar um vídeo curto, mas do melhor tipo cinético. Mostrarei o fluxo de trabalho profissional completo e completo da preparação de seu storyboard no Adobe Photoshop. Como configurar seu arquivo do After Effects para animação. Fluxo de trabalho perfeito e profissional entre o Photoshop e o After Effects Animação avançada usando editores gráficos para transições suaves e sedosas e movimentos realistas. Efeitos especiais populares e mais empolgantes para vídeos do tipo cinético. Técnicas avançadas para aprimorar seu vídeo com elementos secundários e falhas. Como animar com controle total. simples e eficaz de criar animações complexas com o mínimo de quadros-chave possível. Toneladas de atalhos de teclado, dicas de fluxo e truques que eu uso o tempo todo no meu trabalho profissional diário. Para o projeto da aula, você aplicará as habilidades e técnicas aprendidas nesta aula para criar seu próprio vídeo cinético animado de 15 segundos. Eu já forneci o storyboard que usamos na aula, mas você pode personalizá-lo e criar seu próprio design. Faça algo de que você realmente se orgulhe. Essa aula é para alguém que já fez algum nível de animação antes e se sente confortável usando o software. Não explicaremos como o programa funciona, mas concentraremos nas coisas avançadas de como você pode animar como profissional. Se você quer melhorar suas habilidades gráficas em movimento e adicionar técnicas avançadas de animação ao seu conjunto de habilidades, esta aula é para você. Para ser honesto, essa aula é bem difícil. Se você não está familiarizado com o After Effects e não fez nenhuma animação do After Effects antes, recomendo que você confira minhas outras aulas para iniciantes para se familiarizar com o software antes de começar. este. Os conceitos e técnicas que aprenderemos neste curso serão facilmente traduzidos para qualquer tipo de projeto e aumentarão seu nível para se tornar um animador melhor. Além de apenas criar seu vídeo final do tipo cinético, você também desenvolverá uma visão maior narração visual e expandirá seus vocabulários de animação. Isso treinará seus olhos para se tornarem do tamanho de um animador e fornecerá uma maneira totalmente nova de ver a animação no storyboard no futuro. Espero que você se divirta muito aprendendo e animando. vejo na aula. 2. Projeto: [MÚSICA] Bem-vindo à aula. Antes de começarmos, quero falar sobre o projeto da turma. Para o projeto da classe, você estará animando seu próprio vídeo cinético de 15 segundos com base no storyboard fornecido. Vou guiá-lo por todo o processo de como personalizar e criar seu próprio storyboard até a animação final. Em primeiro lugar, quero que você leia a descrição do projeto conforme listado em detalhes, as etapas que você precisa seguir para concluir o projeto. Familiarize-se com o que vamos animar. Vou levar você em uma jornada para criar um vídeo empolgante e avançado do tipo cinético do zero. Enquanto você está fazendo o curso e trabalhando em seu projeto, encorajo você a compartilhar comigo o vídeo final no painel do projeto para que eu possa fornecer feedback personalizado. Um vídeo cinético de 15 segundos não é um projeto fácil, especialmente se for a primeira vez que você faz isso. Haverá lutas e dores, confie em mim. Seu cérebro pode até doer um pouco, mas, assim como aprender qualquer coisa, faz parte do processo e estou aqui para ajudá-lo a tirar o máximo proveito deste curso e responder qualquer pergunta e clareza. quaisquer obstáculos ao longo do caminho. Se você passar por isso e concluir seu projeto, aprenderá muito e será um animador muito melhor em poucas semanas. Depois de me seguir e concluir este projeto, você terá uma ideia de qual é o processo completo para criar um vídeo do tipo cinético e muitas das técnicas avançadas, do processo e do fluxo de trabalho, e as técnicas de animação que ensinamos nesta aula são aplicáveis a qualquer trabalho gráfico em movimento. Isso o ajudará a ficar à frente do jogo e lhe dará a confiança necessária para qualquer trabalho futuro com o cliente. Além disso, no final, você terá um vídeo cinético avançado completo e empolgante para colocar em seu rolo de demonstração, que você poderá apresentar a cliente em potencial e começar a trabalhar imediatamente. É isso com o projeto de classe. Nos vemos na primeira aula. 3. Storyboard: [MÚSICA] Nesta aula, vamos falar sobre o storyboard para animá-lo no Adobe After Effects, precisamos ter algo no Photoshop preparado para a animação, que é o storyboard. Eu já tenho meu arquivo de storyboard na configuração do Photoshop aqui, como você pode ver. No momento, estou neste storyboard.psd, que é um arquivo do Photoshop. Então, no painel de camadas, você pode ver que eu tenho o Quadro 1 até o Quadro 10. Se eu ativar o ícone do olho, você pode ver enquanto eu percorro as diferentes molduras que temos. Então, esses são nossos roteiros. São muito simples e diretos. Se eu abrir o Quadro 1 e depois esconder todas essas camadas diferentes acima dele, você pode ver que eu só tenho uma camada de texto como plano de fundo e, em seguida, há uma camada de texto principal que é animação e então obtivemos um fundo quase preto. Somente três camadas no Quadro 1. Então, se eu for para o Quadro 2, ao abri-lo, tenho um texto de animação delineado e, em seguida, um em roxo no meio, e o outro na parte superior, que também está delineado, quatro camadas no Quadro 2. Eles são muito simples e diretos. Depois de configurar essas configurações, posso trazer esse arquivo storyboard.psd para o After Effects para animar todas essas topografias diferentes. Se eu for para a pasta, posso abrir o storyboard.png. Então você pode ver aqui, este é o nosso storyboard completo, de 1 a 10. É o que parece. Você quase pode ver que há algum movimento e podemos aplicar muitos efeitos diferentes e movimentos de animação diferentes à topografia para ter um vídeo de introdução do tipo cinético. Outra coisa que quero mencionar neste vídeo é que, se você quiser alterar e personalizar seu próprio vídeo de introdução, você também pode ir para camadas diferentes e alterar o texto dentro da camada. Se você não quiser que a primeira palavra seja lida como animação, você pode realmente fazer isso. Talvez você possa colocar uma introdução esportiva, algo assim. Você pode personalizá-lo com base em suas próprias necessidades e criar sua própria animação, seu próprio vídeo de introdução. Mas, por enquanto, vamos mantê-lo como animação. Então, também em termos de cor, você também pode alterar a cor, se quiser. Digamos que se formos para o Quadro 4 e depois tivermos esse fundo, ON, e depois tivermos o da frente, que é roxo, se você quiser fazer um verde, você pode fazer isso. Você pode alterar o tema para uma cor verde, se quiser, ou você pode alterar o tema para a cor laranja. Depende da cor que você gosta. Na verdade, você pode personalizar o storyboard sua cor favorita com sua cor favorita e criar seu próprio storyboard. No final, teremos algo parecido com isso , do Quadro 1 ao Quadro 10. Ele mostrará aproximadamente o que vamos animar em cada quadro e, para este, durará cerca de 15 segundos. É isso no storyboard. No próximo vídeo, vamos entrar no After Effects e criar um arquivo de animação. 4. Configuração do arquivo: [MÚSICA] Neste vídeo, deixe-me mostrar como configurar o arquivo After Effects com o storyboard que tínhamos. Agora, vamos abrir o After Effects. Este é o painel quando abrimos o After Effects. No centro aqui, você pode clicar nessa nova composição. Em seguida, chamarei essa de composição principal, Main Comp, que é a principal área de trabalho da nossa animação. Para a largura e a altura, vou mantê-lo 1920 por 1080 e depois deixá-lo com pixels quadrados. Para a taxa de quadros, na verdade, farei 30 quadros por segundo. Em seguida, a duração, vou dar uma duração de 15 segundos. Cor de fundo, mantenha-a em preto. Clique, tudo bem. Agora temos uma configuração de composição principal no After Effects. A próxima coisa que eu quero fazer é importar o arquivo do Photoshop. Na verdade, podemos clicar duas vezes nessa área do projeto e, em seguida, navegar até nosso storyboard. Vou até o storyboard PSD, que é o arquivo do Photoshop, e depois importo, pois tentarei fazer com que a composição retenha os tamanhos das camadas. Certifique-se de não clicar nessa sequência do Photoshop. Porque se você clicar neste, será difícil para você mais tarde. Isso só é usado quando você está criando uma sequência. Por 95 ou 99 por cento do tempo, não precisaremos dele, então certifique-se de não clicar neste e depois clicar em Abrir. Ele está me perguntando se eu quero manter a camada editável e , em seguida, clico em OK. Como você pode ver no painel do projeto aqui, eu tenho uma pré-composição do storyboard e, em seguida, uma pasta que contém todas as camadas do Photoshop. A forma como eu quero organizar esse painel de projeto é criar uma pasta, antes de tudo, chamar 00 _Render_Comp. Isso vai estar sempre no topo, já que eu coloquei 00 na frente. Vou colocar essa composição principal na composição de renderização, então essa composição principal será a área de trabalho. Além disso, quando terminarmos a animação, renderizaremos essa composição principal, que é uma composição de renderização. A próxima pasta que eu quero criar como uma pasta de ativos chamada ativos. Em seguida, soltarei essas camadas do storyboard, essa pasta, nos ativos, que é a pasta de ativos. próximo que eu quero criar é um Precomps. A pasta de pré-composições hospedará toda a pré-composição que temos. Se você quiser, ainda podemos fazer uma pasta de músicas ou músicas e filmagens, se quiser. Mas, por enquanto, acho que essas quatro pastas são as que queremos manter agora. Ele pode manter nosso painel de projetos bem organizado para nos ajudar mais tarde. Vamos navegar até a pasta de pré-composições e, em seguida, acessar o storyboard, clicar duas vezes nele. Você pode ver aqui que temos de um a 10 quadros em cada composição individual. Cada composição terá todas as nossas camadas do Photoshop dentro dessa composição. Se eu voltar, vá para o Quadro 2 e depois obteremos todas as nossas diferentes camadas. Então, se verificarmos o Quadro 3, obteremos todas essas camadas diferentes. O que eu quero fazer agora é voltar para a composição do storyboard e, em seguida, selecionar de 1 a 10, clicar no Quadro 10, manter pressionada a tecla Shift e clicar no Quadro 1, selecionar todos eles. Comando C, copie-o e, em seguida, volte para o comando principal do comp V, cole-o. Agora, dentro da área de trabalho, que é nossa composição principal, temos do Quadro 1 até o Quadro 10. Esse será o lugar onde vamos animar nosso vídeo do tipo cinético. É isso aí com a forma de configurar nosso arquivo After Effects. No próximo vídeo, podemos começar a animar o primeiro quadro. 5. Comece a animação: Nesta aula, vamos começar a animar o primeiro quadro. Vamos navegar até a primeira camada de quadro aqui na linha do tempo e a primeira coisa que eu quero fazer é espaçá-las um pouco, espaçar todas essas molduras diferentes e, todas essas molduras diferentes e seguida, ter tudo virado com o ícone do olho. Digamos que se eu quiser que cada quadro dure por um segundo, basta arrastar essas camadas diferentes e depois escaloná-las, deslocá-las por um segundo cada. Agora, se eu apertar o botão play, você pode ver que serão apenas quadros estáticos cortando para o próximo após o outro. Essa é a nossa diferença impressionante agora. Esse primeiro, vamos animar o primeiro quadro. Para animar o primeiro quadro, vamos entrar na composição do Quadro 1 clicar duas vezes nele. Eu quero ampliar. Se eu aumentar o zoom, quase posso ver que há um contorno roxo de fundo por trás do meu texto de animação. Acho que agora, está na frente. Vou deixá-la embaixo dela. Em primeiro lugar, quero convertê-los em texto editável. Posso clicar no primeiro, clicar com o botão direito do mouse e depois criar, converter em texto editável. Vai transformar a camada do Photoshop em uma área de texto ao vivo, e agora podemos realmente mudar o texto para o que quisermos, mas vamos mantê-lo como animação por enquanto. Este, a mesma coisa, clique com o botão direito do mouse e depois vá para criar, converter em texto editável. Para o plano de fundo, vou deixar assim. Isso é ótimo. Então agora eu só preciso animar esse texto de animação aqui. Deixe-me ampliar um pouco. Posso clicar aqui para ajustá-lo à área de visualização. No momento, você pode ver que o ponto de ancoragem não está no centro dessa camada, então eu preciso colocá-lo no centro. Para fazer isso, posso acessar esta ferramenta por trás da caneta, manter pressionada a tecla Command, clicar duas vezes nela e, em seguida, ela mudará o ponto de ancoragem para o centro da minha camada. Isso é o que eu quero. A animação que eu gostaria de fazer é, antes de tudo, fazer uma mudança de escala. Vamos pressionar S no teclado e, em seguida, avançar talvez 15 quadros, 1, 2, 3, 4, 5. Estou usando o atalho. Você pode ver no canto esquerdo aqui, apertar o cronômetro, adicionar um quadro-chave e depois voltar para zero segundos. Vamos mudar isso para zero. Em seguida, podemos facilmente apagar a tecla de função F9 para facilitar os quadros-chave e acessar o editor gráfico. Vamos tentar uma curva como essa para facilitar a entrada , então é assim. Sinto que está um pouco lento, então quero aproximar os dois quadros-chave fazer com que sejam 10 quadros. Essa é a primeira animação que temos. Já tem um pouco de energia. Isso é bom. Agora eu só preciso duplicar essa camada Comando D, Comando D, duas vezes e depois pressionar P no teclado, colocar um quadro-chave de posição e, em seguida, avançar 10 quadros. Traga isso para cima e, em seguida, traga este para baixo. Vamos facilitar isso. Vá para o editor gráfico. Outra forma de apagar facilmente um quadro-chave é clicar com o botão direito do mouse e, em seguida, ir para o assistente de quadro-chave, com facilidade. Estou usando o atalho. O atalho é F9. Estou pressionando a tecla de função e depois F9 no teclado. Você pode ver o atalho aqui , diz F9. É a mesma coisa. Vá para o editor gráfico. Eu quero fazer um gráfico de atenuação aqui. Outra coisa é ter certeza de que você está no gráfico de velocidade em vez do gráfico de valores. Você pode clicar no segundo botão aqui e depois mudar o gráfico para o gráfico de velocidade e agora você pode ver algo semelhante ao que temos aqui. Se eu clicar neste botão aqui, ele diz Ajustar todos os gráficos para visualizar. Vai ajustar esse gráfico à exibição aqui e torná-lo maior para que seja mais fácil arrastar a alça. Este é um gráfico que temos para obter essa animação aqui. Isso é bom. Essa é a primeira animação do nosso texto aqui. Depois disso, quero aumentar o texto do meio e depois aumentá-lo até o e, em seguida, transformar esses dois de cima e de baixo em um contorno. A maneira de fazer isso é depois de termos esse movimento aqui, eu quero ir para o meio e depois ter certeza de voltar para a ferramenta de seleção. Já temos a propriedade de escala aqui. Certifique-se de pressionar um quadro-chave aqui e, em seguida, avance talvez alguns segundos, aumente-o. Sim. Algo assim funcionaria. Em seguida, faremos com que essas duas camadas sejam alteradas para contornar. A maneira de fazer isso é duplicar essas duas camadas e também cortá-las neste momento. A maneira de fazer isso é Command Shift D e agora você pode ver que eu tenho duas camadas diferentes. Isso é exatamente o mesmo que os dois primeiros selecionados. No entanto, eles são cortados em 20 quadros aqui. Essas são duas camadas separadas agora. Essa camada 1, Animação 5, é a mesma da animação 3 aqui. Basicamente, eu dupliquei a camada e também a cortei nesse ponto. Agora eu só preciso transformar esses dois em contornos. A maneira de fazer isso é muito simples. Basta ir ao painel de caracteres aqui e, se você não tiver um painel de caracteres, vá para o Windows e selecione o painel de caracteres aqui e, em seguida, basta clicar nessa troca, preenchimento e traçado. Isso transformará nosso texto de animação em um esboço. Se eu vou reproduzir a animação, isso é o que parece. No entanto, quando cresce, ele se sobrepõe ao texto do meu esboço. Neste ponto, eu ainda quero que o texto talvez se afaste um pouco mais desse texto no centro, então há um corte neste ponto aqui. Essa é a animação que gostamos e depois vamos voltar à composição principal. Vamos ver a animação. Algo assim, no entanto, ainda me falta alguma coisa. Aqui eu quero adicionar duas camadas sólidas. Vá para a camada, novo. E então sólido. Quero que essa animação tenha uma aparência recortada em vez de uma transição suave ou um aumento de escala suave. Eu quero que seja cortado, então, basicamente, como falhas na tipografia cinética. Quero ir até esse seletor de cores e depois alterá-lo para a cor azul escuro do plano de fundo. Certifique-se de que essa seja a falha, talvez. Clique em “Ok” e, em seguida, corte-o em dois quadros. Pressione o colchete esquerdo e , em seguida, avance um quadro Comande a seta direita e use a opção colchete direito para cortá-lo. Basicamente, essa camada dura apenas dois quadros. Um, dois, serão nossos cortes. Vou colocar um aqui, outro aqui e depois duplicá-lo. Vou colocar talvez um aqui, e depois, vejamos, um aqui. Esse é o estilo que temos. Há quase um flash da cor de fundo como recorte entre a animação, então a animação não é muito suave. Vamos voltar à composição principal e ver como ela se parece. Sim. Acho que isso funciona e é assim que animamos o Quadro 1. 6. Camadas de nulo e corte: [MÚSICA] Nesta lição, vamos animar o Quadro 2. Já temos a animação do Quadro 1. Podemos dar uma olhada aqui. Esta é a nossa animação do Quadro 1 e, no momento , temos o Quadro 2 cortado em torno desses cinco quadros de um segundo. Podemos ir para a composição do Quadro 2, clicar duas vezes nela. Em primeiro lugar, para animar o Quadro 2, quero transformar essas três camadas em texto editável. Selecione todas as três camadas, clique com o botão direito do mouse em Criar, converta em texto editável. Agora precisamos mudar o ponto de ancoragem para o centro dessas três camadas. Para fazer isso, mantenha pressionada a tecla “Command ” no teclado. Clique duas vezes nesta ferramenta Pen Behind. Agora você pode ver que todas as três camadas têm o ponto de ancoragem no centro. Para animar essas camadas, o que eu quero fazer é primeiro duplicar essas três camadas, Comando D, e então talvez eu possa alterá-las para uma cor de nível diferente, digamos vermelho. Eu posso desligar essas três primeiras camadas. Quero transformar a palavra em movimento em vez de animação. Então eu também quero duplicar essa camada novamente. Coloque mais um movimento em cima. Em seguida, duplique este novamente, coloque mais um na parte inferior. Duplique novamente, coloque mais um aqui. Agora eu tenho seis camadas com texto em movimento. Então eu tenho três camadas com animação. Para animar essas camadas. Eu quero mover este até o fim. Ative essas animações novamente. Agora eu quero mover isso para cima. Agora eu quero controlar a propriedade de posição de todas essas camadas com um objeto nulo, vá para Camada Nova e depois Sem Objetos. Certifique-se de que tudo seja parenteado como nulo. Em seguida, coloque a tecla no teclado. Eu posso animar os objetos nulos. Quando tivermos a propriedade position, podemos clicar com o botão direito do mouse em Separar Dimensões pois estamos apenas animando a posição y, podemos separar a dimensão apenas animando na posição Y. Clique no cronômetro para adicionar um quadro-chave e, em seguida, avance, talvez 10 quadros, 11, 12, 13 quadros. Mova-o para baixo assim e depois avance e talvez outros cinco quadros. Faça com que o imposto de movimento seja liquidado no centro. Algo parecido. Em seguida, preciso selecionar todos os três quadros-chave. Clique com o botão direito em Keyframe Assistant, Easy Vá para o Editor de gráficos. Verifique se você está no gráfico de valores em vez do gráfico de velocidade desta vez, clique neste ícone e depois clique em Gráfico de valor. Quinto gráfico a ser visualizado. Tudo o que eu quero fazer é arrastar essas alças para dar um pouco mais de energia. Algo parecido. Se eu visualizar a animação, isso é o que ela parece. Isso é bom. Se eu voltar para a composição principal, vamos visualizar tudo do Quadro 1 ao Quadro 2, viu isso? Isso é bom. Temos essa animação aqui. Talvez queiramos ficar nessa moldura um pouco mais. Eu posso mover tudo, talvez dois quadros. Tem um suporte de dois quadros. Isso é bom. Agora temos essa moção aqui. A próxima coisa que eu quero fazer é ter certeza de que esse movimento marca o roxo está viajando para baixo até esta linha aqui e depois para esta linha aqui e depois voltar para cima. Quero que esse texto em movimento viaje para baixo e volte para o centro. Para fazer isso, então, a partir daqui, encontre esse movimento roxo. O que pode chamá-lo de Motion Purple. Então podemos cortá-lo nesta moldura aqui. Comande Shift D, mova-o para baixo e, em seguida, avance quatro quadros, 1 , 2, 3, 4 e corte-o novamente. Comando D. Mova-o para baixo. Vá em frente, quatro quadros. Corte novamente, mova de volta para cima. Avance quatro quadros, 1, 2, 3 , 4 e depois corte novamente. Vá até aqui. Vamos ver a animação aqui. Você pode ver que nosso imposto de movimento roxo está viajando por aqui. Acho que está faltando um quadro aqui. Eu só preciso mover esses, talvez por dois quadros e depois estender esse por dois quadros. Temos movimento, desça, suba. Sim. É disso que gostamos. Você pode ver agora que eu não estou animando nada. Estou apenas cortando as camadas para fazer com que os textos em movimento passem por posições diferentes, e cada uma dura quatro quadros. Agora temos o texto roxo pronto. Só precisamos corrigir os outros contornos aqui. Para esta moldura, onde está meu esboço aqui? Este é o meu esboço. Eu preciso cortá-lo nesta moldura aqui e depois mover esse contorno para cima. Nesta moldura, temos o roxo por baixo desse contorno. Há trocas de lugar, você vê isso? Então, se o roxo cair novamente nesta moldura, preciso encontrar esse contorno. Command Shift D. Mova esse contorno para cima. Neste ponto aqui, Command Shift D novamente, mova esse contorno para baixo. Quando o roxo voltar ao centro, precisamos encontrar esse contorno aqui. Command Shift D. Mova esse contorno para abaixo do texto em movimento roxo. Agora vamos ver como é a animação. Você vê isso. Nosso texto em movimento roxo está trocando lugar com nosso texto em movimento de contorno e está viajando para baixo e e está viajando para baixo e depois voltando para o centro. Essa é a animação que queremos. Vamos voltar à composição principal e ver tudo. Mova esse um pouco. Talvez não devesse haver uma retenção. Vamos ver. Eu só não quero que haja um porão. Quando ele corta o segundo quadro, você vê que há um segundo de espera. Eu não quero isso, então eu quero cortar essa fixação, talvez cortar essa moldura em camadas para duas molduras. Agora, aqui, é a frente do Quadro 2, preciso avançar dois quadros e cortar isso aqui. Opção colchete esquerdo, corte aqui. Então, quando ele entra, o Frame 2 já está se movendo, já está em movimento. Quero que minha transição esteja sempre em andamento. Não quero que a transição entre e pare por aí. Isso não é uma transição. Você vê isso? Isso funciona. Vamos salvar o projeto. É assim que animamos o segundo quadro. No próximo vídeo, vamos continuar animando o Frame 3 [MUSIC]. 7. Efeitos especiais: [MÚSICA] Vamos fazer uma transição simples de um flash. É muito comum para um tipo cinético. Tudo o que precisamos fazer é ir para a camada e criar uma nova camada sólida, alterar a cor para branco, renomear o nome para flash e clicar em “Ok”. Arraste essa camada até o Quadro 2 e o Quadro 3. Em primeiro lugar, quero ver quando queremos que o Quadro 3 entre, então por aqui, quando os textos em movimento no quadro pararem de se mover. Por que não começar a nos mudar para cá e queremos fazer a transição para o Quadro 3 aqui. Para este, preciso mover o início dessa camada para aqui. Use nossos atalhos de teclado, colchete esquerdo, para trazê-lo até aqui. Precisamos colocar esse flash em cima do Frame 3 também. Alinhe-o com o Quadro 3, pressione “T” no teclado para aumentar a transparência e, em seguida, aperte o cronômetro para adicionar um quadro-chave. Avance 10 quadros, pressione Command Shift, seta para a direita e, em seguida, adicione outro quadro-chave, altere a transparência para zero. Essa será a nossa transição. Tudo o que precisamos fazer é selecionar os dois quadros-chave e clicar com o botão direito do mouse. Vá para o assistente de quadro-chave e mude para Easy Ease. Vá para o Editor de gráficos. Verifique se você está no gráfico de velocidade e, em seguida, só precisamos fazer uma curva como essa com uma atenuação extrema, e cortamos a camada no final da opção de quadros-chave, colchete direito. Agora temos uma transição instantânea. Isso é o que temos. Vamos reproduzir a animação novamente. Isso é o que temos. Comando S, salve o projeto. Vamos até o Quadro 3 para animar esse texto em movimento. Antes de tudo, transforme o texto em movimento em texto editável. Agora preciso colocar o ponto de ancoragem no centro. Use um truque: pressionamos Command no teclado, clique duas vezes nesta caneta atrás da ferramenta. Para este, preciso criar uma composição para o texto porque preciso adicionar um efeito especial a ela. Para criar uma pré-composição, clique nesta camada e, em seguida, mantenha pressionada a tecla Command Shift C no teclado e nomeie-a movimento, clique em “Ok” agora temos uma composição em movimento. Vamos ao painel de efeitos e predefinições no lado direito. Se você não tiver, pode acessar o Windows e clicar em Efeitos e predefinições. Os efeitos que estamos tentando pesquisar são chamados de limpeza de escala CC. Agora temos o CC scale wipe no painel Efeitos e predefinições. Podemos arrastar essa para a camada de movimento que temos e, em seguida, podemos animar a extensão da camada. Agora está se estendendo para cima, o que não é o que queremos. Precisamos que a direção seja 90 graus totalmente para a direita. Agora eu quero definir um quadro-chave no trecho. Quando é zero, esse é o estado final da nossa animação. Pressione “U” no teclado e, no início, ele deve ficar assim. Selecione os dois quadros-chave, F9, Easy Ease, vá até o Editor de Gráficos e forneça uma curva de atenuação extrema como esta. Vamos ver a animação. Essa é a animação que queremos. Isso parece bom. Comando S para salvar. Volte para a composição principal. Vamos ver como é a animação. Isso parece bom. Parece bom para mim. A próxima coisa que eu quero fazer é fazer uma transição do Quadro 3 para o Quadro 4. Vamos para o Quadro 3. Dentro do Frame 3, quero adicionar um Radial Fast Blur. Primeiro de tudo, vamos para Layer, Create, New e depois Adjustment Layer. Esse será nosso desfoque rápido. Vamos até o painel Efeitos e predefinições , pesquise por CC Radial Fast Blur. Como você já selecionou a camada, vamos clicar duas vezes nela e seguida, esses são os efeitos C que queremos obter. Basicamente, por aqui, quero animar a quantidade do Fast Blur de 0 a 50%. Para 50 e, em seguida, vamos facilitar a atenuação dos dois quadros-chave. Forneça uma curva de atenuação extrema dessa forma. Talvez dedique mais tempo. Algo parecido. Isso funciona. Agora, eu só preciso dar um pouco mais de movimento. O que eu quero fazer é apenas animar o rastreamento dessa camada de movimento. Clique duas vezes nessa composição de movimento e, em seguida, entre nesta camada aqui. Vá para os textos e , em seguida, aqui na animação, vamos adicionar um rastreamento. Do zero, eu quero me alinhar. Este é o fim do nosso desfoque de movimento, e este é o início do nosso desfoque de movimento. Vamos entrar. O início deve ser zero e, em seguida, o fim deve ser algo assim. Então, podemos Easy Ease um quadro-chave. Certifique-se de que essa curva seja semelhante à curva de desfoque de movimento que tínhamos lá fora e, se voltarmos ao Quadro 3, esse é o efeito que queremos obter. Acho que é muito lento. Há um lugar onde tudo está parado. Preciso amarrar a transição do desfoque de movimento mais perto dessa animação na frente. Eu só preciso mover esse desfoque de movimento até aqui quando ele assentar e então a transição começa. Mova esses quadros-chave até aqui para se alinharem com o desfoque de movimento. Talvez eu precise até mesmo me sobrepor um pouco. Eu posso simplesmente sobrepor essa parte aqui. Arraste este. Acho que parece melhor. Então temos o Frame 4 chegando. Vamos ver se eu também consigo alterar a propriedade de escala dessa camada de movimento. Vamos colocar um quadro-chave na escala e depois aumentá-lo e, em seguida , Easy Ease, os dois quadros-chave de escala. Vá para o Editor de gráficos. Certifique-se de que tenhamos uma facilidade extrema como essa. Isso funciona, eu acho. Isso funciona melhor. Vamos ver a animação. Isso parece bom. É isso com a animação do Frame 3. No próximo vídeo, podemos continuar com o Frame 4. 8. Seletor de intervalos: [MÚSICA] Nesta lição, vamos continuar com a animação. Vamos fazer a animação do quadro 4. Da última transição que tivemos do quadro 3, temos o texto em movimento e depois o cortamos assim. Queremos que isso no texto diminua de grande para pequeno, para fazer a transição do último quadro para fornecer um movimento muito suave. Para fazer isso, tudo o que preciso fazer é, antes de tudo, entrar no quadro para composição e, em seguida, selecioná-lo no texto, certificar-se de alterá-lo para texto editável e seguida, alterar o ponto de ancoragem para o centro do texto. Mantenha pressionado o comando, clique duas vezes sobre isso, pressione S no teclado. Mostre a propriedade da escala. Eu quero que isso fique no centro da tela, então eu preciso ir para o painel de alinhamento. Se você não tiver o painel de alinhamento, vá até as janelas e escolha Alinhar. Quero usá-lo para alinhar horizontalmente e depois alinhar verticalmente. Certifique-se de que o on esteja no centro. Eu quero que comece bem grande. Depois, talvez 15 quadros se tornem menores. Fácil facilidade. Vá para o Editor de gráficos. Temos uma facilidade extrema como essa. Talvez seja muito grande, diminua-o e talvez seja muito lento. Eu preciso chegar a 10 quadros. Vamos voltar à composição principal. Vamos ver se a transição funciona. Tenho que pegar para cima e para baixo, isso funciona para cima e para baixo. Maior, maior e depois menor. Salve o projeto. Essa é a nossa animação para o quadro 4 e podemos fazer o quadro 5 aqui juntos. A maneira pela qual eu quero fazer isso é entrar no quadro 5. No momento, acho que o quadro 4 é muito simples. Eu também quero trazer esse texto para o quadro 4. Vamos clicar com o botão direito do mouse em Criar e depois em texto editável. Vamos copiar esse comando C. Volte para a composição principal e solte esse texto no quadro 4. Vá até o personagem e certifique-se alterá-lo para a cor roxa aqui. Mude o ponto de ancoragem para o centro. Talvez abaixe um pouco. Esse texto aqui, talvez você possa torná-lo um pouco maior. Mova-o para baixo. Acho que é muito grande. Eu preciso tê-lo aqui. Isso é bom. Agora eu só preciso animar esse texto para colocá-lo aleatoriamente correto, alguma forma, enquanto temos isso na animação chegando. Para animar essa camada, precisamos adicionar um seletor de texto. Clique nessa camada e vá para Animação, Adicionar Seletor de Texto, Seletor de Intervalo. Agora temos um animador chamado seletor de alcance adicionado sob nossa camada única. No seletor de alcance, há um botão chamado Adicionar. Podemos clicar nisso, escolher Propriedade e, em seguida, adicionar uma alteração de opacidade ao coletor de intervalo. primeiro que precisamos fazer é alterar a opacidade para zero sem adicionar nenhum quadro-chave. Agora, quando tivermos a opacidade alterada para zero, arrastamos o ponto inicial do seletor Range. Vamos desativar isso porque está sobreposto. Está cobrindo minha camada de texto. Aumente o zoom. Quando tivermos a porcentagem inicial de 0 a 100, você pode ver que ela está realmente iluminando nosso texto. Essa é a animação que precisamos. Eu configurei uma chave para que ela comece do zero e depois de 100 aqui. No entanto, queremos que o texto apareça aleatoriamente, em vez de apenas um após o outro. Precisamos ir até a guia Avançado e , em seguida, ativar esse nicho aleatório. Dessa forma, você pode ver nosso texto aparecendo aleatoriamente na tela. Mas agora, eu sinto que está muito lento. Para manter o mesmo ritmo que vimos na animação aqui, também quero animar o deslocamento. Eu quero que a compensação seja zero no início e depois talvez a compense para 40 por cento. Então, talvez volte para menos 10 por cento. Em seguida, avance 30 por cento, compense de volta para menos 20 e, em seguida, compense para talvez 20 por cento. Eu só preciso que esse texto apareça aleatoriamente e depois fique lá assim. Eu acho que isso funciona. Vamos ver toda a animação. Isso funciona. Isso é tudo para a animação do quadro 4. 9. Rastreie o Matt: Lembra que tínhamos a moldura para animação? Esta é uma camada única, e agora eu posso copiá-la. Comando C, volte para a composição principal. Eu quero que este Frame 5 tenha a mesma animação de camada única. Eu posso deletar o antigo que tínhamos. Só usa um novo. Em seguida, certifique-se de mudar a cor para branco. Algo parecido. Agora, tudo o que precisamos fazer é animar isso de acordo com as tendências. Também temos um histórico muito sutil por lá. Talvez eu possa aumentá-la um pouco, colocá-la no centro. Em seguida, nas duas primeiras camadas, vamos clicar com o botão direito do mouse em “Criar” texto editável e garantir que tenhamos o ponto de ancoragem no centro. Também vamos garantir que isso no texto esteja no centro do quadro e que a tendência também esteja no centro do quadro. Vai começar algo assim. Assim que tivermos isso resolvido do quadro anterior, vamos cortar para esse quadro aqui. Temos o aqui, e depois temos a propriedade da posição. Vamos animar isso, viajar para a esquerda e depois ver essa tendência. Pressione P no teclado. Vamos ver a tendência de viajar para a direita. Eu acho algo assim. Então, vamos facilitar o quadro-chave. Vá para o editor gráfico. Para este, vamos fazer uma curva como essa. Acho que quero que a tendência agora apareça na tela. Eu quero que ele deslize para a direita. Deve começar de algum lugar por aqui. Então eu posso facilmente apagar um quadro-chave. Obtenha uma curva de atenuação extrema como esta. Talvez vejamos se eu mudei a curva dessa para algo assim. Eu acho que isso funciona. Agora só precisamos de um tapete de treino. Vamos até Layer, New, Solid. Então, podemos desenhar uma trilha fosca nessa camada sólida, essa forma aqui. Ligue-o novamente. Esta é a nossa trilha mate. Certifique-se de que essa faixa fosca esteja viajando com a camada ligada, então eu preciso ir para o link pai e depois colocá-lo na camada ativada. Temos essa faixa fosca no topo da tendência, e a tendência será usar um alfa fosco. Vamos desligar a faixa fosca. Já está desligado. Vamos ver a animação. Sim, isso funciona, eu acho. O comando S salva o projeto. Vamos voltar à composição principal. Eu acho que isso funciona. Comando S para salvar o projeto. Vamos para zero segundo e pré-visualizar tudo. Agora já terminamos nossos cinco segundos. Estes são nossos primeiros cinco segundos. Vamos visualizar isso novamente. Digamos que, com nossos primeiros cinco segundos no próximo vídeo, continuaremos com a animação e animaremos o Quadro 6. 10. Seletor de intervalo avançado 1: Nesta lição, vamos trabalhar no Quadro 6 e também na transição do Quadro 5-6. Vamos voltar ao Quadro 5 que já animamos antes. Depois de estabilizar e parar a animação, precisamos apenas que essas duas linhas sigam um caminho separado. Eu quero que essa tendência venha para a esquerda, deve ter a tela e, em seguida, essa camada aqui embaixo, fotografe para a direita da tela. Primeiro, vamos pressionar P no teclado. Coloque um quadro-chave na propriedade position e, em seguida, Command Shift, seta para a direita. Atire assim. Agora, eu só preciso facilitar esses dois quadros-chave. Clique com o botão direito em Keyframe Assistant, Easy Ease e, em seguida, posso arrastar quadros-chave, algo assim. Sim, isso funciona. A próxima coisa que eu quero fazer é mover essas duas camadas totalmente para fora da esquerda. No momento, eu tenho essa camada ON. Eu vou para um track matte. Eu tenho essa camada TREND. Se eu mudar a posição da camada ON, vamos ver se eu clico na camada e depois na tendência, coloco um quadro-chave na posição e, em seguida, movo os dois para fora da tela. Sim, isso funciona assim. Agora eu só preciso ir ao Editor de Gráficos. Mude a curva para uma curva de atenuação como essa. Agora você pode ver que eles estão viajando em direções diferentes, isso funciona. Vamos voltar à composição principal e, quando eles viajarem até aqui, posso usar o Quadro 6 para cobrir a coisa toda. Agora fizemos a transição para o Frame 6, isso é bom. Vamos clicar duas vezes no Quadro 6 e, em seguida, podemos animar o Quadro 6. Em primeiro lugar, vamos clicar com o botão direito do mouse na camada de habilidades Criar conversão em texto editável. Certifique-se de que temos o ponto de ancoragem no centro. Eu posso até mudar esse, talvez aumentar o texto. Então eu quero encontrar minha camada Align tentar colocá-la no centro. Sim, isso parece bom para mim. Vamos tentar usar um objeto nulo, ir para Layer New e depois Null Object. Vamos vincular essa camada de habilidades ao objeto nulo. Agora temos um nulo e depois quero mudar a propriedade de posição, animá-la um pouco e também a propriedade de escala. Talvez assim. Encolha, saia daqui, faça um pequeno movimento para a esquerda e, quando se acalmar, diminua. Essa é a animação completa. Temos F9, Easy Ease. Vamos fazer a curva de atenuação de posição primeiro. Vamos fazer essa curva extrema e depois voltar para a propriedade de escala, fazer outra curva. Preciso flexibilizar nas duas extremidades , então preciso de uma curva como essa. Apenas experimente isso. Eu acho que isso funciona. Comando S para salvar o projeto. Outra coisa, eu só preciso animar esse texto aqui usando um seletor de alcance. Novamente, vamos até a “guia Animação” e adicionar um seletor de alcance. Em primeiro lugar, o que eu preciso é de uma opacidade de traço. Vamos até o seletor de alcance e clicar neste anúncio aqui. Temos uma opacidade da cor de preenchimento e, em seguida, a cor do traçado. Vamos até a cor do traço. Use essa opacidade aqui. Então, o que eu preciso fazer é mudar para zero e animar o início aqui. É difícil ver porque temos nossa cor de preenchimento no momento. Nesse caso, quero adicionar outro seletor. Vamos para a animação e, em seguida, escolher outro seletor de alcance. Neste, vamos adicionar uma propriedade, preencher a opacidade da cor. Vamos fazer a opacidade da cor de preenchimento primeiro, mudar tudo para zero e, em seguida, podemos animar a porcentagem inicial para que algo assim apareça. Vamos começar do zero, avançar 10 quadros mudar para 100 por cento. De 0 a 100 por cento, facilitando os quadros-chave. Então, podemos fazer uma curva como essa. Talvez seja muito rápido, vamos arrastar esses dois para mais longe um do outro. Sim, eu acho que isso funciona. Acho que a animação parece boa e depois podemos copiar os quadros-chave. Comando C, vá para esse outro Seletor de Intervalo e depois Comando V, cole-o. Mova a opacidade da cor de preenchimento para frente em alguns quadros. Eu só quero ver onde está a opacidade do meu traçado. Talvez eu precise adicionar um derrame agora. Acho que não tenho um derrame. Clique na camada de habilidades, vá para o personagem. Aqui no traço, preciso adicionar um traço branco como esse. Você vê que temos uma cor de preenchimento em branco e, em seguida, a cor do traço em branco. Agora você pode ver que temos um traçado que contorna o texto de habilidades. No seletor de intervalo, temos nossa opacidade de traçado animada primeiro e depois temos nossa opacidade de preenchimento emitindo alguns quadros depois, que possamos obter um efeito semelhante a este. Vamos ver a animação. Acho que podemos diminuir essa habilidade um pouco mais. Acho que isso parece bom. Você vê isso? Basicamente, estamos usando o seletor de intervalo e, em seguida, alteramos a opacidade para zero e, em seguida, animamos apenas a porcentagem inicial para que o traçado seja pressionado primeiro. Depois, alguns quadros depois temos a cor de preenchimento correta. É assim que alcançamos esse efeito. Vamos voltar à composição principal. Vamos ver a animação aqui. Isso parece bom. Vamos salvar o projeto. É isso com nossa animação do Frame 6. 11. Seletor de intervalo avançado 2: Nesta lição, vamos animar o Frame 7. Como já temos o Quadro 6 pronto aqui, acho que quando o texto da habilidade diminuir aqui, quero que ele faça a transição para o Quadro 7, então vou cortá-lo aqui. Caso você não tenha entendido a lição do Quadro 6, vamos animar o Quadro 7 da mesma forma que o Quadro 6 embora desta vez tenhamos quase um fundo escuro. Mas faremos essencialmente a mesma coisa apenas para demonstrar como o seletor de intervalo funciona e como animar o traçado primeiro e depois preencher a cor. Vamos entrar no Quadro 7 e depois escolher essa camada mestre. Clique com o botão direito em criar, converta em texto editável. Em seguida, certifique-se de que temos o ponto de ancoragem no centro aqui. Mantenha pressionado Command, clique duas vezes nesta caneta atrás da ferramenta. Agora eu só quero ter certeza de que temos esse texto no centro do quadro. Vamos tentar encontrar o painel de alinhamento, que também está sob o Windows, alinhe e depois use alinhar horizontalmente e depois alinhar verticalmente. Talvez eu possa até mesmo tornar este um pouco maior assim. Em primeiro lugar, queremos ter certeza de que precisamos garantir este tenha uma cor de traço ao redor da borda. Vamos ao personagem. Se você não tiver um caractere aberto, você pode ir para o Windows e escolher o personagem aqui. No momento, você pode ver que eu só tenho uma cor de preenchimento neste texto mestre. Preciso adicionar uma cor de traço. Clique no traçado e, em seguida, use o seletor de cores para defini-lo como branco. Clique nesta cor branca aqui. Agora você pode ver que eu tenho um traçado e uma cor de preenchimento. A próxima coisa que eu quero fazer é adicionar um seletor. Para fazer isso, posso clicar nessa camada, ir para a animação, adicionar seletor de texto, um seletor de intervalo. Para o seletor de alcance, depois de adicioná-lo, agora não há nada nele. Há apenas uma porcentagem da posição inicial e final, e também há uma compensação. Para trabalhar com um seletor de intervalo, também precisamos adicionar outra propriedade. É aí que precisamos clicar nesse botão Adicionar, adicionar uma propriedade. O primeiro que precisamos fazer é adicionar uma opacidade de cor de preenchimento. Se adicionarmos uma opacidade de cor de preenchimento, e sem fazer nada, se eu mudar o ponto de partida, nada acontece porque tudo é 100%. No entanto, se eu alterar a opacidade do preenchimento para zero, depois de alterar a porcentagem inicial, você poderá ver que o seletor de intervalo está controlando meu texto e tem cada letra correta de zero por cento de opacidade para 100 por cento de opacidade. É assim que eu controlo a opacidade de preenchimento de cada letra usando a porcentagem inicial do seletor de intervalo. Se eu adicionar um quadro-chave aqui no início de zero por cento, e depois de alguns quadros, vou alterá-lo para 100 por cento. Agora, eu tenho cada letra correta individualmente. Essa é a nossa animação. Tudo o que preciso fazer é selecionar os dois quadros-chave, Easy Ease e, em seguida, só preciso fazer uma curva como essa. Você sabe o que, direção errada. Preciso fazer uma curva como essa para facilitar. Isso parece bom. Agora eu tenho minha animação de opacidade de preenchimento. Outra coisa que preciso fazer é adicionar a animação de opacidade da cor do traçado. Nesse caso, preciso adicionar outro seletor de alcance. Vá para a animação, adicione seletor de texto, intervalo. Desta vez, precisamos adicionar uma opacidade da cor do traçado. Como eu disse antes, se mantivermos a opacidade do traçado em 100 por cento, nada mudará. Mas, no entanto, se eu mudar para zero por cento , se eu alternar entre zero por cento dos pontos iniciais e 100 por cento, você pode ver que estou escrevendo neste texto apenas a parte do esboço do texto. É assim que animamos o esboço. Agora eu só preciso adicionar um quadro-chave inicial em zero segundo e depois alterá-lo para 100 por cento no final. Fácil de apagar um quadro-chave, vá para o Editor de gráfico. Ainda estamos no Speed Graph. Mude essa curva assim. Agora eu tenho a cor de preenchimento correta e a cor do traçado na direita. No entanto, eles estão sobrepostos , então você não pode mais ver o traço. É por isso que preciso atrasar o ponto inicial da cor de preenchimento em alguns segundos, alguns quadros, quatro quadros. Agora, como eu atrasei o início da cor de preenchimento, você pode ver o traçado primeiro e depois a cor de preenchimento. Talvez quatro quadros seja demais, eu adio por dois quadros. Acho que isso parece bom. É assim que conseguimos essa animação complexa com apenas quatro quadros-chave. Vamos voltar à composição principal. Vamos ver a animação completa aqui. Talvez três quadros, porque agora eu ainda não consigo ver o traço. Talvez esteja viajando muito rápido. Eu preciso esperar mais tempo. Isso parece melhor para mim. Corte aqui. Além disso, para este texto aqui, quero que ele diminua um pouco desde o início aqui, talvez avance um pouco e depois diminua. Fácil apague um quadro-chave e depois altere a curva. Algo parecido com isso. Vamos ver a transição. Isso funciona. Então, uma vez que se acalme, farei com que cresça novamente. Escalar a propriedade, vai ser fácil aqui e depois crescer assim. Vá para o Editor de gráficos. Isso funciona. Essa é a nossa animação do Frame 7. Assim. Então, aqui, vamos cortá-lo para o Quadro 8. Acho que o Frame 7 está muito lento. Preciso fazer a transição mais cedo. Assim que estiver resolvido, ele fará a transição imediatamente. Mesmo que se sobreponha um pouco. Por aqui. Sim, isso funciona. É isso com nossa animação do Frame 7. 12. Torne-se dentro de movimento: Antes de continuarmos, quero compartilhar com vocês uma notícia empolgante. Os cursos de design de movimento acabaram de se tornar mais acessíveis nos círculos de movimento. Com nossa associação Motion Insider por apenas $7 por mês, você terá acesso ilimitado aos nossos cursos de design de movimento de alto nível, com a nossos cursos de design de movimento de alto nível, confiança de mais de 50.000 estudantes em todo o mundo É hora de aprimorar suas habilidades de design de movimento para se tornar o melhor animador possível Como especialista, você também receberá arquivos de projetos gratuitos de todos os nossos tutoriais do Motion Circles no YouTube E aproveite um desconto exclusivo de 25% em todos os outros projetos incríveis de animação de outros artistas em nossa loja de arquivos de projetos. Não perca essa oportunidade de aprimorar suas habilidades de animação e , ao mesmo tempo fazer parte de nossa vibrante comunidade. Junte-se a nós hoje em motion circles.com e liberte 13. Animação complexa: [MÚSICA] Nesta lição, vamos animar o Quadro 8. Mas antes de fazermos isso, acho que esqueci algo para o Frame 7. No momento, ele só tem um texto em branco chegando, que não é uma transição muito boa entre o Quadro 7 e o Quadro 8. Então eu acho que o que eu quero fazer é antes que ele suba, vamos excluir esses dois quadros-chave, eu quero que ele diminua primeiro. Vamos cortar e duplicar. Comande Shift D e, em seguida, vamos fazer uma mudança de propriedade em pequena escala. Eu quero mudar a cor para esta, para a roxa. Vamos encontrar a cor roxa. Isso é roxo. Vamos pegar essa cor aqui, Comando C, e depois voltar para o nosso Quadro 7 aqui. Eu quero mudar este para uma cor roxa e, em seguida, desligar o traçado, clique neste ícone aqui para desligar o traçado. Agora só temos uma camada mestra roxa. Eu só queria cortar cada vez menores, talvez cinco molduras, e depois cortá-las novamente. Esse corte e depois comece a crescer assim. Essa será a nossa animação para o Frame 7. Corte e, em seguida, faremos com que cresça assim para fazer a transição para o Quadro 8. Isso funciona. Então temos o Frame 8 aqui. Vamos entrar no Quadro 8, garantir que tudo isso seja convertido em texto editável e, em seguida, ter todo o ponto de ancoragem no centro. Este, eu quero animar da mesma forma que fizemos antes com efeitos de limpeza em escala CC, e eu preciso Command Shift C, fazer disso uma composição, clicar em “Ok”. Quero colocar essas duas camadas nessa camada intermediária e agora quero que esse ar intermediário passe do maior para o menor. Fácil, fácil de usar dois quadros-chave. Dê uma curva de atenuação como esta. Isso funciona. Então agora eu só preciso copiar, ir para a composição principal. Lembre-se desse efeito que temos no Quadro 3, só preciso copiar esse efeito aqui. Copie os quatro quadros-chave, Comando C, e depois vá para o Quadro 8 e cole-o. Certifique-se de mudar a direção para 90 graus. Também quero que a animação comece logo no início, então preciso ter certeza de que esse primeiro quadro-chave da propriedade stretch esteja totalmente no início, então, quando ela chegar, já está animando. Algo parecido. Volte para a composição principal. Vamos ver a animação. Isso funciona. Isso parece bom. Comando S para salvar o projeto. Agora, o que precisamos fazer é entrar nesse comando de design de movimento C para copiar a camada e, em seguida, sair do Comando V, para alterá-la para acelerar. Agora temos uma aceleração. Mude essa camada para uma cor branca como essa e então eu posso copiar as outras duas camadas. Mude-os para acelerar também, mas depois mude, deixe-me desligá-los. Para este, quero que minha cor de traço esteja nessa cor roxa, então vá até o estilo da camada e, em seguida, vá para o Traçado, use esse seletor de cores, escolha a cor roxa. Então este também quando eu mudo a cor para roxo. Agora temos três camadas de aceleração e, em seguida, três camadas de design de movimento. Eu só queria fazer algo parecido com o início da animação. Lembre-se que tínhamos antes. Quero usar um objeto nulo para controlar todas essas camadas. Certifique-se de colocar essa camada 4 e a camada 7 como pai para o objeto nulo, pois já temos essa camada de contorno pai da camada intermediária, portanto, não precisamos criar o contorno como pai para o objeto nulo. Novamente, se eu mudar a posição do objeto nulo, você pode ver que eu já estou mudando tudo. Depois de instalarmos essa , eu só quero separar as dimensões, animar a posição y e, em seguida, derrubar a camada de aceleração. Quadro-chave de fácil facilidade. Você sabe o que? Essa. Vamos fazer o gráfico de valores e, em seguida, inclinar a curva AS aqui. Algo assim, que funciona. Então, uma vez que tenhamos isso aqui, eu só quero que essa camada de aceleração entre uma após a outra. Basicamente, quero que essa não apareça, altere os pontos de partida dessas duas camadas neste momento, use o atalho do teclado, colchetes esquerdos. Então nós temos isso. Uma camada aqui e depois a última estará aqui, então essa aqui. Eu quero que eles entrem assim. O terceiro vem primeiro e depois o do meio e depois o de cima . Isso funciona. Eu quero que eles entrem assim. Depois de cortarem assim, quero que a parte superior e inferior desapareçam assim e depois quero que a do meio cresça assim. Talvez com um quadro-chave de espera, como um corte. No momento, eles são uma transição suave, mas eu quero ter um quadro-chave inteiro, então selecione os três quadros-chave , clique com o botão direito do mouse e segure o quadro-chave. Eu quero que ele desapareça antes que mude de tamanho, assim. Quando a camada intermediária muda de tamanho, a camada superior e inferior desaparecem assim. Algo assim, talvez até maior. Isso funciona para mim. Vamos voltar à composição principal, vamos ver como é. Isso funciona. É quando cortamos para o Quadro 9 assim. É por isso que cortamos para o Quadro 9 aqui. Comando S para salvar o projeto. Isso é tudo para a animação do Frame 8. 14. Transição complexa: [MÚSICA] Nesta lição, vamos animar o quadro 9. Agora, já temos esse texto ACCELERATE crescendo e crescendo. Agora, cortamos para o quadro 9. Clique duas vezes na composição. Vamos clicar com o botão direito do mouse em “Criar texto editável”. Os dois desapareceram. O que podemos fazer é apenas duplicar o que está na parte inferior, o comando D, e depois duplicá-lo novamente, comando D. Esse é o nosso layout. Agora, precisamos primeiro colocar o ponto de ancoragem no centro do texto. Eu preciso afastar o V3 e depois mudar esse, talvez. Certifique-se de que esteja no centro da moldura. Em seguida, Command Shift C para pré-composição. Clique em “OK”. Lembre-se do efeito de limpeza de escala que tínhamos antes no quadro 3, vamos copiá-lo novamente. Essa. Vá para o quadro 9, basta colocá-lo aqui e certifique-se de que o grau seja 90 graus assim. Você sabe o que? No começo, acho que quero mantê-lo maior assim, 160 por cento. Então, quando estiver resolvido, quero usar um quadro-chave de alternância. Uma vez que tudo se resolva assim , teremos esses antecedentes assim. Isso funciona. Depois, alguns quadros depois, vamos mudar essa camada ACCELERATE para CAREERS. Basicamente, basta cortá-lo. Colchete aqui, corte-o. Nós temos o ACCELERATE e então esse deveria ser CAREERS, C. Vamos cortá-lo aqui. Talvez seja muito lento. Precisamos cortá-lo aqui com uma CARREIRA e depois um, dois, três, quatro, cinco, cinco, cinco quadros depois adicionar um quadro-chave. Um, dois, três, quatro, cinco. Faça-o maior. Um, dois, três, quatro, cinco. Faça com que seja tão grande quanto esse texto intermediário aqui. Isso funciona. Em seguida, posso alterar os três quadros-chave para Toggle Hold Keyframes. Agora, eu só preciso um objeto nulo para controlar o tamanho de tudo. Clique na propriedade Escala e , em seguida, avance 10 quadros. Faça com que seja maior assim. Certifique-se de aliviá-los e , em seguida, vá para o gráfico de velocidade, altere-o para uma curva como esta. Está diminuindo. Então, se voltarmos à composição principal, vamos ver a animação. Quero que o alongamento aconteça mesmo após a mudança de escala desses textos do ACCELERATE. Há um movimento contínuo. Você vê que depois de ficar menor, essa parte ainda está se esticando, então tem uma transição mais suave para ela. Então aqui eu quero uma sobreposição. Talvez possamos sair. Uma vez que a carreira se sobreponha em nossa linha, podemos fazer a transição. Então, quando o texto CAREER se sobrepõe ao esboço, eu também quero desativá-lo. Opção repousar colchetes, retroceder um quadro, comandar seta esquerda, opção repousar colchete, cortar. Quando a CARREIRA ocupa todo o espaço, o contorno desaparece. Isso funciona. Comando S para salvar o projeto. É isso com nossa animação do quadro 9. 15. Quadro de terminação forte: [MÚSICA] Nesta lição, vamos trabalhar no quadro final do storyboard, que é o Quadro 10. Como você pode ver aqui, já temos essa transição do Quadro 9 com os textos de carreiras ficando cada vez maiores. Vamos cortar a partir daqui e fazer com que a linha dos círculos de movimento entre, diminuindo de grande para pequena. Clique duas vezes nessa composição do Quadro 10. Vamos primeiro animar esse texto de círculos de movimento. Vamos fazer a mesma coisa, selecionar as duas camadas e clicar com o botão direito do mouse em Criar texto editável. Agora só precisamos colocar o ponto de ancoragem no centro, manter pressionado o comando, clicar duas vezes na caneta atrás da ferramenta. No momento, o site é bem pequeno, então eu quero aumentá-lo. Pressione S no teclado, abra a propriedade de escala e, em seguida, podemos aumentá-la. Algo parecido. Agora vamos animar a propriedade de escala desses círculos de movimento. Pressione S no teclado, adicione um quadro-chave e, em seguida, avance alguns quadros. Torne esse texto maior, talvez assim. Podemos selecionar os dois quadros-chave e clicar com o botão direito em Keyframe Assistant, Easy Ease. Vamos ao editor gráfico, vamos fazer uma curva de atenuação como essa, isso é bom. Então vamos ver a animação, que parece boa. Então, depois que quase se acalmar, eu quero esse texto aqui, esse site vem de cima para baixo. Vou usar a propriedade position, pressionar P no teclado, definir um quadro-chave e, em seguida, movê-lo mais alguns quadros, arrastá-lo para cima. Temos uma mudança de posição de cima para baixo, facilidade é o quadro-chave. Vá para o editor gráfico, podemos fazer uma curva como essa. Agora eu só preciso cortar a camada alguns quadros após o quadro-chave. Talvez aqui, use a opção de atalho do teclado, colchete esquerdo para cortá-la aqui. O texto chegará assim. Talvez mais um quadro, opte por mais um quadro, opção colchete esquerdo. Essa é a animação que temos, vamos voltar à composição principal e ver a animação. Acho que funciona, provavelmente posso fazer com que este chegue mais cedo. Quando os círculos de movimento quase se acalmarem, posso abrir o site. Isso parece bom, comando S para salvar o projeto. Agora, outra coisa que eu quero fazer é, antes de tudo quando ela chegar, eu não quero que essa cor entre imediatamente. Eu quero que a cor venha do lado direito e venha para a esquerda. Para fazer isso, precisamos mudar esse texto aqui para a cor roxa. Vamos tentar mudar o texto para roxo primeiro. Clique nessa camada e, em seguida, use o seletor de cores, escolha uma cor roxa ou rosa. Então eu quero que esse plano de fundo preenchido venha da direita. Basicamente, talvez em torno de 10 quadros, eu quero que esse preenchimento de cor venha da direita. Pressione P no teclado. Adicione uma propriedade de posição, avance 10 quadros e, em seguida, adicione outra propriedade de posição, arraste-a até aqui. Essa é a minha animação, vai da direita para a esquerda. Eu só preciso apagar facilmente esses dois quadros-chave e, em seguida, dar a eles uma curva de atenuação. Isso parece bom. Quando o fundo colorido aparecer, quero que o texto fique na cor branca. Tudo que eu preciso fazer é duplicar essa camada aqui, comandar D, e depois mudar esse texto para uma cor branca. Depois de ter esse texto em branco, quero usar o preenchimento de gradiente como uma faixa fosca para essa camada de texto. Duplique o preenchimento com gradiente, coloque-o em cima do texto branco e altere a faixa fosca aqui do texto branco para Alfa fosco. Se você não tiver a opção track matte aqui, você pode clicar no segundo botão no canto aqui, que lhe dará esta opção de rastrear fosco. Basicamente, quando o preenchimento de cor entrar, a cor do texto será alterada para branca, desse jeito. Vamos voltar para a competição principal e ver nossa animação. Agora, só estou sentindo falta de um fundo preto aqui. Preciso voltar a essa composição, ir para a camada, nova e depois sólida, adicionar um fundo preto por baixo e depois voltar novamente. Talvez nem mesmo preto, acho que é uma cor azul escura. Preciso copiar esse fundo azul escuro, comandar C e depois ir para o Quadro 10. Adicione-o na parte de trás, exclua o fundo preto que eu adicionei agora. Vamos ver a animação. Isso funciona. Eu acho que isso parece bom. Outra coisa que quero acrescentar é que quero adicionar alguns flashes como o primeiro que temos no Quadro 1, apenas alguns flashes de cores sólidas. Comando D, duplique essa camada sólida, coloque-a em cima e depois corte-a em dois quadros. Basicamente, mova o ponto inicial dessa camada até esse ponto aqui, use o atalho colchete esquerdo e, em seguida, avance um quadro. Comande a seta para a direita e, em seguida , corte a opção colchete vermelho. Agora eu tenho esse preenchimento de cor apenas para dois quadros. Pressione U no teclado. Agora eu o tenho fora da moldura, então preciso puxá-lo de volta para dentro da moldura. Basta excluir esse cronômetro do quadro-chave e movê-lo para o quadro. Vá para o painel de alinhamento, quero ter certeza de que está bem no centro. Então isso pisca uma vez, eu vou duplicar isso. Comando D, vou deixá-lo piscar talvez três vezes, vamos ver. Talvez duas vezes seja o suficiente. Isso parece bom. Aqui, na terceira vez, quero que tudo isso fique preto e branco. O que eu quero fazer é ir para camadas, novas, e depois adicionar uma camada de ajuste. Corte em duas molduras, colchete esquerdo e, em seguida, avance uma moldura. Comande a seta para a direita e, em seguida, use a opção colchete direito. Nessa camada de ajuste, vou chamá-la de preto e branco e depois ir para o painel de efeitos e predefinições. Vamos procurar um efeito chamado tonalidade, clicar duas vezes, eu troco a cor. Essa será a nossa moldura em preto e branco, e agora eu só preciso adicionar um efeito de curvas. Curva de busca, e então podemos trazer o contraste para algo assim. Talvez arraste mais um quadro. De repente, vai ficar preto e branco. Vamos ver a animação desde o início. Eu acho que isso funciona. Comando S para salvar o projeto. Também não quero que esse texto fique sempre parado nesse quadro nos últimos segundos. Eu quero que a coisa toda se desvie um pouco, movendo-se cada vez menor. Vá para o texto principal desse círculo de movimento, que é o branco. Vá para a propriedade de escala, pressione S no teclado. Vai durar talvez três segundos. Quero adicionar uma mudança de escala para 130 por cento. Veja, podemos ver esse texto roxo embaixo. Preciso cortar essa camada assim que o texto em branco entrar. Preciso cortar a partir daqui, selecionar esta camada, opção restaurar o suporte para cortar a camada. Então, eu também quero adicionar o site a esse texto em branco para que eles diminuam completamente. Isso funciona. Vá até a composição principal e veja a animação. Acho que é muito rápido e também dura cinco segundos. Preciso puxar esse quadro-chave até aqui e depois quero alterá-lo para talvez um por cento. Não está se movendo muito rápido, vamos ver. Eu acho que isso funciona. É isso aí com toda a nossa animação, vamos pré-visualizar a coisa desde o início. Essa é a nossa animação completa. No próximo vídeo, mostrarei como adicionar um efeito de falha e também algumas outras animações secundárias. 16. Linhas de guilhotinas: [MÚSICA] Neste vídeo, vamos adicionar alguns elementos extras para tornar tudo mais polido. A primeira coisa que precisamos adicionar é uma linha de falha sobreposta em cima de todo o vídeo. Para fazer isso, vamos ao painel de camadas e depois ao novo. Vamos adicionar uma camada sólida. Podemos fazer uma cor preta. Clique em “Ok” e chame isso de linhas de falha. Vamos ao painel Efeitos e predefinições, pesquisar por Ruído Fractal aqui clicar duas vezes sobre este. Este é um efeito de ruído fractal que temos. Precisamos alterar algumas das configurações para obter os efeitos da linha de falha. A primeira coisa que precisamos mudar é mudar aqui no tipo de ruído, trocá-lo para bloquear. Em seguida, precisamos aumentar o contraste. O brilho que precisamos para diminuí-lo. Faça com que seja muito sutil. Em seguida, vá para transformar e verifique essa escala uniforme. Queremos alterar a largura para 1.000 ou 10.000 e também alterar a altura para um. Agora, temos um monte de linhas aqui. Você vê isso? Se manipularmos o contraste, podemos atenuar a coisa toda um pouco mais. Se eu aumentar o zoom, quero ver isso mais de perto. Vamos para a configuração secundária. Para a porcentagem de influência, vamos mudar a influência para zero. Isso vai me dar todas essas linhas retas por aqui. Para o subdimensionamento, o mínimo que podemos fazer é 10. Complexidade. Eu acho que isso não importa. Podemos mantê-lo às 6. Basicamente, é isso que queremos. Só precisamos manipular um pouco mais o brilho. Abaixe o tom até o fim. Então você pode ver que as linhas são muito sutis aqui. Aqui, no modo de mesclagem de linhas de falha, vamos alterá-lo para tela. Agora você pode ver que temos essas linhas sobrepostas em cima da nossa animação. No entanto, eles não estão animando no momento. Eu só preciso ir às opções de evolução e depois ir para a semente aleatória. Se eu mudar a semente aleatória, você pode ver que toda essa animação está acontecendo. Eu acho que as linhas são demais, então eu preciso mudar o brilho um pouco mais, talvez diminua ainda mais o tom para talvez menos 250. Agora podemos ver que restam apenas algumas linhas. Aqui, na semente aleatória, quero adicionar uma expressão, manter pressionada a tecla Option no Mac e clicar no cronômetro. Aqui, podemos digitar vezes 20. Vamos ver se isso funciona. Você pode dizer que há uma animação de linhas com falhas muito sutil por lá. Talvez seja muito sutil. Isso funciona melhor. Ou talvez o tempo vezes 20 seja muito rápido. Vamos fazer o tempo vezes 15 ou 10. Depois disso, outra coisa que queremos adicionar é ir ao painel Efeitos e predefinições. Eu quero adicionar um efeito de posterização do tempo. Se você pesquisar por um posterize, existe esse horário de posterização, clique duas vezes nele. Basicamente, está mudando sua taxa de quadros de 24 quadros por segundo para qualquer outra coisa. Por enquanto, queremos fazer 10 quadros por segundo, há uma aparência mais problemática no ruído fractal. Eu acho que isso funciona. Vamos pré-visualizar toda a animação. Agora você pode ver que temos uma linha de falha ao fundo. Isso é tudo para a linha de falhas. No próximo vídeo, mostrarei como adicionar outros elementos secundários ao vídeo. 17. Animação secundária 1: [MÚSICA] Neste vídeo, vamos adicionar uma animação secundária a todo o vídeo de introdução. Vamos até o painel Projeto aqui e, em seguida, clicar aqui, Criar uma nova composição. Para este, podemos chamá-lo para ser animado como círculos. Mantenha tudo igual, clique em “Ok”. Agora podemos desenhar um círculo com as ferramentas na parte superior. Mantenha pressionada essa ferramenta de retângulo, vá até a ferramenta Elipse e, em seguida, podemos desenhar um círculo, manter pressionadas as teclas Command e Option e Shift para restringir a propriedade. Em seguida, você pode usar a barra de espaço para mover a posição do círculo enquanto estiver desenhando. Solte isso. Esse é o nosso círculo. Para o círculo, eu quero que ele esteja no centro absoluto da composição. Vou até a ferramenta Align, alinhe-a vertical e horizontalmente. Preciso colocar um traço no círculo em vez de um preenchimento. Para desativar esse preenchimento, posso manter pressionada a tecla Option no teclado, clicar nesse preenchimento três vezes 1,2,3. Agora, eu só tenho um traço ao redor do círculo. Vamos até a ferramenta Ellipse, vá até o traçado e depois eu quero mudar o limite da linha. Em vez de boné traseiro, quero trocá-lo para boné redondo. Esse será nosso primeiro círculo. Vamos analisar a propriedade. Vamos tornar isso menor. Então eu quero mudar a largura do traçado para 15. Vamos duplicar esse círculo, o comando D vai para a propriedade Scale, torná-lo maior. No entanto, mude o traço para mais fino, talvez sete. Duplique esse círculo novamente, torne-o ainda maior e depois altere o traço para 20. Em seguida, duplique esse círculo novamente. Pressione “S” para torná-lo um pouco maior. Altere a largura do traçado para seis. Agora, eu só preciso fazer mais dois, comandar D, torná-lo maior, mudar para uma largura maior. O último, comando D, torna maior e depois altere o traço para torná-lo mais fino. Esse será o nosso círculo que teremos. Agora precisamos animar esse círculo aqui. Vamos ao primeiro círculo, vamos adicionar efeitos de caminho Trim. Eu posso manipular esse ponto final aqui para animar e desligar o círculo. A maneira de animar isso é adicionar dois quadros-chave, início e fim, ambos do zero e, em seguida, avançar 15 quadros ou 20 quadros e, em seguida, alterar o início e o final para 100 por cento. Os dois quadros-chave do Easy Ease vão para o editor gráfico. Arraste essas curvas assim. Agora eu só preciso atrasar a parte final do círculo. Se eu isolar essa camada aqui, você pode ver a animação. Eu apenas arrasto os quadros-chave finais para a direita e você pode ver a animação assim. Está chegando e depois limpando e depois limpando, essa é a animação de que precisamos. Podemos copiar todos os quadros-chave do comando C e depois colá-los todos nesses diferentes círculos. Comando V. Vamos ver a animação. Eles estão todos viajando ao mesmo tempo. No entanto, não é isso que eu quero, quero que eles viajem em horários diferentes. Eu quero mudar o deslocamento desses quadros-chave. Basicamente, selecione tudo e, em seguida, aqui na barra de pesquisa, digite offset. Agora podemos ver a diferença aqui. Basicamente, o que eu quero fazer é para os dois primeiros, eu quero dar um deslocamento assim, o segundo, o terceiro círculo e o quarto, eu vou dar um deslocamento como este. Então, nos dois últimos, eu o compus assim. Eles estão começando em uma posição diferente. Vamos ver a animação agora. Isso parece melhor e mais complexo. Comando S, salve o projeto. Acho que é isso, é o que eu quero. Podemos usar essa composição para colocá-la em nossa animação. Vamos ver onde devemos colocá-lo. Que tal aqui? Se tivermos nossa animação circular aqui, torne-a maior. Não quero que o círculo se construa totalmente , para que tenhamos um círculo completo na tela. Vamos entrar nessa composição. Pressione “U” no teclado. Acho que preciso mover esses quadros-chave de valor final um pouco para a esquerda para ter algo assim. O círculo está sempre mudando, não temos um círculo completo construído na tela e a animação é mais curta, é mais rápida. Acho que funciona, desse jeito. Devemos ter algo nesse quadro aqui porque esse quadro é muito chato e só precisamos que a cor esteja nesse roxo. Vamos até o painel Efeitos e predefinições para pesquisar um efeito de preenchimento. Pegue essa cor roxa. Esses dois estão todos juntos, então eu preciso deletar o primeiro, é demais. Vou colocá-lo aqui na tela e torná-lo maior. Para amarrar melhor o Quadro 4 e o Quadro 5, isso funciona. Esta é uma animação circular como animação secundária. No próximo vídeo, mostrarei outra animação secundária. 18. Animação secundária 2: [MÚSICA] Neste vídeo, vamos animar outros elementos extras. Vamos até o painel Projeto aqui e depois clicar em “Criar uma nova composição”. Podemos nomear essa linha animada e clicar em “Ok”. Agora eu só preciso ir até essa ferramenta de caneta e depois desenhar uma linha reta horizontalmente. Isso parece muito bom. Então eu quero duplicar esse Comando D, movê-lo um pouco para baixo e depois alterar a largura do traçado para talvez 20 pixels. Além disso, preciso trocar o Butt Cap, ir para o Stroke e depois trocar o Butt Cap para Round Cap. O mesmo com o primeiro. Só precisa trocar a tampa de bunda para tampa redonda. Aproxime esses dois e então eu preciso duplicar outro, Comando D. Torne este mais fino, talvez 13. Em seguida, duplique outro. Acho que parece bom, e essas são as nossas falas. Precisamos animar as linhas da mesma forma que animamos o círculo. Na verdade, podemos ir até o círculo animado e ver se eu simplesmente copio esses quadros-chave do caminho de corte Comando C e, em seguida, ir para as linhas animadas e colá-lo, Comando V. Vamos ver a animação. Acho que parece ainda melhor. Nem precisamos fazer nada sozinhos. Podemos simplesmente copiar esses dois quadros-chave. Vamos copiar os quadros-chave em todos eles, e essa é a nossa animação. Isso realmente parece bom. Em seguida, preciso selecionar o comando Shift C de quatro camadas e chamá-lo de Linha 1. Agora eu só preciso duplicá-lo para o Comando D e depois ir para a rotação, dar uma rotação de 90 graus. Essa será a nossa animação em cruz ou seno x. Se eu for para a balança, posso diminuí-la, talvez 80% para ambas. Vamos ver se eu copio outro, este aqui. Em seguida, vá para “Escala”, desative essa propriedade de restrição. Coloque um negativo na escala x para invertê-la. Então, este, eu posso fazer a mesma coisa Comando D, vá para “Escala”, marque essa restrição e depois negativo aqui. Eu só preciso mover a posição para alinhar melhor tudo. Dê um melhor alinhamento. Eu acho que isso parece bom. Essa é a nossa animação aqui. Isso parece bom. Comando S para salvar os projetos. Vamos para a composição principal. Vamos adicionar nossas linhas animadas aqui. Neste caso, não precisamos ter uma escala tão grande, talvez de 20%, e colocá-la de lado aqui. Talvez eu queira que comecemos por aqui. Corte esta opção de camada com colchetes esquerdos. Duplique essa coloque aqui. Estou tentando descobrir onde podemos colocar o grande Comando S para salvar o projeto. Na verdade, podemos tentar colocar o grande aqui, vamos tentar se funcionar. Vamos arrastar essa linha animada e depois alinhá-la aqui. Vamos usar R para rotação. Vamos colocá-lo aqui. Eu acho que isso funciona. Vamos adicionar um monte de outras coisas mais tarde para torná-lo mais polido. Mas agora, eu acho que esse que x seno está aqui, eu acho que funciona. Eu quero que comece com essa moldura aqui, então corte-a aqui assim. Isso funciona. Então podemos fazer outro aqui, Comando D. Vamos fazer este no lado direito. Isso funciona. Para acelerar aqui, podemos fazer o círculo, arrastar o círculo para baixo. Coloque-o em cima do Frame 9. Eu acho que isso funciona. A última para o círculo de movimento, ainda podemos usar essas linhas animadas aqui. Estou apenas adicionando aleatoriamente essas linhas animadas e círculos animados para dar mais variedade e, em seguida, dar alguns elementos extras a todo o meu vídeo. Isso funciona. Posso até adicionar o círculo animado aqui e torná-lo menor neste quadro aqui. Isso é cúbico. Na verdade, posso alterá-lo para talvez 20%. Em seguida, adicione um, talvez aqui, mude para 10 por cento. Isso funciona. Vamos ver a animação por enquanto. Acho que isso é muito pequeno, por aqui. Ainda posso adicionar alguns pequenos círculos, vou copiar esses dois círculos Comando D. Agora vamos pré-visualizar nossa animação completa. Está um pouco lento agora, mas posso renderizá-lo mais tarde e depois mostrar a animação completa, mas você entendeu. Só precisamos colocar aleatoriamente as linhas animadas e os círculos animados em vários tamanhos e , em seguida, em vários lugares para dar mais interesse a todo o vídeo. Acho que agora a última coisa que quero fazer é adicionar um fundo sutil, esboçar um texto, assim como na primeira cena aqui, infelizmente temos um texto de animação em segundo plano. Eu só quero adicionar esses detalhes, como se esse plano de fundo não fosse tão claro. Vamos encontrar essa moldura aqui, Quadro 6. Quero duplicar a escala Command D e depois me livrar de todos os quadros-chave e animações. Só quero tornar este maior e depois ir para a propriedade do personagem. Exclua o animador de texto e, em seguida, exclua a cor de preenchimento dessa forma e, em seguida, deixe-a totalmente grande no fundo. Algo parecido. Em seguida, altere o traçado para talvez 0,1 e talvez altere a transparência para 50 por cento. Eu acho que isso parece bom. Que tal isso? Talvez 25 por cento? Acho que parece melhor. Você vê que 25% de opacidade no fundo, apenas dê ao fundo um pouco mais de textura. Isso parece bom. Então eu só preciso adicioná-lo ao último quadro, que é um quadro final aqui, o Quadro 10. Duplique este, pressione “U” no teclado, exclua todos os quadros-chave. Aperte “S”, torne-o super grande. Em seguida, altere a cor do traço para branco. Aqui está, apenas faça com que seja grande. Altere a largura do traçado para 0,1. Vamos fazer a parte do círculo como se fosse um círculo, torná-la ainda maior. Em seguida, altere a transparência para 25% ou 30%. Eu acho que isso funciona. É isso com nossa animação final completa. No próximo vídeo, mostrarei como exportá-lo e mostrarei o vídeo exportado no formato MP4 como um todo. 19. Exportar: [MÚSICA] Neste vídeo, vou mostrar como exportar isso para um vídeo no formato MP4. Já fizemos nossa animação completa. Para exportar o vídeo, vamos até Composição e, em seguida, escolher essa opção como Adicionar à fila de renderização. Depois de clicar em “Adicionar à fila de renderização”, você pode ver aqui que podemos escolher o módulo de saída. Clique em “Alta qualidade”. Normalmente, nós o carregaríamos em um formato QuickTime, vá para as opções de formato. Vamos escolher este Apple ProRes 422. Clique em “Ok”. Então tudo ficou igual , clique em “Ok”. Podemos escolher uma pasta, pasta animação do tipo cinético e, em seguida, vamos nomeá-la como saídas. Clique em “Salvar” e agora podemos clicar neste botão Render. Você pode ver que está renderizando nosso vídeo. Agora temos nosso vídeo pronto. Vamos voltar para a pasta e depois assisti-la. Aqui na pasta de saída, vamos clicar duas vezes nessa. Este será nosso vídeo final. No entanto, está em formatos MOV. Se você quiser que ele seja codificado no formato MP4, precisamos baixar o Adobe Media Encoder. Eu vou te mostrar como fazer isso. Mas primeiro, vamos assistir esses 15 segundos para animação. [MÚSICA] Sim, esses são nossos 15 segundos de introdução animada. Se você quiser alterar este para o formato MP4, precisamos abrir o Adobe Media Encoder. Vá em frente e abra o Adobe Media Encoder. Com o Adobe Media Encoder aberto, vamos colocar esse vídeo em formato MOV nessa fila aqui. Por aqui, podemos realmente mudar a forma como queremos codificá-lo. Podemos alterá-lo para H264, que é um formato muito comum para vídeos MP4. Por aqui, não precisamos mudar nada, na configuração, podemos alterar uma pasta de saída. Ela será a mesma pasta dentro dessa saída. Clique em “Salvar” e, em seguida, clique neste botão verde de reprodução. Agora, ele vai codificar nosso vídeo no formato MOV em um vídeo no formato MP4. [MÚSICA] 20. Parabéns: Parabéns, você conseguiu. Agora é hora de terminar seu projeto e compartilhar comigo e com seus colegas. Não deixe de publicar seu vídeo no painel do projeto para receber feedback e inspirar outros estudantes. Essa é difícil, mas agora você a conquistou. Se houver alguma coisa que você não saiba, sinta-se à vontade para me fazer qualquer pergunta que você tenha e eu estou aqui para ajudá-lo. Se você se lembrar de algumas das técnicas ensinadas aqui, você sempre pode voltar e refrescar suas memórias. Também tenho alguns outros cursos que você pode conferir para aprender técnicas diferentes para melhorar suas habilidades de animação. Muito obrigado por fazer este curso. Espero ver você nos meus outros vídeos. Felicidades.