Introdução ao Adobe After Effects: motion design para iniciantes | Chris Zachary | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Introdução ao Adobe After Effects: motion design para iniciantes

teacher avatar Chris Zachary, Designer / Animator / Director

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.

      Introdução

      1:49

    • 2.

      Projeto do curso

      1:49

    • 3.

      A interface do After Effects

      9:50

    • 4.

      A começar

      6:21

    • 5.

      O editor do gráfico e formas morphing

      12:18

    • 6.

      Revelando o logotipo

      13:11

    • 7.

      Adição de movimento secundário e flat

      12:57

    • 8.

      Efeitos de composição e polo

      14:41

    • 9.

      Finalização e exportação

      4:30

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

2.180

Estudantes

55

Projetos

Sobre este curso

Neste curso do Skillshare, você vai aprender a criar e criar sua primeira animação de qualidade profissional no Adobe After Effects. Seu projeto será animar um logotipo a a um formato de forma

Desenhei este curso para ensinar o que você precisa saber para começar a usar o After Effects no setor do Motion

VOCÊ VAI APRENDER A:

  • Navegar e usar a relação do After Effects
  • Design e animar com camadas e keyframes
  • Melhore sua animação com o editor do gráfico!
  • Trabalhe mais eficia com objetos pré-comerciais e null
  • Adicione polimento e estilo com efeitos de composição
  • Exportar sua animação para compartilhar fácil

Uma das coisas mais importantes que você vai aprender, é como usar O O DEITOR para fazer sua animação ficar profissional e suave, não iniciantes e rígidas. É a primeira coisa que procuro ao avaliar o trabalho de animação de animação de freelancers de o trabalho a trabalhar em freelancers.

Não estamos falando sobre VFX. Não estamos fazendo vídeos loucos de instagram. Estamos aprendendo o After Effects com técnicas e fluxos de trabalho que eu usa todos o dia como o trabalho como diretor de design de movimento e animação.

Não é necessário experiência anterior no After Effects Se você estiver deseja aprender a animar no After Effects, e uma abordagem profissional para uma animação simples e polida, este curso é para você.

Espero que você gosta!

Chris

Mais recursos do After Effects:

Conheça seu professor

Teacher Profile Image

Chris Zachary

Designer / Animator / Director

Professor

Hi there! I'm Chris. I'm a motion designer, director, and teacher from Kansas, current based in Kentucky (weird, I know). I've been animating professionally with After Effects for over ten years. I've done a range of work from a small local marketing agency, to my own studio, to freelance, to my current job as Design/Animation Director at an agency called Authors.

Across that range of work, I have had the opportunity to animate for local companies, studios, and large brands like Facebook, Toyota, Microsoft, and more. 

I also have a passion for sharing what I'm learning, which I have been doing on Twitter, Youtube, a newsletter, and an educational site for After Effects.

