Anime suas ilustrações em tempo recorde usando o Adobe After Effects | Carminys Guzmán | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Anime suas ilustrações em tempo recorde usando o Adobe After Effects

teacher avatar Carminys Guzmán, Motion grapher

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Trailer do curso

      0:43

    • 2.

      Introdução

      0:54

    • 3.

      Boas-vindas ao After Effects

      8:49

    • 4.

      Vamos animar!

      8:27

    • 5.

      Loops

      3:17

    • 6.

      Atalhos

      1:15

    • 7.

      Copiar e colar

      3:04

    • 8.

      Brilhos

      2:06

    • 9.

      Preparando arquivos no Adobe Illustrator

      2:08

    • 10.

      Primeiro projeto

      6:22

    • 11.

      Solução para a tarefa

      6:39

    • 12.

      Tudo pronto?

      1:21

    • 13.

      Segundo projeto

      5:58

    • 14.

      Próximos passos

      0:39

    • 15.

      Renderização

      2:13

    • 16.

      Considerações finais

      0:40

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

5.805

Estudantes

67

Projetos

Sobre este curso

Você pode aprender a animação 2D e de imagens de movimento no Adobe After Effects com o mínimo de esforço de Você está pronto para dar vida às suas ilustrações?

Se você é iniciante, não se preocupe! Vou passo a passo para que não tenha nenhum problema de seguir o curso.

Durante o curso, vou dar algumas dicas ótimos para acelerar seu processo de trabalho e animar suas ilustrações de forma rápida e fácil.

Ao final do curso, você fará animações 2D em tempo recorda. Ao longo do caminho, você aprenderá a:

  • Use o Adobe After Effects para imagens de movimento, desde o conceitos básicos.
  • Crie animações de o Adobe After Effects
  • Organize suas ilustrações para tornar sua vida mais fácil
  • Adicione expressões e efeitos... e muito mais!

Se você é novo na animação ou se está cansada de perder horas de criação simples, este curso vai dar, o que vai dar, a sua e a arquivar ótimos resultados em minutos.

Para quem é este curso?

Este curso é ideal para animadores 2D e ilustradores de animadores de 2D, ilustradores e artistas criativos e em uma pessoa que queira aprender a aprender a fazer animações incríveis no Adobe After Effects.

Requisitos:

Este é um curso de imagens de movimento iniciantes. Para completar este curso, você só precisará ter o Adobe After Effects instalado no seu PC, e, acima de tudo o desejo de aprender.

Se quiser aprender a criar ilustrações incríveis para animação do zero, recomendo que faça meu novo curso de animação: “Ilustração para animação: crie desenhos bonitos e animadores de eles”.

Conheça seu professor

Teacher Profile Image

Carminys Guzmán

Motion grapher

Top Teacher

Hi, my name is Carminys, and I'm the cofounder of Operary.com; We are an animation studio with over 8 years of experience, based in Spain.

The main goal of our courses is to share our knowledge simply and without complications.

If you really want to make professional animated videos from scratch, you will need to master 3 skills: Scriptwriting, Illustration, and of course, Animation.

Stop getting overwhelmed; save time, and start with our Animation Fundamental Courses.

Follow me on instagram: @operary_sl

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. Trailer do curso: Oi lá. Meu nome é Carminys e sou o co-fundador da Operary.com. Somos um estúdio de animação com mais de oito anos de experiência. Durante este tempo, criamos belos vídeos animados explicando para centenas de empresas em todo o mundo. Nosso objetivo com este curso é ensiná-lo a fazer animações incríveis em tempos recordes. Vamos começar a partir do básico e gradualmente você vai aprender alguns truques para acelerar o processo de animação e aplicar o que você aprendeu com projetos práticos reais. Você está pronto para levar suas ilustrações para o próximo nível? Vamos começar. 2. Introdução: Como você sabe, neste curso, estamos dando algumas dicas para acelerar seu processo de palavras e animar suas ilustrações de forma rápida e fácil. Se você não usou o After Effects antes, não se preocupe, vamos mergulhar passo a passo do básico para que você não tenha nenhum problema em seguir o curso. Convido você a baixar todos os projetos que fazemos durante o curso. Desta forma, você pode seguir as instruções em tempo real e será muito mais fácil para você aplicar o que você está aprendendo. Estou ansioso para ver suas animações no final do curso. Por favor, compartilhe seu trabalho na galeria de projetos do curso para que todos possamos desfrutar de suas artes. Na próxima lição, faremos uma breve revisão da interface do After Effects. 3. Boas-vindas ao After Effects: Olá a todos. Bem-vindo à sua primeira aula. Se você já trabalhou com o After Effects antes e sabe como ele funciona, você pode ir diretamente para a lição 5. Se é a primeira vez que você abre o programa, não se preocupe, vamos nos concentrar nas partes essenciais para seguir o curso facilmente. Trabalharemos com o espaço de trabalho padrão, mas você pode escolher a opção que preferir. A interface pode variar dependendo da versão do After Effects com a qual você está trabalhando. Estamos trabalhando com a versão 2020. Para criar uma animação, primeiro, precisamos criar uma nova composição. Vamos para Composição e selecione “Nova Composição”. Também podemos criar composições clicando nesta caixa ou neste símbolo aqui. Agora, precisamos nomear a composição e configurá-la. Vamos usar uma resolução 1920 por 1080. Definimos a taxa de quadros para 24 quadros por segundo. Faça a composição durar cinco segundos e clique no botão “OK”. Para salvar o projeto, vá para Arquivo e selecione “Salvar”. Localize o local, nomeie o arquivo e salve. Podemos começar a criar. Agora, vamos criar uma camada de forma, um quadrado, por exemplo. O painel onde você vê o quadrado é o visor, o painel mais extenso de todos. Este painel é onde veremos os resultados de nossos designs em animações. Também podemos definir o tamanho da janela e a qualidade da imagem com a qual queremos trabalhar. Quanto maior a qualidade, mais lenta será a animação processada. Por padrão, e até que criemos um elemento de fundo, ele aparece em preto. Podemos alterar a cor de Composição e selecionar “Configurações de composição”. Se clicarmos aqui, podemos ver a grade de transparência. Também podemos alterar o tamanho dos painéis clicando e arrastando. Muito simples. Agora vamos dar uma olhada mais de perto no painel da linha do tempo. Este painel é onde vamos passar mais tempo criando nossas animações. Observe que ao criar a camada de forma, ela apareceu automaticamente na linha do tempo. Também podemos modificar a duração da área de trabalho, bem como ampliar clicando e arrastando aqui. Além disso, você pode alterar os controles do menu clicando no botão aqui. Como você pode ver, a composição que criamos no início aparece no painel do projeto. É aqui que todas as composições que criamos e todos os arquivos que importamos aparecerão. Ao importar arquivos, devemos pressionar duas vezes no painel ou ir para Arquivo, selecione “Importar arquivo” e, em seguida, selecione o arquivo desejado e importar. Se formos importar um arquivo em camadas do Illustrator ou do Photoshop na importação como opção, devemos selecionar “Composição - Manter tamanhos de camada”. Como você pode ver, uma nova composição é exibida com o nome do arquivo do Illustrator e há também uma pasta. As camadas estão localizadas dentro desta pasta. Podemos criar pastas clicando aqui, nomeá-los, e arrastar os arquivos para dentro. Se olharmos para a direita, encontramos o painel de efeitos e predefinições. Esses painéis permitem que você navegue por uma extensa biblioteca de efeitos. Durante o curso, você aprenderá a aplicá-los. Se este painel não aparecer na tela, vá para Janela e selecione “Efeitos e predefinições”. Você também pode pesquisar os efeitos através da janela de efeitos localizada no menu principal. No topo, podemos encontrar as ferramentas mais usadas. Vamos dar uma olhada rápida nas ferramentas que vamos usar durante este curso. A ferramenta Seleção, que permite selecionar e mover os elementos, bem como modificar seu tamanho. Se mantivermos a tecla Shift pressionada ao ajustar o tamanho, manteremos as proporções intactas. A ferramenta Mão permite que você se mova dentro do painel de composição. A ferramenta Zoom permite ampliar ou reduzir o zoom. Se clicarmos, ampliamos e se clicarmos mantendo pressionada a tecla “Alt”, reduzimos o zoom. Esta é uma ferramenta de rotação. Ele nos permite girar objetos em torno dos pontos angulares. Podemos alterar a localização dos pontos angulares, graças à ferramenta Pan Atrás. Selecione e exclua o quadrado que criamos. Usando esta ferramenta, poderemos criar suas camadas mágicas de forma como retângulos, elipses e todos os tipos de polígonos. Cada camada de forma tem seu próprio conjunto de configurações. A partir da linha do tempo, podemos configurar suas opções. Isso variará de uma camada de forma para outra. Leve o seu tempo e brinque com eles para ver como eles funcionam. Também podemos alterar a cor do campo e o traçado, bem como o tamanho do traçado. Podemos ativá-lo ou desativá-lo clicando no botão [inaudível] aqui. Podemos alterar esta mesma opção a partir daqui ambos. Agora, quero dizer a diferença entre criar uma camada de forma e criar uma máscara de camada. Vou importar uma foto e arrastá-la para a composição. Se criarmos uma forma com a camada selecionada automaticamente, uma máscara será criada nela. Em outras palavras, só podemos ver a parte da fotografia que está dentro da máscara que criamos. Também podemos inverter a máscara clicando aqui. Vamos voltar com Control-Z ou Command-Z no Mac ou simplesmente excluir a máscara. Por outro lado, se criarmos uma forma sem ter nenhuma camada selecionada, cada camada de forma é criada. Podemos até copiar cores com muita facilidade. Na configuração de cores, selecione a ferramenta conta-gotas. Ao clicar em qualquer cor, podemos copiá-la rapidamente. Muito útil se quisermos copiar a cor de um desenho ou fotografia. Esqueci de comentar que podemos arrastar os elementos localizados no painel do projeto dentro das composições de duas maneiras. Uma delas é arrastando os elementos diretamente para o painel do projeto. O outro está arrastando-os para dentro da linha do tempo. Também podemos colocar as camadas facilmente. Com isso, será suficiente começar a ver coisas mais divertidas. Na próxima lição, faremos uma introdução à animação no After Effects. Vejo-te lá. 4. Vamos animar!: Oi lá. Bem-vindo a esta lição. Agora que você sabe como se mover pela interface, vamos dar uma primeira olhada na animação no After Effects. Abrindo uma nova composição 1080 por 1080 em 24 quadros. Diga o nome e dê três segundos. Vamos começar com um exercício simples que irá ajudá-lo a entender como o processo de animação funciona no After Effects, um salto bola. Vamos importar uma cena que preparamos e previamente separada por camadas no Adobe Illustrator. Não se preocupe com isso agora. Em futuras lições, mostraremos como preparar suas ilustrações para o After Effects. Arraste a composição importada para a composição principal e clique duas vezes dentro da composição. Como você pode ver, temos uma bola, sombra e uma imagem de fundo. Antes de começarmos a animar, selecione a camada de bola de futebol. Em seguida, selecione a panela atrás da ferramenta e coloque o ponto de ancoragem na base da bola. Como vamos animar a escala mais tarde, queríamos tomar esse ponto como referência. Agora abra as propriedades de transformação da bola. Todas essas propriedades podem ser animadas. Também podemos modificar seus valores diretamente a partir daqui. Primeiro, vamos animar a posição para a qual precisamos criar o primeiro quadro-chave clicando no cronômetro. Agora prazos avançados na linha do tempo, você pode ver o contador de quadros à esquerda. Podemos criar um novo quadro-chave pressionando o diamante aqui ou mudar diretamente a posição da bola. Ao alterar a posição, aumente um novo quadro-chave. Agora podemos visualizar a animação. Para isso, basta pressionar zero no teclado numérico ou na barra de espaço. Finalmente, avance mais 10 quadros e copie e cole o primeiro quadro-chave nesta posição. Pré-visualização novamente. Agora podemos ver o caminho completo da bola. Se você está um pouco perdido, não se preocupe, eu vou fazer uma revisão detalhada para que nada escape você. Primeiro, precisamos localizar o indicador de tempo nos momentos da linha do tempo onde queremos que a animação comece. Para criar um quadro-chave, você precisa clicar no cronômetro. Para criar outro quadro-chave, precisamos avançar na linha do tempo e modificar os valores. Podemos alterar os valores das partes da vista ou da linha do tempo. Também podemos copiar um quadro-chave. Para copiar um quadro-chave, precisamos selecioná-lo primeiro. Você só pode colá-lo no local onde o marcador da linha do tempo está localizado. Voltando ao After Effects, gosto do timing. Nós só precisamos ajustar o tamanho do espaço de trabalho para a ração da animação. Para isso, colocamos um quadro antes do quadro-chave final e pressionamos a tecla n. Também podemos ajustá-lo clicando e arrastando. Podemos alterar o tamanho da composição para a duração da área de trabalho clicando com o botão direito do mouse aqui e escolhendo a opção Trim Comp to Work Area. Agora, a composição tem o mesmo comprimento que a animação e nós temos nossos turnos em loop perfeito. Mas ainda assim, precisamos fazer alguns truques para fazer a animação parecer boa. Neste momento, a animação é executada a uma velocidade constante, e isso lhe dá uma aparência não natural. Para resolver isso, precisamos diminuir o movimento da bola na parte superior do caminho, pressionando F9 ou clicando com o botão direito do mouse no quadro-chave, selecione “Assistente de quadro-chave, Easy Easy. Criamos uma suavização automática dos movimentos do quadro-chave. Como você vê, precisamos suavizar ainda mais o movimento do quadro-chave central. Para melhorar a animação, temos duas opções. Modifique o Editor de Gráficos aberto ou modifique a influência dos movimentos. Vamos abrir o Editor de Gráficos. Para isso, devemos ter o quadro-chave selecionado. Clique neste símbolo, com o botão direito do mouse em “Editar gráfico de velocidade”. partir daqui, não podemos suavizar a curva, mas pode ser um pouco mais desafiador entender se você não tem experiência no After Effects. Vamos voltar à vista útil do After Effects. Selecione o quadro-chave que queremos suavizar. Clique com o botão direito “Velocidade do quadro-chave”. Em influenciado, introduzimos o valor 80. Na entrada e saída do quadro-chave, a velocidade deve estar em 0, uma vez que a bola permanece parada para uma instância. Finalmente, pressionamos “Ok”. Quanto maior o número que damos à influência, mais suaves são os movimentos. Como você pode ver, é completamente suave. Agora, só precisamos animar a escala para alcançar esses efeitos de squash e estresse que queremos. Primeiro, esmagamos a bola. Fazemos isso devido ao impacto do objeto no chão. Para fazer isso, basta ativar a opção Restringir Proporções da escala clicando aqui, e criar um novo quadro-chave usando o valor 120 por cento para x e o valor 80 para y. a bola deve sempre manter a mesma massa. O valor da soma de x e y deve ser sempre igual a 200. Avançamos um quadro para a parte mais rápida da animação e incorporamos os valores. Estamos à procura da bola para esticar com velocidade. Na parte superior da animação, a bola permanece parada por um exemplo, então ela deve recuperar sua aparência natural. Redefinimos o valor para 100 e 100. No quadro [inaudível], a parte mais rápida a ser descartada, copiamos e colamos um quadro-chave que criamos anteriormente na parte mais rápida da ascensão. Nesse caso, não é necessário colocar um quadro-chave na última primavera, pois neste momento a animação é reiniciada desde o início. Vamos pré-visualizar novamente. Como pode ver, faz uma coisa estranha. É porque você tem que suavizar o quadro-chave central assim como fizemos com a posição. Seleciona, F9. Clique com o botão direito do mouse em “Velocidade do quadro-chave” e definimos a influência em 80%. Agora sim, temos o salto que queremos. Ok. Agora só precisamos animar a sombra. Para fazer isso, crie um quadro-chave clicando no cronômetro, avance os timeframes e diminua a escala em 80 por cento para dar o efeito, que essa sombra se torne menor à medida que a bola se afasta. Agora, avance para o final da composição e copie e cole o primeiro quadro-chave. Nós arrastamos um pouco para o último quadro. No quadro-chave central, suavizamos o movimento com F9 e, em seguida, aplicamos a mesma influência que aplicamos à bola. Neste caso, foi de 80 por cento. Pré-visualização e fabuloso, já temos para acabamento de animação. Agora, eu convido vocês a baixar os projetos. Sua tarefa é saltar o basquete ou o amarelo desde o início. Você pode encontrar as bolas clicando no símbolo do olho aqui. Você também pode desativar o resto para que eles não o incomodem. Divirta-se e boa sorte. 5. Loops: Olá, bem-vindo a este vídeo. Nesta lição, vamos falar sobre a expressão de loop e como ela pode nos ajudar a acelerar nosso processo de trabalho. Não deve ser confundido com os loops criados com o salto da bola da lição anterior, pois nesse caso, o loop foi criado porque a animação terminou e começamos novamente. É muito fácil aplicar a expressão de loop. Para começar, faremos uma posição de animação simples de um ponto para outro. Com F9, movemos a velocidade em um sentido. Ao visualizar, vemos que ele faz um único movimento. Para aplicar a expressão, precisamos clicar no cronômetro enquanto segura a tecla ALT pressionada. Em seguida, escrevemos a expressão de loop out. Como você pode ver na versão 2020 do After Effects, ao escrever a expressão, diferentes opções aparecem. É muito mais intuitivo escrever expressões. Continuamos no caminho do nó para visualização. Vemos que o movimento reinicia uma e outra vez sem a necessidade de criar quadros de marcação. Interessante, certo? Agora, vamos adicionar uma variante. Dentro dos parênteses, vamos escrever ping-pong entre aspas. Agora, pré-visualização. Animação agora vem e vai por toda a composição. Podemos separar ou aproximar os quadros-chave para alterar a velocidade da animação. Imagine-se fazendo isso várias vezes até o final da composição. Finalmente, vou mostrar-lhe uma última variante. Vamos alterar o caminho da animação um pouco para ver melhor o que a ligação a seguir faz. Exclua o texto do ping pong e escreva o deslocamento na visualização. Olha como é interessante. Ele continua fazendo a mesma animação, mas neste caso , também rolagem contínua. Vamos para o primeiro quadro-chave. Selecione os dois quadros-chave e arraste-os para fora da composição. Visualize e veja como a bola entra na tela sozinha e continua seu movimento sem ter que fazer mais nada. Há uma outra variante chamada continuar, mas eu nunca usei e eu não vejo muito uso para ele. Na próxima lição, veremos o que são os chockers e como usá-los para acelerar nosso processo de trabalho. 6. Atalhos: Oi lá. Nesta aula, vamos falar sobre atalhos. Os atalhos serão uma ótima maneira de acelerar seu processo de trabalho. Os atalhos mais utilizados são os que se referem às propriedades das camadas e às ferramentas que usamos mais comumente. Vamos ver como abrir as Propriedades da Camada, com um único clique. Pressione “A” para o ponto de ancoragem, “P” para a posição, “S” para a escala, “R” para a rotação e “T” para a opacidade. Se mantivermos pressionada a tecla Shift, podemos abrir várias propriedades ao mesmo tempo. Agora, vamos ver como acessar as ferramentas principais com apenas um clique de uma tecla. Pressione “V” para a ferramenta de seleção, mantenha a barra de espaço para a ferramenta manual, “Z” para a ferramenta de zoom, “W” para a ferramenta de rotação e “Y” para a ferramenta de pan atrás. É tudo sobre prática. Deixei um arquivo PDF com os atalhos mais úteis para que você possa baixá-lo. 7. Copiar e colar: Olá a todos. Nesta lição, eu vou ensinar-lhe como economizar tempo usando a ação copiar e colar em três cenários diferentes. Copiar e colar quadros-chave, copiar e colar expressões e copiar e colar efeitos. Vamos ver como copiar e colar quadros-chave com uma animação de rotação simples que temos preparado. Como você pode ver, nós só animamos um movimento. Para concluir o ciclo, copiamos o primeiro quadro-chave e colamos alguns quadros mais tarde. Como você já sabe, o quadro-chave é colado onde o indicador de tempo está localizado na linha do tempo. Agora, vou mostrar a vocês como colar quadros-chave em outra camada. Selecione os três quadros-chave e copie-os. Em seguida, selecione outra camada e cole-as. Tão simples quanto isso. Perfeito. Agora, vamos ver como copiar e colar expressões. Como você pode ver, temos a mesma animação desde o início, mas nós, em seguida, loop out expressão ping-pong, aplicado. A bola vermelha e a bola azul também são animadas, mas eles não têm o loop out aplicado. Clique com o botão direito na rotação da bola amarela e selecione Copiar Expressões Apenas. Em seguida, selecione a rotação das duas bolas e colar expressão, e pronto. Vimos como copiar e colar quadros-chave e expressões separadamente. Mas e se quisermos copiá-los ao mesmo tempo? Muito fácil. Voltamos à animação inicial. Nesse caso, apenas a bola amarela que já tem expressão aplicada é animada. Selecionamos a propriedade e copiamos. Em seguida, vamos para o resto das camadas e colamos. Simples, certo? Finalmente, vamos ver como copiar e colar efeitos. Selecione a bola amarela, vá para o painel de efeitos e procure o efeito Ruído. Para aplicá-lo, faça um duplo clique no efeito. Agora, a partir do painel de controles de efeito, podemos configurar o efeito. Como o próprio nome sugere, esses efeitos criam uma animação com ruído. Se não conseguir ver este painel, vá para Janela e selecione Controles de efeitos. Muito bem. Agora só precisamos selecionar o efeito e copiá-lo. Selecione o resto das camadas e cole. Só precisamos de dois cliques e pronto. Durante este curso, usaremos esse recurso em muitas ocasiões. 8. Brilhos: Oi, todo mundo. Nesta classe, vamos falar sobre estilos de camada. Eles são semelhantes aos efeitos. Assim como este, eles têm seu próprio conjunto de configurações. Podemos acessar os estilos de camada clicando com o botão direito do mouse em uma “Camada”. Selecione “Estilos de Camada” e escolha a opção que deseja aplicar. Neste caso, vamos nos concentrar na opção Outer Glow. Em sua configuração, vemos que ele tem muitas opções para configurar. Podemos mudar sua cor, seu modo de mistura, ou forma, e tamanho. Mas queremos falar sobre uma opção que está muito na moda hoje em dia, adicionando ruído. Graças ao Estilo de Camada, podemos adicionar ruído muito rapidamente com excelentes resultados. Claro, também podemos copiar uma camada de estilo e colocá-la em outra camada. Agora, vamos aplicar Inner Glow. Para isso, clique com o botão direito do mouse na “Camada”, selecione “Estilos de Camada” e selecione “Brilho Interno”. Da mesma forma que pedimos brilho, podemos mudar a cor, o tamanho, adicionar ruído. Como você pode ver, é uma maneira rápida de enriquecer nossas ilustrações. Eu recomendo que você olhe para o resto e brinque com suas configurações. Com estes, estaremos prontos para começar a fazer os projetos. Na próxima lição, explicarei como preparar seus designs no Illustrator para animá-los de forma eficiente no After Effects. 9. Preparando arquivos no Adobe Illustrator: Bem-vindos a esta aula. Vamos ver como preparar nossos designs no Adobe Illustrator e como importá-los para o After Effects. Aqui você pode ver o sinal do nosso primeiro projeto, é um design simples. Para fazer isso, usamos um lápis e formas geométricas. Para a preparação do arquivo para efeitos posteriores, separamos tudo em camadas. Se você trabalha com o Photoshop, o conceito é o mesmo, separado por camadas. Você pode ver a organização das camadas aqui. A idéia é camada os elementos que você está indo para animar para tornar sua vida mais fácil em efeitos naturais. A organização é crítica. Por exemplo, os pólos de cães estão localizados na mesma camada que o barco porque eles vão se mover ao mesmo tempo. O mesmo vale para as duas células nos olhos. Nós também adicionamos uma camada para os olhos fechados e, por outro lado, as orelhas não estão unidas, uma vez que vamos animá-los separadamente. Nesta fase do processo, você deve ser claro sobre como será sua animação para preparar a ilustração do After Effects [inaudível] no futuro. Observe que alguns elementos vão além dos limites da composição. Precisamos ampliar a composição clicando aqui e arrastando para que todos os elementos estejam dentro da composição. Precisamos fazer isso para ter certeza de que todos os elementos serão vistos corretamente no After Effects e evitar cortes ao animá-los. Lembre-se de que você pode baixar o arquivo de ilustração junto com o resto dos projetos. Vejo-te na próxima aula. 10. Primeiro projeto: Olá, e bem-vindo a este tutorial. Agora vamos criar nosso primeiro projeto. Você está pronto? Abra uma nova composição 1.000 por 1.000 em 24 quadros. Diga o nome e dê três segundos. Agora é hora de importar ou design do Adobe Illustrator. Arraste a composição importada para a composição principal. Nós não vamos animar as duas camadas superiores ainda, então nós estamos escondendo elas por enquanto. O primeiro passo é ligar as partes dos cães com o seu corpo de tal forma que quando o cão se move o resto das partes seguir estes movimentos. Para estes, selecionamos as camadas das partes do corpo. Clique no botão “Pick Whip” e arraste para a camada do cão. Se você olhar para a direita, o nome da camada à qual ela foi vinculada será exibido. Ele' também pode ser ligado, escolhendo o nome da camada diretamente a partir daqui. Nós também ligaremos o cão nas velas com o barco. Verifique se tudo está bem ligado. Vamos animar a nave. Para ter melhor visibilidade, vamos apenas ativar a camada das ondas do mar. Coloque os pontos de ancoragem centrados na base do barco para que o barco gire sobre esses pontos. Vá para o início da linha do tempo. Abra sua rotação adicione um quadro chave e gire ligeiramente os barcos para menos seis graus. Avançado 12 quadros e girá-lo até cerca de quatro graus. Selecione os quadros de teclas e suavize o movimento pressionando a tecla “F9". Em seguida, aplique a expressão de ping pong LoopOut como lição cinco. Agora ativamos a camada de ondas do mar novamente. Pré-visualização. Agora queremos copiar os movimentos de rotação e colá-lo em outras camadas. Para fazer isso, selecione a rotação e a cópia. Vamos para a camada de cães. Coloque seu ponto de ancoragem, avançar um quadro respeito no início da animação do barco e com a camada selecionada, colamos. Você avança outro quadro e coloca o ponto de ancoragem na boca dos cães. Cole novamente, a rotação que tínhamos copiado do barco. Se você notar, temos feito um ligeiro deslocamento de um quadro na animação de rotação entre as diferentes camadas para imitar a inércia, faz com que a animação parece mais natural. Bom. Agora, vamos animar a língua. Para isso, selecione a camada e aplique o efeito de dobra de onda. Com um clique duplo, aplicamos e configuramos o status. Altura da onda, deixe em 10. Largura da onda a 107 e velocidade da onda a cinco. Agora, ajuste a duração da onda do mar. Neste caso, queremos imitar que o ar vem dos direitos e configuramos a fixação na borda direita. A aplicação desta borda direita permanece fixa. Vamos ver o que acontece. Agora. Copie o efeito e cole-o nas orelhas e verifique novamente. Nós diminuímos um pouco para seguir e verificar. Perfeito. Agora cole o mesmo efeito na camada de vela. Nós removemos a fixação como aqui nenhuma borda precisa permanecer fixa e diminuímos a velocidade para três. Como você pode ver, parece um pouco estranho. Para corrigi-lo, temos que aumentar bastante os valores. Deixamos as alturas das ondas em 20 e a largura das ondas em 364. Isso vai ficar bem. Copie e cole o efeito na camada de onda do mar. Vamos abrandar um pouco para dois. Cheque mais. Perfeito. Ou dizer que o cão está ótimo. O efeito de dobra de onda é um efeito útil que nos ajudará a criar animações atraentes rapidamente. Podemos usá-lo para animar Harris, ondas, nuvens, fumos e muito mais. Agora é a sua vez animar as nuvens de fundo com uma câmera lenta fatiada e animar o salto de peixe. Os resultados devem ser algo como o que você está vendo na tela. Se for o último, não se preocupe. Na próxima lição, vamos ensinar-lhe a solução para a tarefa. Boa sorte e te vejo na próxima lição. 11. Solução para a tarefa: Olá, bem-vindo a esta aula. Neste tutorial, vou ensinar-lhe como resolver a tarefa da lição anterior. Você precisava animar o movimento das nuvens e o salto de peixe. Sei que a animação das nuvens foi muito fácil para você. Simplesmente criamos um quadro-chave no início da linha do tempo. Avançamos para o meio da linha do tempo e movemos ligeiramente as nuvens. Selecionamos o quadro-chave e aplicamos F9 para suavizar os movimentos. Finalmente, aplicamos o loop de expressão pingpong. Copiamos a expressão e colamos na posição das outras nuvens, e já temos as nuvens animadas. A animação do peixe pode ter criado mais problemas para você, mas é normal. Se tentarmos animar o salto através da posição e rotação, pode ser um pouco difícil alcançar o movimento natural. Felizmente, há uma solução mais eficaz e muito mais rápida. Anime a posição e deixe que o After Effects cuide de animar a rotação para você. Vamos ver como funciona. Primeiro, anime a posição no primeiro quadro. Avance para nossos quadros e crie um quadro-chave no ponto mais alto do salto. Doze quadros depois, o peixe cai novamente, e aplicamos uma curva ao movimento. Para fazer isso, clicamos nos pontos do caminho em um trecho, algo assim. Agora, precisamos que o peixe gire ao mesmo tempo. Para isso, clique com o botão direito do mouse na camada, selecione “Transformar”, “Orientar automaticamente”, “Orientar ao longo do caminho”. Ao fazer isso, o objeto segue o caminho que estamos procurando, e não precisamos fazer mais nada. Agora, queremos dar o efeito de que o peixe sai da água. Para isso, criamos nosso exemplo com a mesma cor que o mar. Tenha cuidado para não ter nenhuma camada selecionada ao criar o retângulo. Para ver o peixe debaixo d'água, aplicamos o modo de mistura Clarear ao retângulo. Se você não pode ver essas opções, clique em “Alternar interruptores/modos”. Agora, só resta animar as ondas criadas pelos peixes em contato com a água. Para isso, vamos animar sua escala. A formação das ondas deve coincidir com o contato do peixe com a água. Em alguns quadros mais tarde, animamos sua opacidade para que ela desapareça pouco a pouco. Isto é perfeito. Nós duplicamos uma camada e movemos para o tempo e o local onde o peixe cai na água. Vamos dar uma olhada na animação. Desculpa, esqueci-me de animar os olhos do cão. Para começar, precisamos animar a opacidade na camada de olhos fechados. Vamos selecionar as duas camadas. Para selecionar várias camadas ao mesmo tempo, podemos selecioná-las mantendo pressionada a tecla Control no Windows ou Command no Mac. Se quisermos selecionar todas as camadas que estão entre duas camadas, mantemos pressionada a tecla Shift e eles serão selecionados. Voltando para a animação, passamos para o quadro 9, por exemplo. No início, o cão tem os olhos abertos, então deixamos a opacidade em 100. Não queremos que os olhos fechados sejam vistos ainda, então deixamos seu valor em zero. Em seguida, movemos um quadro e invertemos os valores. Agora, vamos ver os olhos fechados. Nós movemos mais três quadros e clique no “Rhombus” aqui criar um quadro com o mesmo valor que o anterior. Continuaremos com os olhos fechados. Agora, movemos mais um quadro e invertemos seu valor novamente. Veremos os olhos abertos novamente. Perfeito. Agora, movemos acima de quatro quadros e copiamos e colamos os três primeiros quadros-chave que criamos antes. Primeiro copiamos e colamos os quadros-chave de uma camada e, em seguida, os da outra. É importante fazê-lo desta forma porque se copiarmos e colarmos os quadros-chave de duas camadas ao mesmo tempo, as camadas serão duplicadas. Pronto, agora, temos a nossa animação terminada. Nosso cão marinheiro está ótimo. Deseja que sua animação dure mais tempo? É muito fácil. Vá para “Composição”, selecione “Configurações de composição” e multiplique o valor de tempo pelo número desejado, por exemplo, por quatro. Duplicar até ter quatro. Selecione as quatro camadas. Vá para “Animação”, selecione “Assistente de quadro-chave”, “Camadas de seqüência” e pronto. A animação agora dura 12 segundos. 12. Tudo pronto?: Bem-vinda de novo. Estou muito feliz que tenha chegado até aqui. Isso significa que você tem que realmente fazer animações incríveis em tempo recorde. Como um segundo projeto, você fará a animação que você vê na tela. Para este projeto, tentamos fazer uma animação atraente e dinâmica, mas com um esforço mínimo para alcançar nossos objetivos. Por esta razão, separamos apenas as camadas necessárias, para alcançar os resultados desejados. Por exemplo, os troncos e as pernas juntamente com os braços, estão unidos na mesma camada. Desta forma, economizamos muito tempo e o resultado continua a ser muito bom. Além disso, antebraços e mãos foram colocados juntos. Ao animar o rosto, tenha em mente que, ao mover as características do rosto para baixo, as orelhas devem ir na direção oposta e, acima de tudo, tenha cuidado para vincular as camadas. Todos os movimentos da animação foram vistos durante as lições anteriores. Então eu convido você a tentar realizar o projeto sozinho. Eu sei que você pode fazer isso. Na próxima lição, veremos como animar o segundo projeto. 13. Segundo projeto: Agora, vamos animar nosso segundo projeto. Aqui vamos nós. Vamos criar uma proposta 1080 por 1080 com 25 quadros. Dê cinco segundos e importaremos o arquivo do Illustrator. Vamos começar por criar todas as camadas. A boca com o rosto, e as orelhas, e o cabelo com a cabeça, e também o rosto com o cabelo. O resto das partes do corpo estão relacionadas ao corpo. Agora, ao mover o corpo, todas as suas partes seguem seus movimentos. Agora, vamos animar sua posição em um intervalo de 20 quadros. Aplicamos a facilidade com F9 e aplicamos a expressão de ping-pong LoopOut. Em seguida, colocamos o ponto de ancoragem nos antebraços para que eles giram no eixo e animamos a rotação de ambos. Aplicamos a facilidade com F9. Copiamos a expressão de loop do corpo e colamos nos antebraços. Vamos dar uma olhada para ver que tudo está indo bem. Perfeito. Agora, vamos animar a boca. Queremos dar a impressão de que a menina está respirando pela boca. Para isso, animamos a escala. Suavize com F9 e cole a expressão LoopOut ping-pong de volta. Como você pode ver, é o mesmo processo o tempo todo. Agora, vamos animar o rosto. Nós animamos a posição. Eu suavizá-lo com F9 e colar uma expressão LoopOut ping-pong. Para os ouvidos, animamos sua posição. Lembre-se de que eles devem se mover na direção oposta ao rosto. Muito bom. Nós suavizamos o movimento novamente e colamos a expressão. Agora, vamos animar a escala da sombra. Quando o personagem sobe, a sombra se torna menor. Novamente, suavizamos o movimento e colar expressão LoopOut. Ótimo. Está parecendo perfeito. Finalmente, vamos animar o cabelo. Aplicamos o efeito de dobra de onda. Nós ajustamos a direção que as ondas seguirão e ajustamos o tamanho das ondas ao nosso gosto. Você pode escolher outros valores diferentes dos meus. O importante aqui é que você gosta dos resultados. Finalmente, estabelecemos a opção de fixação na borda inferior, porque a partir daqui, o movimento começará e queremos que seja corrigido. Perfeito. Agora, vamos para a camada de ondas de tecido e aplicamos o efeito de dobra de onda novamente. Ajustaremos os valores deles. Neste caso, queremos que as ondas se movam lateralmente. Aqui, não vejo necessidade de ajustar a fixação. Pré-visualização. Legal. Só será necessário aplicar um pouco de ruído ao brilho do sol. Basta fazer à direita selecionar Estilos de Camada e selecionar Brilho Externo. Mudamos a cor e ajustamos os valores ao nosso gosto. Nós adicionamos ruído, e nossa animação estará pronta. Como podem ver, aplicamos apenas o conhecimento que já aprendemos durante as lições anteriores. 14. Próximos passos: Se você realmente quer fazer vídeos explicados de animação profissional a partir do zero, você precisa dominar três habilidades, escrita de script, ilustração e, claro, animação. meu perfil, você pode acessar a seção de fundamentos de animação onde você encontrará cursos fantásticos para melhorar essas habilidades. Depois de ter aprendido o básico, recomendo que você se especialize em tópicos mais específicos para desenvolver suas habilidades de animação. Espero vê-lo em meus outros cursos no final deste. 15. Renderização: Agora que temos nossos empregos prontos, podemos explorá-los. Para isso, vamos para Composição e selecione “Adicionar ao Adobe Media Encoder”. Media Encoder nos ajuda a explorar, praticar de forma mais eficiente. Tenha em mente que uma composição que temos atualmente aberta será exportada. Primeiro, que é o codec. Neste caso, usaremos H264. Ele explora o vídeo em mp4. Você deve usar o formato para a Web. Em relação à resolução de saída, podemos escolher a opção “Match Source”, High ou Medium Bitrates para evitar erros e explorá-la no mesmo tamanho em que trabalhamos no projeto. Neste curso, fizemos curtos em loops animações mais focadas em redes sociais como o Instagram. Para este tipo de animação, é melhor escolher as opções “Taxa de bits média” para que os vídeos não ocupem muitos megabytes. Finalmente, escolhemos o local onde exploraremos o vídeo e daremos um nome ao arquivo. Para terminar, clicamos no botão “Play” aqui. Você também pode explorar sua animação como um GIF. Para fazer isso, volte para “After Effects” e envie um vídeo de volta para o Media Encoder. Escolhemos o codec “GIFs animados” e a opção “Animation GIF, Match Source”. Novamente, escolhemos o local onde exploraremos o vídeo e daremos um nome ao arquivo. Finalmente clicamos no botão “Play” aqui. Com isso, tudo estará pronto. Uma vez concluído o processo, você pode abrir seu vídeo e começar a movê-lo nas mídias sociais. 16. Considerações finais: Estou tão feliz que tenha chegado ao fim. Parabéns. Convido você a aplicar todo o conhecimento que você aprendeu criando suas próprias animações. Eu adoraria vê-los. Não seja tímido e por favor faça upload para a galeria do projeto do curso ou marque-me em suas postagens do Instagram. Procure referências, inspire-se e, acima de tudo, pratique. Se você gostou do curso, por favor me deixe um comentário. Ficarei muito grato. Espero vê-lo novamente em cursos futuros. Obrigado.