I decided to start sharing courses on Skillshare to share what I wish I learned when I was g... 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. Introdução: [MÚSICA] Ouça, eu sei que já existem muitos tutoriais do After Effects e cursos de introdução por aí. Veja por que este é diferente. Este curso não é voltado para aprender o After Effects para efeitos visuais ou fazer edição pateta do Instagram. Vou orientá-lo pelos fundamentos do After Effects, especialmente para design de movimento. Vou te ensinar tudo o que eu gostaria de saber quando estava começando. Sou Chris. Sou designer de movimento profissional nos últimos 10 anos e tenho trabalhado no After Effects há mais tempo do que isso. Atualmente sou diretor de animação em tempo integral para uma agência chamada Autores. Eu trabalhei em todas as formas e tamanhos de projetos de cliente direto, trabalho de agência, freelance, você o nomeia. Também tenho compartilhado conteúdo educacional After Effects. Basicamente, gosto do After Effects, gosto de design de movimento e estou aqui para melhorar sua vida. [MÚSICA] Nesta aula, vou ensinar-lhe como fazer essa animação, que eu projetei especificamente para ensinar os fundamentos, e os princípios que você usará em todo o resto do sua carreira de design de movimento. Quero dividir a interface do After Effects para você. Mostre exatamente como usá-lo, mostre que não é tão assustador, mas também quero ensinar-lhe por que a maioria das animações iniciantes são realmente rígidas e ruins. Vou mostrar coisas que muitas pessoas esperam, até muito tempo em sua carreira para realmente aprender. Com tudo o que fazemos, vou guiá-lo passo a passo, que você possa recriar isso e aprender por si mesmo como fazer o trabalho parecer assim, e tomar algo simples, mas fazer com que pareça muito e polido e bem executado. Agora que você foi totalmente trazido, vamos entrar no After Effects. [MÚSICA] 2. Projeto do curso: [MÚSICA] Antes de entrar em tudo, vou falar um pouco sobre o projeto de classe desta série. Estaremos criando uma revelação de logotipo animada que se parece com isso. Você pode revelar seu próprio logotipo, você pode revelar algum texto ou o que quiser. É amigável para iniciantes, mas não para iniciantes. Tem um movimento suave e rápido, que vem do uso dos princípios da animação, tem transições entre formas, usa camadas de forma, que você usará muito no After Effects e tem uma camada extra de composição que adiciona polimento e iluminação e faz com que pareça muito mais profissional do que você pode sentir como se fosse. Estaremos construindo isso do zero no After Effects, então não há arquivos de projeto, nada que você precise baixar. Contanto que você tenha o After Effects instalado, você poderá recriar isso porque vou passar por ele passo a passo e mostrar como. Agora, antes de começarmos uma última vez, lembre-se de que você está aprendendo um novo software e isso é difícil de fazer. Haverá momentos em que você pode ter que fazer uma pausa, você pode ter que retroceder e tudo bem. Essa é, na verdade, uma ótima maneira de aprender. Você deve tentar pausar e entender o que está fazendo enquanto eu estou ensinando, e não fique frustrado se você ficar trás ou se tiver que tentar as coisas mais de uma vez. Se você ficar preso, o Google é seu amigo, eu também sou seu amigo, vamos descobrir juntos. Uma última dica profissional sobre como aprender coisas assim, algo que realmente me ajudou foi fazer tutoriais duas vezes. A primeira vez eu tentava recriar o que o professor estava fazendo e na segunda vez eu tentava aplicar as mesmas coisas à minha própria ideia. Esticaria meu cérebro um pouco e, como eu já estava familiarizado com o que estava acontecendo, eu seria capaz de aprender muito melhor dessa maneira. Dito isto, estarei orientando você sobre como criar essa animação específica, mas sinta-se à vontade para fazer mudanças como você quiser. [MÚSICA] 3. A interface do After Effects: Você está pronto para aprender algum After Effects? [MÚSICA] Falaremos iremos em frente e inicializaremos o After Effects. [MÚSICA] Depois de terminar o carregamento, você deve receber um menu de tela inicial. Eles terão algo assim. Estou usando o After Effects 2021 para usar algo um pouco diferente. Não se preocupe, isso não deve afetar realmente o que estamos fazendo hoje. Se você já abriu o After Effects e sua interface já parece diferente disso, vamos prosseguir e redefinir nosso espaço de trabalho para o padrão clicando aqui, clicando neste pequeno dooblydoo, e clique em “Redefinir” para salvar o layout. Então ele deve se parecer com isso. Aqui temos a janela do projeto. É aqui que tudo o que você usa em seu projeto vai ficar. Você terá suas imagens, você terá vídeo, você terá suas composições sobre as quais aprenderemos mais tarde. Tudo vai viver neste painel. Agora, dentro de um projeto, você cria o que é chamado de composição. Você pode fazer isso aqui no início do projeto clicando em “Nova Composição”, ou mais tarde, você pode ir até este pequeno botão aqui e clicar em “Criar uma nova composição”. É aqui que toda a sua animação vai acontecer. É como um pequeno mini-projeto dentro do seu projeto principal. Você pode ter muitos deles dentro um projeto e muitas vezes você usará muitos deles. Vamos seguir em frente e definir as configurações aqui. Vamos chamar isso de Minha Primeira Animação. Vamos garantir que a largura e a altura estejam definidas como 1080 por 1080, vamos definir a taxa de quadros para 24 quadros por segundo. O código da hora de início, vamos deixá-lo em zero, e a duração, vamos apenas fazer esses 10 segundos mudando aqui e certificar-nos de que isso corresponda aqui. A última coisa, cor de fundo, certifique-se de que o seu está definido como preto. Isso realmente não afetará nada. Mas se o seu for diferente, pode parecer diferente do meu e você pode ficar confuso. Agora temos uma composição. Nossa composição aparece aqui no visualizador de composição e, em seguida, temos aqui o que é chamado de linha do tempo. Com tudo, você pode clicar, arrastar e mover essas coisas. Mas esse espaço da linha do tempo é onde suas camadas para sua composição irão. Tudo o que está aqui vai aparecer, aqui em cima. Agora, o que isso significa? Vou te mostrar. Vamos seguir em frente e criar uma camada de texto clicando com o botão direito do mouse aqui, clicando em “Novo” e “Texto”. Então vamos digitar seu nome. Meu nome é Chris Zachary, mas seu nome provavelmente não é isso, então você deve digitar outra coisa. Agora temos uma camada de texto que aparece aqui, e você pode ajustar suas configurações de texto aqui no painel de caracteres. Esta é outra área do After Effects onde você pode ter todas essas configurações diferentes. O painel de caracteres é onde você ajusta seu texto. Parágrafo, você pode alinhar à esquerda, centralizar ou à direita e, em seguida, ajustar seu tipo de texto. Vamos fazer essa Helvetica ousada e fazer com que pareça legal. Agora temos uma boa camada de texto limpa. Vamos criar uma camada de fundo agora. Se clicarmos com o botão direito do mouse, fazemos nova camada de forma e ela criará uma camada de forma em branco. Agora, uma camada de forma é apenas um contêiner para formas, e mostrarei o que isso significa clicando nesta ferramenta de retângulo aqui, e essa área é chamada de barra de ferramentas e é onde suas ferramentas estão. Com licença, cachorro. Se você segurar “Shift”, ele fará um quadrado. Vamos desenhar um bom retângulo grande. Agora, este não é um plano de fundo perfeito ainda, mas vamos fazer isso. Se clicarmos em nossa camada de forma, podemos subir aqui e podemos mudar nossa cor de preenchimento para algo agradável e azul. Agora temos uma caixa azul e ela atualmente está bloqueando nosso texto. É assim que o After Effects funciona. Ele usa camadas que são empilhadas em uma determinada área e, em seguida, camada uma sobre a outra, onde você as vê aqui na janela de composição. Esta ordem de camada, esta 1,2, vai de cima para baixo e é muito importante. Qualquer coisa que esteja por baixo na linha do tempo estará abaixo do espectador. Se isso soa confuso, não se preocupe com isso. Se você apenas mexer em torno de um After Effects, se você apenas seguir este curso, fará sentido muito rapidamente e você começará a se familiarizar mais com esse território atualmente desconhecido. Agora que temos essa camada de fundo áspera, se apertarmos “Enter” enquanto a camada estiver selecionada, podemos renomeá-la, Plano de fundo. Como você pode ver dentro dessa camada de forma, há o conteúdo e há esse retângulo. Este retângulo é esse retângulo. Se girarmos para baixo, podemos ver as configurações do retângulo. Aqui dentro do caminho do retângulo, temos esse tamanho, e vou seguir em frente e mudar esse tamanho para 1080 por 1080. Se você se lembra, definimos nossa composição, nosso projeto para ser 1080 por 1080. Isso o torna do mesmo tamanho que o plano de fundo. Então vamos descer aqui para a transformação para o retângulo 1. Essas são basicamente as configurações de posição dessa caixa real. Vamos seguir em frente e definir a posição como 0 e, em seguida, clique em tab para ir para a próxima propriedade e aperte 0 novamente, pressione “Enter” para fechar isso, e você verá nosso retângulo perfeitamente se encaixa no fundo. Isso pode ter sido muito trabalho para obter um plano de fundo simples aqui, mas eu queria mostrar como as camadas de forma podem ter uma forma dentro delas, e então a forma tem suas próprias configurações e, em seguida, a camada em si tem suas próprias configurações. Se olharmos para essa camada de texto, vamos seguir em frente e fazer nossa primeira animação. Vamos girar para baixo nas propriedades de transformação aqui. Podemos ver que temos escala, que ajusta a escala da camada. Temos posição, temos a posição y neste lado e a posição x neste lado. Temos rotação e temos opacidade, que mostra a opacidade. Vou redefinir todos esses, então ele remonta ao início. Vamos definir alguns quadros-chave. O que são quadros-chave? Quadros-chave são como você anima no After Effects. É basicamente uma pequena forma que diz, neste momento, igual a esse valor. Agora, o que isso realmente significa? Vou te mostrar. Se entrarmos em nossa composição, vemos esse jogo de cabeça aqui. Agora isso rola ao longo do tempo. Aqui estamos em zero segundos. Aqui estamos em três segundos. Você pode ver isso aqui, e você pode ver isso aqui. Você também pode ver isso aqui. Vou para um segundo aqui, e vou clicar neste pequeno cronômetro ao lado da escala. Clicar nesse cronômetro ativa a animação para essa camada. Agora temos uma pequena forma de diamante que apareceu aqui em um segundo que diz que a escala é igual a 100%. Agora, se avançarmos para dois segundos e arrastarmos isso para dizer 191, qualquer número que você escolher, ele criará automaticamente outro quadro-chave que diz em dois segundos igual a 191. Agora, se arrastarmos entre eles, você poderá ver o After Effects anima a escala entre 100 e 191. Se pegarmos nossa cabeça de jogo, uma pequena barra de cabeça de jogo aqui, e arrastá-la para o início, podemos acertar a barra de espaço. Você acabou de animar sua primeira animação. Sei que isso parece um pouco simples, mas é realmente tudo o que há no After Effects. Há muitas complexidades e coisas obviamente adicionais que continuaremos aprendendo e coisas que você aprenderá nos próximos 10 anos. Mas os fundamentos essenciais do After Effects são camadas e quadros-chave e dizer: faça isso neste momento faça isso neste momento. Uma última coisa antes de pararmos de falar sobre interface, essa é a coisa mais importante que vou mostrar hoje e a coisa mais importante que você aprenderá no resto desta série, e esse é o editor de gráficos. Se clicarmos neste pequeno ícone aqui, veremos essa área estranha chamada editor de gráficos. Agora, o editor gráfico é como você leva sua animação de ser rígida e feia para ser suave e profissional. Agora, isso pode parecer um pouco estranho e assustador e tudo isso parece bizarro. Mas não se preocupe, vou mostrar como usar o editor de gráficos e exatamente como fazer suas animações se sentirem tranquilas em um vídeo posterior. Vamos recapitular. Aprendemos sobre os conceitos básicos do After Effects. Aprendemos sobre o espaço de trabalho. Aprendemos sobre o painel do projeto, onde você armazena tudo, a janela de composição onde tudo aparece e a linha do tempo onde você anima e faz todas as suas camadas. Depois, há todas as diferentes barras de ferramentas e painéis por toda parte. Isso é o que você precisa saber. Você também criou sua primeira animação do After Effects, então parabéns. Se você quiser continuar clicando e se familiarizando com a interface, sinta-se à vontade para fazer isso. Você pode tentar animar algo como a posição do texto, fazê-la sair da tela e depois na tela, algo assim. Mas se você estiver pronto, vamos para o próximo vídeo onde vamos começar a trabalhar em nosso projeto de classe. 4. A começar: É hora de começar o projeto de aula [MUSIC]. De volta ao After Effects, vamos seguir em frente e salvar nosso arquivo. Se você ainda não fez isso, você pode fazer isso acessando Arquivo, Salvar ou Comando S, Control S, o material normal. Vamos navegar até onde você deseja salvá-lo. Vou colocar isso na minha área de trabalho. Vou chamá-la de minha primeira animação e clicar em “Enter” ou “Salvar”. Agora é muito importante sempre salvar seus arquivos porque o After Effects pode falhar e ele falhará, e você não quer perder muito trabalho. Portanto, certifique-se de estar sempre pressionando “Control S” ou “Command S” para salvar as coisas. Lembre-se de como eu disse que você pode fazer várias composições. Bem, aqui vamos seguir em frente e criar outra composição clicando neste botão. Vamos chamá-lo de [RUÍDO] “Logo Revelador”. Vamos usar as mesmas configurações antes, 1080 por 1080, 24 quadros por segundo e dez segundos de duração, e clicar em “Ok”. Agora você deve ver minha primeira animação no Logo Reveal em seu projeto. Eu também tenho essa pasta de projeto antiga aqui, que você não deveria ter na sua. Não se preocupe se o seu parece diferente, meu só tem meu projeto de exemplo que fiz anteriormente. Agora temos Logo Reveal e minha primeira animação. Vamos seguir em frente e clicar duas vezes, certifique-se de que a revelação do logotipo esteja selecionada aqui. Podemos alternar para frente e para trás entre eles. Queremos que a nossa seja essa nova composição em branco. A primeira coisa que vamos fazer é criar uma camada de fundo como antes. Vou mostrar uma maneira mais rápida de fazer isso indo para uma nova camada de forma. Depois de selecionar isso, você pode ir até a ferramenta retângulo e clicar duas vezes no retângulo. Isso criará uma forma que preenche todo o plano de fundo. Você provavelmente é como,” por que você não me mostrou isso antes?” É porque eu queria que você aprendesse. Supere isso. Vamos renomear essa camada para plano de fundo pressionando “Enter”, clique em “Enter” para confirmar isso e temos nosso plano de fundo. No próximo passo, vamos adicionar um círculo, bola ou forma de herói. Se você olhar para o nosso exemplo final aqui, temos um círculo no meio. Ele voa, se transforma em um quadrado e depois revela nosso logotipo. Vamos seguir em frente e criar um círculo clicando com o botão direito do mouse em nova camada de forma, como antes. Vamos nomear essa forma de herói de camada. Pressione “Enter”. Então vamos subir aqui e vamos criar um retângulo. Agora, por que você criaria um retângulo para fazer um círculo? Vou mostrar ajustando as configurações do retângulo. Se girarmos aqui no caminho do retângulo do conteúdo, veremos o tamanho. Vamos seguir em frente e arrastar isso para baixo, e vamos digitar talvez 200. Como eles estão vinculados, ele definirá os dois automaticamente. Vamos mudar nosso preenchimento para uma cor azul claro como esta. Agora você pode estar dizendo que esse é o pior círculo que eu já vi. É um círculo ruim, mas isso é porque ainda não ajustamos a redondeza. Se arrastarmos esse arredondamento para cima, teremos um círculo. Ele arredonda esses cantos para fora e temos um retângulo que é realmente um círculo. A razão pela qual estamos fazendo isso é porque, mais tarde, vamos transformar esse círculo em um retângulo novamente. Se fizermos isso dessa maneira com essa configuração de arredondamento, é fácil animar entre essas formas. Temos uma forma, temos um plano de fundo, vamos começar a animar. Aqui vou te ensinar alguns atalhos de teclado que são importantes para aprender à medida que você avança. Não se preocupe, se você continuar trabalhando, eles se tornarão memória muscular eventualmente. Vamos acertar “S e isso significa Escala. O que queremos que isso faça, se você olhar para o exemplo inicial, ele aumenta a partir de zero, nosso círculo se torna um grande círculo. Vamos aqui e queremos que isso seja dimensionado em provavelmente mais de 12 quadros. Vamos aqui para cerca do 12. Vamos clicar no cronômetro para definir um quadro-chave como você se lembra e vamos rolar para trás aqui e vamos mudar esse 100 para zero. Agora, se atingirmos a barra de espaço para jogar, [RUÍDO] oh sim, temos uma animação. Nosso círculo agora aumenta de zero a 100%. Outra coisa que vou mostrar é que você pode arrastar essa barra é chamada de área de trabalho. Você pode arrastar isso para que sua visualização seja reproduzida somente durante esse tempo. Ele impede que ele jogue durante os 10 segundos completos. Você pode definir essa pequena área de trabalho e ajustá-la à medida que avança. Agora que nossa forma está em escala, vamos animar a Posição. Vamos começar a animar a posição clicando no cronômetro na propriedade Posição. Vamos ir em frente para talvez aqui. Vamos segurar “Shift” e arrastar nossa camada para o lado. Isso criará outro quadro-chave. Agora podemos arrastar entre, podemos ver, escalamos, deslizamos. Vamos avançar mais um segundo. Podemos arrastar nossa bola para o outro lado do quadro. Isso mostra que você pode mover as coisas por aqui, ou você pode movê-las com esses números aqui em baixo. Agora temos três quadros-chave. Se você pressionar “U” e [NOISE] U novamente, poderá ver todos os quadros-chave que estão atualmente configurados. Temos uma animação em que as bolas aumentam e se movem da esquerda para a direita. Por que isso parece tão rígido, nojento e feio? Isso porque não fizemos nenhuma flexibilização. O que é flexibilização? Facilitar é como você suaviza o movimento em uma animação. É também a diferença entre animação iniciante de lixo cocô que se parece com isso e uma animação muito polida, bonita e suave que se parece com esta. Como você faz isso? Clique no próximo vídeo e eu vou te mostrar. 5. O editor do gráfico e formas morphing: Neste vídeo, vou mostrar o segredo para que sua animação se sinta agradável e suave em vez de dura e feia assim. Também vou mostrar a vocês como fazer a transição desta bola para um quadrado. Vamos chegar a ele. [MÚSICA] Paramos com nossas bolas escalando e indo de um lado a lado assim. Mas nossa animação ainda parece nojenta e feia. Vamos corrigir isso entrando no editor de gráficos. Então, “clique aqui”, certifique-se de ter um de seus quadros-chave ou sua posição ou sua escala selecionada e “clique” neste botão para entrar no editor de gráficos. Você verá esse gráfico misterioso. Agora, o que o editor gráfico faz? Se você pressionar a tecla “mais” e “menos” no teclado, poderá aumentar e diminuir o zoom e, se não vir nada, certifique-se de ter uma de suas propriedades selecionada. Vamos analisar a propriedade scale primeiro, porque é mais simples, são apenas dois quadros-chave. Vamos ver o que está acontecendo. Se sua exibição não for assim, você pode estar olhando para o gráfico de velocidade ou o gráfico de valores. Se você “clicar com o botão direito”, você pode ver que temos o gráfico de valores de edição e editamos o gráfico de velocidade. Vou mudar para editar o gráfico de valores, e você deve ver algo assim. O que temos é uma representação visual da nossa animação. Aqui, é uma linha reta muito mecânica entre zero e 100%, e é por isso que a bola parece muito rígida. Se você estender a mão na frente do rosto, basta movê-la na frente do rosto para frente e para trás, e perceba como as coisas se movem. Na verdade, ele começa devagar, vai rápido e depois termina devagar, e isso está diminuindo. Qualquer coisa no mundo natural não se move na mesma velocidade rígida, perfeita o tempo todo. Ele se move com essa curva. Como com uma lenta entrada e desaceleração. Isso é o que podemos recriar usando o editor de gráficos. Vou te mostrar como fazer isso. Se você entrar aqui e “arrastar” para selecionar esses dois quadros-chave, você pode “clicar com o botão direito”, ir até o assistente de quadro-chave e ele sai da tela, mas você verá “facilidade fácil”, e que todos os repentino suaviza nossa linha reta. Se clicarmos em “Play”, você verá que essa animação é realmente bem suave agora. Então, vou “diminuir o zoom” usando a tecla menos no meu teclado e arrastar nossa área de trabalho para que não vejamos o resto da animação. Vamos ampliar novamente e clicar em “Lugar”. Você pode ver isso algumas vezes. Agora vemos que temos uma animação suave. Você pode arrastar essas alças e ajustar como essa curva funciona. Eu realmente quero que isso comece rápido, então vai de zero a 50, muito rápido. Desculpe pelo meu cachorro. Então eu vou arrastar este quadro-chave. Se você segurar “shift”, ele permanecerá plano. Vou arrastar essa alça que ela tenha um bom acabamento suave. Essa animação deve ser algo assim. Começa muito rápido e depois termina muito lento, e se você clicar em “Play”, verá que ele faz isso. Parabéns, isso é fácil. Isso é a coisa mais importante que você aprenderá a fazer no After Effects. Se você puder dominar o editor de gráficos, se você puder dominar essas curvas de animação, você pode fazer sua animação parecer muito profissional, enquanto muitas outras pessoas que começam em animação não aprendem isso até o caminho tarde demais e é a primeira coisa que procuro quando estou revisando o real de alguém quer contratá-lo ou não para um projeto. Tudo bem. Vamos clicar no botão do editor de gráficos para sair dessa exibição. Vamos continuar a usar esses atalhos, o menos para diminuir o zoom. Você pode ver agora nossos quadros principais têm essa pequena forma de ampulheta. Isso significa que não é mais um quadro chave linear. Um quadro de chave linear é esse movimento mecânico robótico, e esses belos quadros de chave de ampulheta são quadros de chave suavizados. Como você pode ver, nossa escala agora é suave e nossa posição ainda é feia. Vamos trabalhar nisso. Vamos selecionar a posição. Vamos clicar aqui para voltar ao nosso editor de gráficos. Você vai ver outra visão que parece confusa. Isso ocorre porque temos nosso movimento x. Na linha vermelha, é o movimento da esquerda para a direita, e a linha verde é o movimento para cima e para baixo. Como não estamos nos movendo para cima e para baixo, ele só permanece plano e a linha vermelha está se movendo de um lado para o outro. Na verdade, vamos “clicar com o botão direito” aqui e ir para o gráfico de velocidade porque será mais fácil ver o que estamos fazendo. Vamos arrastar para selecionar todos os nossos quadros-chave. Então você pode ir aqui e apertar este pequeno botão, que fará a configuração da curva de facilidade fácil novamente. Se você clicar aqui, agora você tem movimentos suaves novamente, e essa curva parece diferente de antes. Este é um pouco mais difícil de descobrir, mas vou guiá-lo por isso. Muito rápido, se você clicar no botão do editor de gráficos, você pode ver que agora temos esses quadros-chave de animação suave e temos um resultado que parece melhor do que antes. Essa é a atenuação padrão. Novamente, é aqui que muitos iniciantes param. Eles aprendem, oh, quadros-chave lineares, ruim, facilidade fácil, bom. Esse é um lugar melhor para se estar mas se você quiser ser levado a sério, se você quiser ter uma animação que compete em qualquer tipo de nível profissional, você precisa aprender o editor gráfico. Você não pode usar as configurações padrão. Você tem que entrar no editor gráfico e aprender a ajustar as coisas. Vamos voltar para o editor de gráficos. O que queremos que nossa moção faça? Eu quero que essa bola aumente, e então ela se move para um lado e depois ela se move para o outro lado. Na verdade, é um movimento à deriva, vai muito lento e depois se move mais rápido do outro lado. A razão pela qual estou agindo as coisas com minhas mãos não é porque estou tentando mostrar meus movimentos de dança insanos, é porque a animação é tudo sobre sentimento e tempo, e o espaçamento, e o fluxo de movimento. Na verdade, é muito útil animar ou atuar seus movimentos com as mãos ou com o corpo e, em seguida, tentar recriar esse movimento no projeto do computador. Tudo bem. Vamos começar a ajustar esses quadros-chave de posição. Vou clicar em “Space”, então isso pára de jogar, e quero que isso comece muito devagar. Vou arrastar isso para fora. Agora, o que diabos isso faz? Este gráfico mostra a velocidade do nosso objeto. No início, neste quadro chave que não tem movimento, então ele está começando em zero e depois está acelerando, e em um segundo, é o mais rápido que irá. Então está indo devagar novamente, e depois está acelerando e depois indo devagar novamente. Quanto mais os puxamos e quanto mais intensivo temos um pico, mais intenso, lento, rápido e depois lento. Você pode imaginar onde está agora, se arrastarmos todas essas alças amarelas, teremos esses dois picos de montanha aqui, e isso fará com que nossa bola vá lenta, rápida, lenta, rápida, lenta. Vamos clicar em “Play” e ver se isso funciona. Ele faz. Certo. Isso está funcionando muito melhor e é muito empolgante para mim compartilhar isso com você Eu gostaria de ter aprendido o editor gráfico muito mais cedo na minha carreira After Effects, porque isso pode intimidá-lo, mas apenas por puxando essas alças amarelas para fora, apenas ajustando um pouco essas curvas, temos essa animação que passou de super feia e robótica a uma aparência realmente suave e polida em apenas alguns cliques. Continue brincando com ele. Se for assustador, não se preocupe. Se você precisar refazer esta seção algumas vezes, não se preocupe com isso também. Eu realmente quero que você pregue esse movimento, pregue a sensação disso antes de prosseguirmos, porque isso afetará o resto da sua carreira After Effects. A última coisa que vamos fazer aqui é que vamos transformar nosso círculo de um círculo para um quadrado. Como vamos fazer isso? Vamos usar a velocidade do movimento para fazer a transição. Esta é, na verdade, uma das minhas técnicas de transição favoritas, e vamos procurar esse ponto rápido no movimento, e vamos mudar a forma enquanto isso estiver acontecendo. Você pode enganar os olhos de alguém fazendo coisas assim onde você pode realmente tomar uma forma, e então, enquanto ele está se movendo muito rápido, troque uma forma completamente diferente, e ela vai sentir direto ao seu cérebro porque está acontecendo durante o movimento. Técnicas como essa são usadas o tempo todo em filmes para ocultar edições durante um chicote. Além disso, se você viu algum dos vídeos de transição no Instagram ou tik tok ou qualquer coisa, isso é tudo porque você está cortando ou está trocando um objeto durante a parte rápida do movimento, nós ainda tenho o editor gráfico aberto aqui, então vou clicar aqui para voltar à nossa animação. Vamos clicar neste pequeno brinquedo liderança e entrar no conteúdo, no caminho do retângulo e sua redondeza. Eu disse que isso ia voltar. Está certo. Podemos enquadrar qualquer uma dessas propriedades. Não precisa ser apenas a escala ou a rotação ou o que quer que seja. Podemos definir um quadro-chave aqui na redondeza, então vamos avançar e esfregar para a frente até aqui e definir nossa redondeza para baixo, eu vou definir o meu como oito porque eu realmente quero que meu quadrado têm cantos arredondados. Se eu clicar longe, você pode ver que temos um belo quadrado e, em seguida, se rolarmos para trás, teremos um belo círculo. Na verdade, fiz esse quadro-chave muito cedo. Vou aqui talvez aqui, onde está no meio de sua jornada, e arrastar esse quadro chave para cima. Agora, à medida que nossa animação fica rápida, ela se torna um quadrado. Vamos até o editor de gráficos para ver onde estava o pico desse movimento. Clicaremos na posição e podemos ver o ponto mais rápido e o movimento estava bem aqui. Vamos colocar nossa cabeça de jogo lá. Voltaremos ao gráfico, clique no botão do editor de gráficos para fechá-lo. Vamos fazer nossos quadros-chave divididos sobre esse ponto. Agora, se apertarmos “Play”, boom, temos um círculo que se torna um quadrado e você mal percebe. Eu também vou selecionar ambos, clicar com o botão direito neles, ir até o fundo, que infelizmente está fora da tela aqui, assistente de quadro-chave, facilidade fácil de tornar esses quadros-chave suaves. Clique em “Barra de espaço”, para jogar, e você pode ver que temos uma animação realmente suave e polida. Basta pensar no início deste vídeo quando você começou com esse movimento realmente robótico e compare com a aparência agora. Como eu disse antes, essa é a maior diferença entre boa animação e má animação. É a flexibilização, e você faz essa flexibilização no editor de gráficos. Neste vídeo, mostrei como usar o editor de gráficos, como obter as curvas usando duas visualizações diferentes do editor de gráficos e, em seguida, como fazer uma pequena transição sorrateira mudando algo durante o pico de a velocidade do movimento. No próximo vídeo, usaremos essas mesmas técnicas para continuar nossa animação e revelar um logotipo. Vamos chegar a ele. 6. Revelando o logotipo: No último vídeo, aprendemos sobre o editor de gráficos e fizemos nossa animação parecer agradável e suave. Neste vídeo, vamos revelar nosso logotipo. [MÚSICA] Certifique-se ter salvo seu projeto recentemente. Você pode clicar em “Command S” para fazer isso ou “Control S” se você estiver no Windows e vamos revisar a aparência do vídeo. Atualmente, temos essa animação de ida e volta e vamos começar por polir isso apenas um pouquinho. Você pode notar no início disso e isso é algo que você terá à medida que seu olho treina mais para ver a animação. Temos uma pequena colisão no início da animação ou no ponto em que ela vem aqui, você pode ver que há um pouco de overshoot onde nossa bola passa por esse quadro-chave final. Isso se deve a algo chamado interpolação de quadro-chave, que eu não vou entrar neste curso, mas mostrarei como corrigir esse movimento acidentado clicando com o botão direito do mouse nos quadros-chave para que você tenha que ampliar aqui. Vamos descer para interpolação de quadros-chave clique nisso e , em seguida, mudaremos essa interpolação espacial para linear. Aperte “Ok” e essas pequenas alças extras devem ter desaparecido e devemos ter um movimento suave novamente. Vou voltar ao editor de gráficos e brincar um pouco com esses picos e vales. Quero que isso seja um pouco mais dramático. Ah, sim, isso está bonito e dramático. Se você esqueceu como fazer isso, se você segurar a barra de espaço, você pode arrastar ou se usar roda de rolagem do meio e clicar para baixo, você pode arrastar aqui ou usar sua roda de rolagem para aumentar e diminuir o zoom . Agora que nosso movimento é limpo um pouco mais, vamos descobrir como revelar nosso logotipo. A primeira coisa que queremos fazer é animar nossa caixa para que ela volte para o outro lado. Há esse movimento para frente e para trás porque, à medida que ele desliza para o outro lado, ele revelará seu texto ou seu logotipo, o que você quiser que ele revele. Vou até 4,5 segundos aqui e arrastarei a posição X da nossa caixa até ficar fora da tela. Agora você verá novamente esses pequenos guidões apareceram e vamos nos livrar deles da mesma maneira clicando com o botão direito do mesma maneira clicando com o mouse em “Interpolação de quadros-chave”, “Interpolação espacial”, “Linear”, clique em “Ok”. Nota rápida, se você quiser não ter que fazer isso todas as vezes, esta é uma configuração que eu gosto de definir. Se você entrar no After Effects, você inclui preferências, acho que no Windows podem ser preferências de edição e vamos para configurações gerais. Agora há uma tonelada de coisas aqui, mas eu só quero que você entre aqui e verifique a interpolação espacial padrão para linear. Essa é realmente a única coisa que você precisa fazer aqui. Basta clicar em “Ok” você não precisa mais pensar nisso. Temos uma animação bastante suave dele voando de volta pela tela. Vou entrar no editor gráfico e tornar isso um pouco mais dramático, mas não tão louco quanto os outros porque é um pouco mais lento. Temos uma animação básica muito boa aqui. Vou me certificar de que nada seja selecionado. Vou clicar na janela da minha linha do tempo e, em seguida, subir aqui e clicar na “Ferramenta de Tipo” e, em seguida, clicar aqui no meio para digitar meu nome. Essa é outra maneira de criar uma camada de texto sem precisar clicar com o botão direito do mouse em nova camada de texto. Então vou mostrar a vocês como alinhar isso ao centro, então vou rolar com a minha roda para mostrar mais da nossa caixa aqui e, em seguida, nesses painéis, você deve ver um painel chamado alinhar. Esses alinhamentos são camadas para a composição. Se você usou o Illustrator ou o Photoshop, isso provavelmente parecerá familiar. Se não, é novo. Clique em “Alinhar horizontalmente” e “Alinhar verticalmente” para centralizar nossa camada de texto. Na verdade, vou entrar no painel de caracteres aqui e tornar nosso texto um pouco menor. By the way, se este painel de alinhamento não estiver aparecendo ou qualquer um desses outros painéis não estiver aparecendo a qualquer momento, você pode ir até Window e então você verá uma grande lista de todos esses painéis diferentes e apenas certifique-se de que o alinhamento esteja verificado e o caractere está marcado. Agora nosso texto é um pouco menor e a caixa limpa sobre ele. A primeira coisa que vamos fazer é arrastar nosso texto abaixo de nossas formas de herói. Queremos isso entre o fundo e a forma e isso é o que eu quis dizer com o empilhamento de camadas anteriormente nesta série. Agora vamos revelar nosso texto à medida que a forma passa por cima dele. Vou apresentar-lhe um novo conceito chamado pré-composições. pré-composição é essencialmente pegar uma camada ou um grupo de camadas em nossa composição atual e as empacota todas em sua própria composição, que então é aninhada dentro de nossa composição atual. Com a camada selecionada, vou subir para Camada e depois ir até o fundo, pré-compor. Isso vai me dar esse novo menu onde posso inserir um novo nome de composição. Vou chamar este Precomp_Logo e mover todos os atributos para a nova composição, verificar isso e deixar isso e, em seguida, você pode marcar Abrir nova composição. Clique em “Ok”. Você deve ter uma composição em branco apenas com a camada de texto selecionada anteriormente. Então, se você voltar para a composição reveladora do logotipo, verá que seu logotipo pré-comp está agora dentro da sua animação e nada parece ter mudado. Por que fazemos dessa maneira? Na verdade, isso é algo muito útil para substituir ativos mais tarde em um projeto. Como estamos fazendo esse logotipo ou esse texto em sua própria composição, podemos trocar arquivos lá. Podemos colocar o que quisermos na composição do logotipo e, em seguida, ele aparecerá em nossa composição de animação sem ter que fazer alterações e reajustar nossas máscaras ou reajustar a animação reveladora da nossa forma. Novamente, isso não precisa fazer todo o sentido agora, mas saiba que a pré-composição é algo que você provavelmente encontrará e é uma técnica realmente útil para manter as coisas organizado e eficiente. De volta à nossa composição reveladora de logotipo, vamos selecionar o “ Logotipo pré-comp ” e basta rolar para ampliar um pouco aqui. Vou te ensinar sobre mascaramento. Estou apenas lançando novos conceitos em você o tempo todo neste vídeo, mas este é muito legal. Se clicarmos aqui na ferramenta retângulo e tivermos nossa pré-composição selecionada, podemos desenhar uma caixa em torno nossa camada e você verá, ao desenharmos, na verdade está revelando nosso texto. Uma máscara é basicamente uma forma que você desenha em torno de uma camada ou composição e pode dizer ao After Effects para manter essa área ou ignorar essa área. Você faz isso indo para as configurações da máscara e alterando isso de adicionar para subtrair. Isso faz com que ele desapareça adicionalmente faz com que apareça. Está dizendo cortar essa camada por essa caixa, ou cortar o que está dentro dessa caixa. Vou devolver essa máscara para adicionar o modo e vou mostrar como você pode moldar uma máscara. O que vamos fazer é girar baixo e selecionar a propriedade “Mask Path”, que é basicamente a propriedade que controla essa forma. Vamos percorrer aqui e ver. Nossa caixa começará aqui. O que vou fazer é arrastar para selecionar esses dois pontos para que eles sejam sólidos enquanto esses pontos não são sólidos, que significa que eles estão selecionados e você pode arrastar isso. Vamos arrastar isso para ficar aqui pela borda da caixa e, em seguida, vamos definir um quadro-chave. Lembre-se, os quadros-chave apenas dizem fazer isso aqui e depois faremos outra coisa. Vamos rolar para a frente para onde estas são nossas caixas fora da borda da tela e vamos selecionar os dois lados lá novamente e trazer nossa caixa para a borda. Agora, se você arrastar, você deve ter uma caixa que anime e revele nosso texto à medida que o tempo passa. Agora não está correspondendo ao tempo da nossa caixa porque fizemos toda essa flexibilização personalizada anteriormente, mas podemos quadrar isso manualmente para seguir isso. Na verdade, vou definir outro quadro-chave aqui. Vamos apenas passar e selecionar esses pontos e alinhá-los para que fique no meio da nossa caixa durante toda a animação. Vamos arrastar este para trás. Agora temos alguns quadros-chave pequenos, mas essa é apenas outra maneira de combinar aproximadamente nossa máscara, de modo que, à medida que a caixa se move sobre nosso texto, ela revela nosso texto. Aqui é onde eu vou mostrar por que fizemos esse pré-comp. Se entrarmos nessa pré-composição clicando duas vezes, ele deve abrir aqui, vamos adicionar um logotipo aqui. Esta é a primeira vez que importamos algo para o nosso projeto. Você pode fazer isso clicando no painel Projeto e clicando duas vezes. Uma janela do Finder deve aparecer no seu computador ou Explorer se você estiver no Windows e você puder navegar até um arquivo de logotipo. Se você não tiver um arquivo de logotipo que deseja usar, você pode escolher qualquer arquivo do seu computador ou eu fornecerei o arquivo do projeto para o resultado final aqui neste projeto para que você possa fazer o download e pegar o logotipo que usei se você quiser. Vou navegar rapidamente até onde guardo meu logotipo. Vou selecionar esse arquivo e clicar em “Abrir”. Agora temos uma imagem aqui em nosso painel Projeto. Agora temos nossa composição com nosso texto nele e vou arrastar essa imagem para a linha do tempo dessa composição. Agora vemos nosso logotipo em cima do texto e se eu voltar ao nosso logotipo revelador, você verá que nossa caixa agora revela o logotipo e o texto. Isso é muito legal. Não precisávamos refazer todo esse trabalho para apenas atualizar algo. Não precisamos trocar nada. Podemos literalmente colocar qualquer coisa nesta composição e, desde que esteja dentro do mesmo tamanho, ela será revelada pela nossa animação aqui. Vou desligar essa camada de texto, apertando este pequeno ícone do globo ocular e, em seguida, temos apenas nosso logotipo. Vou clicar em “S” e ajustar a escala apenas para torná-la um pouco menor e depois voltar para a revelação do logotipo e ver como isso está parecendo. Vamos ampliar aqui e apenas jogar essa coisa toda. [RUÍDO] É uma boa animação. Você deve estar realmente orgulhoso de si mesmo agora, se sua animação se parecer com o que eu criei aqui. Isso pode não parecer muito, mas o fato de você ter feito algo com flexibilização personalizada e pré-composições para trocar filmagens dentro e fora, você está ligas à frente do quanto eu entendi Depois Efeitos e o que consegui fazer quando comecei. Se você continuar praticando essas coisas, se continuar experimentando ideias diferentes, estará no caminho certo para se tornar um designer de movimento de qualidade profissional que pode ser contratado para fazer coisas bem legais. Estamos muito longe nisso e temos um bom começo no bloqueio de nossa animação. No próximo vídeo, vou mostrar como adicionar um pouco de polimento extra, alguns movimentos secundários e acentos, e fazer algumas composições para torná-lo passar de um estilo simples como este para um estilizado estilo de iluminação gradiente como você viu no projeto de exemplo. Espero que você ainda esteja se divertindo. Sei que sou. Vamos para o próximo vídeo. 7. Adição de movimento secundário e flat: No último vídeo, revelamos nosso logotipo. Neste vídeo, vou mostrar algumas das minhas técnicas favoritas para adicionar um pouco de polimento e movimento extras que farão com que essa animação pareça um pouco mais chique do que realmente é. [MÚSICA] Voltar ao depois dos efeitos. Se olharmos para o projeto de exemplo que eu fiz, você pode ver que há essas explosões de círculo extras acontecendo. Há todo esse movimento curvo que parece muito difícil de animar. Vou te ensinar algumas maneiras de fazer isso sem realmente um monte de esforço. Sei que ver que pode parecer que se animar isso fosse tão difícil, então animar algo que está indo de um lado para o outro pode ser ainda mais difícil. Vou te mostrar algumas maneiras de contornar essas coisas. A primeira coisa que vamos fazer é criar um objeto nulo. Um objeto nulo é mais uma coisa nova de efeitos posteriores sobre a qual vou te ensinar. Podemos criar um clicando com o botão direito do mouse em “Novo”, “Objeto Nulo” e obteremos essa forma de piscar que na verdade não aparece. Ele não faz nada em seu projeto. No entanto, você pode usá-lo para controlar outra camada. Se tomarmos nossa forma de herói, e formos aqui para pai e link, você pode ver essa pequena coisa em espiral chamada chicote de palheta e você pode arrastá-la e apontá-la para nossa camada nula. Você verá que o menu suspenso dos seus pais agora diz nulo. Seu número nulo pode ser diferente do meu, mas isso realmente não importa. Podemos selecionar nosso objeto nulo e clicar em “Enter”, e vamos chamá-lo de [NOISE] Hero NULL. Agora temos um objeto nulo que é o pai da nossa forma de herói. O que diabos isso significa? Deixe-me falar sobre parentalidade. Estou resistindo e fazendo uma piada estúpida aqui. Só vou começar a entrar nisso. Se você pai de um objeto, terá o objeto pai e o objeto filho. O objeto pai controla o objeto filho, para que o filho possa se mover forma independente, mas qualquer movimento que o pai fizer adicionará à animação desse filho. Podemos pegar nosso objeto nulo, que é o pai atual da nossa forma de herói. Podemos arrastá-lo e você pode ver que a bola se move com ela. Se escalarmos isso, ela escalará a bola. Se o girarmos, ele irá girá-lo e incluirá toda a animação. Agora não temos um lado a lado, temos um movimento diagonal. Com nosso objeto nulo, vou mostrar como você pode usar camadas de animação para obter um movimento realmente complicado sem realmente ser muito complicado. Vou me certificar de que todas as minhas propriedades de transformação sejam redefinidas. Minha escala e tudo estão de volta ao normal pressionando este botão de redefinição. Então vou examinar essa animação e decidir o que quero fazer. Acho que quero que isso realmente comece subindo e depois se curva para baixo e acaba indo da esquerda para a direita. Podemos fazer isso realmente indo aqui, para que possamos ver o que está acontecendo. Vamos aqui para onde está no auge do movimento. Vamos ajustar nossa propriedade de rotação, então ela está no topo. Vou deslizar esse número até que ele diga 90 e certifique-se de deslizar esse número, não este. Caso contrário, você obterá alguns resultados loucos. Vou definir um quadro-chave ali mesmo. Agora temos um movimento para cima e para baixo. Vou aqui antes que nosso logotipo seja revelado. Vou arrastar isso de volta até voltarmos ao zero e ele deve definir outro quadro-chave. Agora, se apertarmos “Play”, você verá que temos alguma rotação agora, mas parece muito estranho e rígido. Isso porque temos nossa animação linear. [NOISE] Temos que entrar no editor gráfico e melhorar isso. Eu selecionei meus quadros-chave. Vou apertar este botão para entrar no editor de gráficos. Vai manter minha seleção, então vou selecionar novamente aqui e ir aqui e clicar neste botão para obter um movimento fácil de facilitar. Já se jogarmos isso, está começando a parecer um pouco melhor, e só precisamos jogar com essas curvas até obtermos os resultados que estamos procurando. Só para mostrar novamente como o editor de gráficos funciona, se clicarmos com o botão direito do mouse e passarmos para o gráfico de valores, você pode ver que temos nosso quadro-chave em 90 e, em seguida, nosso quadro-chave em zero, e vamos sem problemas entre eles. Então, se formos para o gráfico de velocidade, temos uma velocidade que começa devagar no início e no final, e então é rápida no meio. Podemos tornar isso um pouco mais extremo arrastando esses guidões amarelos para fora um pouco, e veremos como isso parece. Acho que realmente quero que mais desse movimento aconteça mais cedo. Vou arrastar um desses quadros-chave para trás um pouco, arrastar este um pouco e, em seguida, torná-lo mais suave aqui no final e mais rápido no início. Isso está parecendo legal. É como esse efeito swooshing. Mais uma vez, a animação é sobre o campo. Não se trata de nada preciso. Toda vez que recriei este vídeo, tem sido um pouco diferente [RUÍDO] e tudo bem. Estamos tentando fazer arte aqui. Não é uma ciência, é uma arte. Ajustei isso até ter um bom movimento suave. Assim, adicionando um não em animar isso e criar nosso herói a isso, temos uma rotação complexa e curva suave sem ter que fazer muito trabalho personalizado. Agora temos um bom para frente e para trás com uma curva. Vamos adicionar algumas explosões de círculo como temos em nosso exemplo. Vamos fazer isso criando uma nova camada de forma, vamos até aqui para “Camada”, “Nova”, “Camada de Forma” e vamos manter pressionada quando clicarmos neste retângulo e ir para a ferramenta Elipse. Como esses vão ser círculos perfeitos, eles nunca serão quadrados. Vamos seguir em frente e usar a ferramenta Elipse, e podemos clicar duas vezes para obter um círculo perfeito lá. Vou mudar a cor disso para talvez azul escuro. Vou renomear nossa camada pressionando “Enter” e digite [NOISE] Círculo 1. Vou bater em “S” para obter nossa escala. Vou clicar nessa propriedade e alterar a escala para zero. Nosso círculo desaparece. Vou acertar um quadro-chave lá. Vou avançar para cerca de 12 quadros e arrastar nossa escala até onde nosso círculo preenche toda a tela. Vou aparar essa camada na borda indo até o final da nossa linha do tempo, arrastando a borda desta. Agora nossa camada simplesmente desaparece depois que ela aumenta. Assim. Agora temos um círculo que aumenta e preenche a tela. Vamos facilitar esses quadros-chave lineares selecionando-os. Podemos clicar com o botão direito do mouse ou podemos ir até a enimação, assistente de quadro-chave, facilidade fácil. Você também pode pressionar F9 no teclado se quiser uma versão de atalho disso. Agora temos uma animação suave e vamos ajustar essas curvas um pouco. Ao entrar, vamos clicar com o botão direito do mouse e ir para o gráfico de valores e aumentar o zoom com a tecla mais no teclado. Vou fazer isso um pouco maior para que eu possa ver. Vou arrastar isso para cima e obter uma curva que se parece com isso. Isso parece um pouco rápido demais para mim. Talvez eu vou arrastar isso para que pareça mais com uma curva S. Estou arrastando esse último quadro-chave para fora um pouco. Mais uma vez, é tudo sobre o sentimento aqui. Queremos garantir que ele se sinta equilibrado, agradável e suave. A última coisa, temos nosso círculo em cima de tudo, vamos arrastá-lo para ficar bem acima da nossa camada de fundo. Agora, à medida que nosso círculo cresce, temos um grande círculo de fundo que preenche a cena. Agora assistindo isso, quero ser mais dramático. Vou puxar isso de volta assim e ver o que algo assim faz. Isso foi um pouco dramático demais. Talvez arrastemos esse quadro-chave para que ele comece um pouco depois. Ainda parece muito rápido. uma vez, muitos ajustes até que as coisas se sintam bem. Vamos apenas arrastar essas coisas ao redor. Sim, isso é muito melhor. Temos nosso primeiro círculo. Agora vamos apenas duplicar essa camada, então não precisamos fazer isso várias vezes pressionando “Comando D” ou “Controle D” se você estiver no Windows. Vamos pegar isso. Se você clicar em “U”, poderá ver seus quadros-chave definidos. Vamos apenas compensar essa camada um pouco no tempo e arrastá-la um pouco para a frente. Vamos mudar a cor de preenchimento para talvez um azul de tom médio. Vamos fazer isso de novo. Temos três círculos agora e vamos arrastar esse azul para um azul mais azulado, você pode escolher as cores que quiser aqui. Só vou com o que flutua meu barco. Vou pressionar “Controle D” ou “Comando D” novamente para duplicar uma última vez. Na verdade, vamos fazer com que essa camada seja da mesma cor da nossa camada de fundo. Quero que esses círculos realmente desapareçam depois que eles preenchem a tela. Vamos selecionar todos eles e depois sair para o final da linha do tempo. Em seguida, basta clicar e arrastar a borda para aparar essas camadas. Agora temos quatro círculos que explodem por trás da nossa forma principal. [RUÍDO] Acho que podemos fazer com que estes sejam um pouco mais rápidos. [RUÍDO] O que você acha? Talvez até um pouco mais rápido. Arraste-os de volta para o quadro-chave. Sim, isso é bom. Aqui você pode ver que nossa última forma não corresponde à nossa forma de fundo. Vamos apenas mudar a cor deste selecionando preenchimento, mas vamos mover nossa cabeça de jogo para cá até que possamos ver a cor final do plano de fundo. Vamos nos certificar de que nosso quarto círculo seja selecionado. Clique em “Cor de preenchimento” aqui e, em seguida, use a ferramenta conta-gotas para escolher a mesma cor. Agora parecerá que temos esses círculos e, em seguida, o último revela o fundo novamente. Mas só está mostrando a mesma cor. É uma maneira pequena [NOISE] de fazer isso. Clique em “Barra de espaço”, jogue nossa animação. Você pode ver que temos essa nova revelação. Vou mover o final desta área de trabalho para se encaixar nisso. Estamos começando a ter um movimento mais complexo. Isso é algo bom. Vamos recapitular. Usamos um objeto nulo para adicionar uma rotação extra, algum movimento em camadas à nossa animação. Aprendemos sobre parentalidade. Adicionamos alguns círculos de camada de forma para adicionar algum sotaque extra, algum movimento extra no início da nossa animação. Temos esse resultado que é uma animação muito mais atraente e complexa mais atraente e complexa , com apenas alguns minutos extras de trabalho. No próximo vídeo, vou mostrar a você como fazer essa animação, adicionar algum estilo e efeitos extras e iluminação para torná-la mais agradável e polida. Em seguida, vamos exportar nossa animação final e finalizar este projeto. Vejo você lá. 8. Efeitos de composição e polo: Bem-vindo de volta. O que você deve ter neste momento é uma animação realmente sólida que revela seu logotipo ou seu nome. Vou mostrar agora como polir e fazer alguma composição para adicionar um pouco mais de estilo. [MÚSICA] Composição, qual é o problema com todas essas palavras estranhas e do After Effects? Para ser honesto, não sei, mas posso dizer o que é compostagem. É basicamente uma técnica em que você está combinando diferentes elementos juntos e ajustando a maneira como eles olham juntos para obter um efeito desejado. Um exemplo de composição de efeitos visuais seria você ter um vídeo de um flash focinho e adicioná-lo em cima de um vídeo de alguém atirando em uma arma, e então você ajusta a maneira como ela se mistura na cena ajustando a iluminação e adicionando queda de iluminação no personagem, adicionando fumaça, seja lá o que for. Trata-se de adicionar todos esses elementos diferentes, ajustando a maneira como eles se misturam para obter o resultado desejado. composição para animação é uma técnica semelhante em que usaremos efeitos e camadas diferentes para adicionar iluminação e fazer com que nossa animação plana pareça um pouco mais estilizada. Nota secundária rápida, o After Effects é na verdade, um software de composição projetado para adicionar efeitos após o vídeo. Ele não foi originalmente projetado para ser um software de animação, é por isso que algumas das formas atuais fazer as coisas são um pouco estranhas. Mas é muito poderoso para ambas as coisas e o fato de poder compor e animar em um pacote significa que você pode criar coisas assim sem ter que entrar em outro software. Isso é fundo suficiente. Vamos entrar no After Effects novamente. Agora, certifique-se de ter salvo seu projeto. Você deve clicar em “Control S”. Vou continuar lembrando isso porque sofri com muitos problemas de perda de dados. Temos nossa animação e temos essa cor azul plana em nossa caixa aqui. A primeira coisa que vamos fazer é adicionar um pouco de estilo extra à nossa forma de herói. Vou selecionar essa camada e vou mostrar sobre estilos de camada. Os estilos de camada são muito semelhantes aos estilos de camada no Photoshop. Vou clicar com o botão direito exceto por isso, ele sai da tela. Vou subir aqui e clicar na camada com minha camada selecionada. Vá para estilos de camada e adicione uma sobreposição de gradiente. Essa sobreposição de gradiente adiciona um gradiente em cima da nossa camada de forma e podemos obter algum efeito de iluminação personalizado. O bom disso é que ele realmente mantém a direção do gradiente. Se adicionássemos um gradiente diretamente à nossa camada de forma, ele mudaria com nossas formas. Queremos realmente parecer iluminação. Vamos hackear isso um pouco. Se clicarmos nessa seta e fecharmos o conteúdo e a transformação porque não precisamos vê-los, agora você verá essa nova pequena seção chamada estilos de camada. Vou descer para a sobreposição de gradiente e vamos clicar em “Editar gradiente”. Agora aqui podemos mudar essas duas cores. Agora vou reverter isso para que tenhamos luz na parte superior e escura na parte inferior, porque geralmente a luz está acima e a sombra está abaixo. Na verdade, vou cancelar fora daqui e ir para um quadro onde podemos ver nosso círculo porque é um pouco mais fácil dizer com o que estamos trabalhando. Clique em “Editar gradiente” novamente, e vamos mudar essa parada de cor aqui para ser talvez uma cor azul brilhante. Vamos mudar este, clique aqui nesta pequena caixa, para ter uma cor escura. Agora temos essa esfera quase com aparência 3D em vez de nossa forma plana. Provavelmente estaremos alterando essas configurações ao longo do tempo, à medida que descobrimos exatamente como queremos que isso seja. Por enquanto, vou entrar nas configurações de sobreposição de gradiente. Vou mudar isso do normal aqui em baixo todo o caminho na parte inferior da tela para sobrepor. Isso realmente fez nossas cores quase desaparecerem. Isso porque a sobreposição é apenas outra maneira de misturar as cores. Isso é algo com o qual você só terá que brincar. Há toneladas de pequenas coisas assim no After Effects. É como o Photoshop. É um software realmente poderoso. Para ser honesto, eu realmente não entendo todas essas coisas o tempo todo, só clico até encontrar algo que eu gosto. Então, às vezes, não consigo repetir isso. Estamos aprendendo isso juntos. Vou ajustar a opacidade um pouco e depois subir aqui para a cor de preenchimento original. Esta é a cor abaixo do gradiente. Vamos ver o que acontece quando mudamos isso. Como você pode ver, obtemos uma cor ligeiramente diferente, dependendo da cor que está na base. Vou fazer disso uma cor de tom médio para que recebamos um pouco mais do nosso gradiente lá. Agora temos um pouco mais de uma diferença de cor sutil. Vamos começar a brincar com essas cores. Vamos descer para a cor de fundo. Vou fazer isso, gosto disso, mais escuro, azul da meia-noite. Vou ajustar isso. Então eu vou clicar aqui no círculo 4 porque lembre-se que isso precisa ser da mesma cor do nosso plano de fundo. Vou escolher o conta-gotas da mesma cor de preenchimento para o círculo 4. Agora temos esse novo visual. Este é um estilo totalmente diferente. Gosto de ter esse fundo escuro porque você verá que vamos adicionar alguns brilhos mais tarde e isso ficará muito melhor com esse fundo escuro. Se voltarmos e olharmos para este original que eu fiz, você pode ver que temos esse efeito de luz de aro real em nossa bola. Quero ir em frente e recriar algo assim. Vamos voltar ao nosso logotipo revelador e vamos para nossa camada de forma. Uma última coisa que quero fazer antes de fazermos isso é acho que quero fazer essa forma um pouco maior. Vou entrar e clicar em nosso conteúdo, no tamanho do caminho do retângulo, e arrastar isso um pouco para cima. Então, porque eu fiz isso, vamos até 250. Porque eu fiz isso um pouco maior, vamos ao nosso primeiro quadro-chave sobre arredondamento. Eu arrastaria isso e me certifico de que temos um círculo perfeito, cerca de 150. Bem, vamos fechar esse backup e voltar à composição. Mais uma vez, isso é um lembrete. É tudo sobre ajustar as coisas, brincar com as coisas e mudar as coisas. Não importa quantas vezes eu faça isso, sempre me deparo com algo que tenho que voltar e consertar. É assim que o mundo funciona. Vamos fechar nossa sobreposição de gradiente e vamos adicionar alguma iluminação extra aqui. Vou para uma bela moldura limpa. Vamos adicionar nosso primeiro efeito. Ainda não entramos em vigor, mas os efeitos são uma grande parte do After Effects. Faça sentido dado o nome. Vamos até o painel Efeito. Você está à altura do menu Efeito aqui e vai gerar varredura de luz CC. Este é um dos meus efeitos favoritos, é aleatório, mas estou apenas mostrando que há um bilhão de coisas que você pode fazer nisso. Você pode ver que há tantos plugins diferentes. Há muitos que nem são padrão com o After Effects com os quais você pode fazer algumas coisas poderosas e loucas. Vou mostrar a vocês luzes CC varrem porque eu gosto. Você pode ver que há esse pequeno controlador estranho aqui que podemos arrastar e ele ajusta essa varredura de luz que atravessa nossa bola. Na verdade, foi assim que criei esse efeito. Eu fiz isso colocando isso aqui no canto e, em seguida, mexendo com essas configurações aqui no painel de controles do Efeito para ter a aparência que eu estava procurando. Vou deixar isso em cerca de 30%. Vou mudar isso de nítido para suave. Gosto da maneira como esses sons suaves. Vou tornar a largura um pouco maior. Então vou deixar essa intensidade de varredura por aí. A intensidade da borda que você pode ver é aquela luz de borda lá. Vou deixá-lo onde está e aumentar a espessura um pouco. Talvez apenas vá brincar com esses números até obter um resultado legal. Também vou mudar a cor clara. Digamos que estamos brincando com azul. Por pensar na roda de cores do outro lado do azul, talvez seja amarelo. Podemos encontrar uma cor que parece boa em contraste. Embora me deixe arrastar por aqui. Podemos arrastar pela nossa roda e encontrar algo, esse rosa está parecendo legal. Vamos com rosa. uma luz rosa legal lá. Olhe para isso. Você tem uma bola doce que tem essas cores extras. Você fez isso em apenas alguns cliques. Parece que é um efeito complicado, mas realmente não é, como se você conseguisse fazer isso. Você nunca usou o After Effects antes. Isso é muito legal. Vamos jogar com isso e ver isso. Você tem uma coisa legal e incrível em forma de bola de gradiente rosa que era muito mais difícil de fazer do que realmente era. Agora que estamos trabalhando com essa cor mais neon, vou mudar algumas dessas cores de círculo para garantir que elas se encaixem um pouco melhor no novo estilo. Vou mudar esse círculo para um arroxeado. Ainda mantendo-o nos tons médios, mudou o círculo 3 para mais, que parece bonito, azulado. Agora temos algo que parece um pouco mais estilisticamente congruente, adoro esse vocabulário. O que vem a seguir? Camadas de ajuste. Podemos criar uma nova camada de ajuste indo até Camada, Nova, Camada de ajuste. Uma camada de ajuste é basicamente uma camada transparente que adiciona efeitos a tudo abaixo dela. O que quer que você faça com essa camada, ela afetará todas as camadas abaixo dela. Quando adicionamos a varredura de luz mais cedo, isso afeta apenas a forma do nosso herói e é por isso que ela só aparece aqui. Se fizermos algo nessa camada de ajuste, isso afetará tudo abaixo dela. Se eu for para Effect, Color Correction, matiz e saturação aqui , podemos realmente brincar com essa tonalidade. Você pode ver que podemos mudar a cor de toda a nossa animação. Agora, você pode realmente definir quadros-chave sobre isso. Se você quisesse ter isso como estroboscópio através de todas essas cores, você faz isso se quiser, mas isso seria um pouco selvagem para descer. Agora vou desligar esse efeito e clicando neste botão FX. Agora temos esse efeito oculto. Podemos usá-lo mais tarde, se quisermos. Vamos clicar em “Enter” ao selecionar essa camada de ajuste e chamá-la CC para correção de cor [NOISE]. Vamos adicionar outro efeito aqui. Só vou clicar com o botão direito do mouse no painel de controles do efeito, que se você não perceber que você pode ir para Controles do efeito. Vou adicionar um estilizado todo o caminho aqui embaixo, desculpe, Está fora da tela novamente. Brilho. Agora, isso parece ruim, mas vamos fazer com que pareça bom. Esse é o meu objetivo aqui. Nós só temos que jogar com esses números porque nunca consigo me lembrar do que eles fazem. Mas vamos brincar com o limiar aqui e diminuir um pouco isso, ou aumentar o número. Não é tão dramático. Vamos trazer o raio deles para fora. É mais um brilho sutil. Então a intensidade, acho que podemos aumentar isso um pouco e ficar à vontade para copiar esses números ou simplesmente brincar com eles como achar melhor. Agora você pode ver que temos esse brilho incrível em nossa camada que fica especialmente bonito com esse fundo escuro. Vou apenas jogar com esses números um pouco mais, talvez algo como 87, um raio como 300 algo, e uma intensidade 1.5. Vamos apertar Play. [RUÍDO] Parece bom. Eu não vi isso realmente fez nosso logotipo brilhar também. É um pouco de um brilho, então vou diminuir a intensidade um pouco. A última coisa que vamos fazer é adicionar algum ruído em cima disso, indo para Efeito, Ruído e Grão, Ruído e certificar-se de que está acontecendo na sua camada de ajuste CC. Faremos isso como três por cento. Isso ajudará a quebrar isso um pouco e torná-lo um pouco mais estilizado. Então podemos brincar com esse limiar um pouco. Gosto de como parece um pouco menor e depois um pouco menor intensidade. por isso é mais um brilho suave. Temos nosso logotipo no final. Você acabou de compor sua primeira animação. Você tirou de algo que era plano e simples e fez algo realmente estilizado e brilhante e com gradientes. Como você pode ver, ao acumular diferentes iluminação e efeitos em uma animação simples como essa, você pode obter algo que parece muito mais profissional e muito mais visualmente interessante do que você pensava você pode conseguir isso logo no início da sua aventura do After Effects. No próximo vídeo, vou mostrar como exportar essa animação em um formato facilmente compatível com seu telefone e com mídias sociais, tudo isso bom. Vou dar-lhe algumas dicas de encerramento e alguns recursos adicionais sobre onde você pode ir a partir daqui. 9. Finalização e exportação: Tudo bem. Estamos chegando ao fim aqui. Vou mostrar como exportar sua animação em um formato que seja bom para mídias sociais e vai abotoar as coisas neste último vídeo. [MÚSICA] Voltar e depois dos efeitos, notei uma coisinha no meu projeto que é estranha, mas a caixa nunca sai da tela, acho que isso é porque ajustamos a escala ou antes. Vou clicar nisso e vou clicar em U para revelar os quadros-chave. Vou passar por cima, minha cabeça de jogo está bem neste quadro-chave da última posição. Só vou arrancá-lo um pouco mais longe. Agora, se jogarmos, você verá que a caixa continua fora da borda. Você provavelmente está gritando com sua tela se perguntando por que eu ainda não tinha consertado isso, porque eu não notei. Isso é um bom ensino. Vamos exportar este vídeo. Selecione sua composição e há duas formas principais de exportar. Você vai até a composição e pode adicionar à fila de renderização ou adicionar à fila do Adobe Media Encoder. Adicionar à fila de renderização exportará seu vídeo dentro do after effects e, em seguida Media Encoder Queue abre um software separado que realmente permitirá que você exporte um arquivo MP4, que é meu formato de exportação preferido para algo que está indo para as mídias sociais. Vamos seguir em frente e clicar em Adicionar à Fila do Media Encoder. Agora, o Media Encoder pode ser notoriamente lento para abrir, enquanto você está esperando, e especialmente se você tiver um computador mais antigo, sinta-se à vontade para tomar um copo de água, comer um lanche, siga-me no Twitter, qualquer coisa benéfica assim. Então, uma vez aberto, volte aqui. Quando o Media Encoder finalmente abrir, você deve ter algo parecido com isso. Você deve ver sua composição aparecendo aqui, revelação do logotipo e, em seguida, ela terá um destino de arquivo de saída. Agora, se isso disser em branco, apenas continue esperando. Realmente poderia demorar algum tempo, apenas seja paciente. Mas o bom é que podemos exportar diretamente para o H.264, que é um formato MP4. Se você clicar neste pequeno triângulo, selecione H.264, vou deixar Match Source - alta taxa de bits aqui. Em seguida, vou selecionar meu destino, meu destino de renderização. Como estou me sentindo arriscado, vou exportá-lo para o meu desktop. Chame isso de revelação do logotipo, pressione Salvar, pressione o pequeno botão de reprodução para exportar. Embora seja explicado que o proprietário recapitula algumas das coisas que aprendemos neste vídeo e conte sobre onde você pode ir a partir daqui. O principal objetivo deste curso era ensinar especificamente os fundamentos do After Effects para o design de movimento. Eu queria abordar isso em uma mentalidade profissional, ensinando as habilidades que você precisa se você quisesse potencialmente entrar em design de movimento como uma carreira profissional. Agora, o design de movimento não é uma carreira criativa e florescente. Você pode fazer coisas desde trabalhar em títulos de um filme até criar anúncios no Instagram, criar sua própria marca de movimento, fazer animação de interface do usuário para aplicativos Há um milhão de maneiras diferentes de aplicar suas habilidades. Você pode começar seu próprio negócio, pode ser freelancer, você pode trabalhar na equipe. É realmente flexível em uma carreira bastante promissora e criativa se você gostou desta série. Agora que isso foi feito renderização e você pode clicar neste link e ele deve abrir em sua área de trabalho ou onde quer que você o tenha salvo. Você pode abrir seu arquivo e reproduzir sua animação finalizada. Bom. Agora, se você quiser compartilhar isso consigo mesmo, eu costumo AirDrop coisas meu telefone, já que estou em um iPhone e um MAC. Você também pode convertê-lo em um GIF usando um site chamado ezgif.com. Tudo isso dito, espero que você tenha se divertido. Gostei muito de te ensinar e compartilhar com vocês algumas das coisas que eu gostaria de saber quando estava começando. Se você quiser mais recursos, estarei publicando outras coisas na descrição. Se você quiser me seguir e ver o que mais estou fazendo, o melhor lugar apenas me siga no Twitter e compartilho muitas das coisas em que estou trabalhando lá. Se você compartilhar seu vídeo no Instagram ou Twitter, por favor me marque lá. Eu adoraria conferir e você também pode fazer o upload do seu projeto aqui no Skillshare e eu adoraria verificar isso lá também. Espero que você tenha gostado muito disso. Estou feliz por ter que compartilhar com você. Vou te pegar na próxima vez. Paz.