Reprise da live: Animações desenhadas à mão no Procreate e no After Effects | Fraser Davidson | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Reprise da live: Animações desenhadas à mão no Procreate e no After Effects

teacher avatar Fraser Davidson, Designer / Director / Animator

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

    • 2.

      Maneiras de usar essa técnica

      5:05

    • 3.

      Animação no Procreate

      19:23

    • 4.

      Levando para o After Effects

      6:31

    • 5.

      Animação no After Effects

      9:53

    • 6.

      Brincando com cores

      5:46

    • 7.

      Retoques Finais

      6:26

    • 8.

      Perguntas e respostas

      2:37

    • 9.

      Considerações finais

      0:57

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

Estudantes

11

Projetos

Sobre este curso

Aprenda uma técnica exclusiva de animação que combina o Procreate e o After Effects.

Usar as ferramentas de animação que o Procreate fornece pode ser uma ótima maneira de adicionar um visual de desenho à mão às suas animações digitais. Neste curso de uma hora de duração, gravado usando o Zoom e com a participação da comunidade da Skillshare, o animador Fraser Davidson vai orientar você no processo exato que ele segue para criar essas animações divertidas.

Primeiro, ele vai mostrar como criar um loop de animação simples e desenhado à mão no Procreate. Depois, ele vai mostrar todas as diferentes maneiras que você pode manipular essa animação no After Effects para melhorá-la. Durante o processo, você vai ver em detalhes o fluxo de trabalho de Fraser, animando junto com um mestre.

Ótimo para os iniciantes que querem ter mais experiência com programas variados de animação, ou até mesmo para os animadores mais experientes que querem aprender uma técnica nova. Você vai terminar o curso com uma animação divertida e muitas habilidades para aplicar no seu próprio trabalho.

_________________________

Embora não tenha sido possível responder a todas as perguntas durante a sessão, adoraríamos ouvir você. Use o Fórum de discussão do curso para compartilhar as suas perguntas e comentários.

Conheça seu professor

Teacher Profile Image

Fraser Davidson

Designer / Director / Animator

Professor

BAFTA Award-winning director and animator. Co-founder and owner of Cub Studio. Has worked with many of the worlds leading sporting institutions (including the NFL, England Rugby, the NCAA, the IOC, Canadian Olympic Committee, Fox Sports, ESPN and more) as both an animator and brand designer.

 


 

Visualizar o perfil completo

Level: Intermediate

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Introdução: Acho que no meu trabalho tem sido muito útil usar as funções de animação com as quais o Procreate permite que você trabalhe. Usando o After Effects, você geralmente tem um fluxo de trabalho bastante limpo e baseado em vetores, e o que essa ferramenta de animação manual no Procreate permite que você faça é realmente obter uma sensação de animação tradicional nesse fluxo de trabalho limpo. Olá, sou Fraser Davidson. Sou designer e animador, co-diretor e diretor criativo no Cub Studio. Trabalho muito em esportes, redes sociais, todo tipo de coisas. Na aula de hoje, mostrarei a vocês como podemos pegar elementos animados simples do Procreate e aproveitar o poder do After Effects para recolorir, multiplicar e, em geral, aprimorá-los. Eu acho que é útil tanto para pessoas que talvez tenham dobrado no Procreate ou talvez já usam After Effects, como para novatos totais para ambos, porque ele lhe dá um pouco de visão sobre como ambos funcionam e como ambos podem ser usado pelo outro para criar animações interessantes e poderosas. Você pode acompanhar tanto no Procreate quanto no After Effects enquanto percorremos o curso, você também receberá arquivos pré-fabricados que permitem que você entre e saia do campo em vários pontos. Você pode encontrar esses arquivos na seção Recursos da classe. Espero que ao fazer o curso, você tenha uma noção do que é possível em ambos os programas e dê um ponto de partida para criar suas próprias animações. Só para você saber, esta aula foi originalmente gravada ao vivo e eu estava interagindo com o público enquanto gravava. Certo, vamos fazer isso. 2. Maneiras de usar essa técnica: Bem-vinda. Obrigado por se juntar a nós a turma de Fraser Davidson. Meu nome é Katy Eu sou um produzir um com Skillshare, e eu vou ser anfitrião da sessão hoje. Basta dar-nos uma breve visão geral do que vamos fazer, o que os alunos podem esperar vir para a aula com e quais materiais eles podem usar para que todos tenham tudo à mão. Bem, na ordem inversa, vamos usar o Procreate e o After Effects. Vamos animar um elemento muito simples no Procreate uma pequena sequência animada e o Procreate é fantástico para isso. Então, espero que você tenha a sensação de Procreate como ele funciona, como a função de animação funciona. Então vamos trazer isso para o After Effects, que é um software mais desenvolvido que vamos tomar e usar o poder de composição do After Effects. Nós vamos multiplicar, recolorir, adicionar efeitos, e geralmente melhorar essa peça e fazer algo novo e bonito fora dela. Poderíamos, como eu disse, vamos usar alguns princípios de animação muito simples. Nada complicado. Você pode vir a isso de como um novato completo. Vamos apenas explorar algumas das funcionalidades e flexibilidade que o After Effects permitiria usar de forma não destrutiva para pegar esse elemento e simplesmente fazer coisas divertidas com ele de uma forma muito maleável. O elemento que vamos construir é algo muito simples, uma pequena sequência como esta. Isto é, na verdade, isso está capturando tempo real, mas são 15 quadros por segundo. Então, deve ficar tudo bem. O que vamos fazer com ele é transformá-lo em algo completamente mais complicado e interessante e apenas com muito pouco esforço por parte do After Effects. Em termos do que isso representa. Você pode construir todo tipo de coisas fazendo elementos semelhantes e duplicando-os, recuperando-os, retirando-os e ajustando-os. Aqui estão algumas outras peças. Eles são um pouco mais complexos em termos dos elementos Procreate que eu criei. Mas, essencialmente, são todos os mesmos princípios. Pegar algo e usar funções muito básicas no After Effects para transformá-lo nesses padrões agradáveis ou criar algo que vai ajudá-lo a trabalhar no After Effects. Tenho certeza que, como será explicado, vamos lhe dar todos esses elementos. Eu acho que você já teve a ligação para todos esses elementos. Você será capaz de brincar com eles e explorá-los e de obter uma compreensão de como eu os usei para fazer essas peças. Mas também você seria capaz de gostar de mexer com eles em seu próprio tempo e construir seus próprios pedaços e pedaços. Embora alguns deles sejam um pouco mais complicados, eu acho que olhando para suas sequências, você será capaz de entender isso. Novamente, incluí todos esses pedaços, algumas espirais, outras formas interligadas. Basta dar-lhe um pouco mais de uma visão geral de por que eu acho que isso é útil. Aqui estão algumas das peças de trabalho que construímos que usamos recentemente e vou passar por elas. Esses pequenos floreios que usamos para se mover entre cenas ou extrair partes específicas da animação. Aqui está outra pequena peça que eu construí usando todos os mesmos princípios, apenas um GIF em loop e um pouco de uma câmera se movendo After Effects. Estes são os elementos que usei em outros trabalhos como a peça em que estamos trabalhando no momento. Onde criamos algo assim, este elemento que classifica um pouco de narrativa visual que permite adicionar esses pequenos floreios ao trabalho que você não está construindo uma cena animada de mão inteira, mas você está adicionando elementos a ele que ajudam a complementar coisas que são mais parecidas com gráficos de movimento. Esse é o contexto mais amplo de como usaríamos essas coisas e talvez como se você tivesse mais experiência com o After Effects, como isso o ajudaria. A última peça aqui, apenas construindo uma série de elementos Procreate muito simples. Construímos uma diversão completa que conseguimos pegar todos esses elementos do Procreate e transformá-los no After Effects, transformando-os em um sistema de diversão unificado. Aqui está outro exemplo disso. Então, espero que você tenha uma idéia do poder que você está criando algo bastante simples usando as ferramentas Procreate. O After Effects dá a você esse poder para multiplicar exponencialmente e fazer coisas que são bastante complexas e interessantes. 3. Animação no Procreate: Agora, vamos começar a animar nossos elementos desenhados à mão no Procreate. O que eu vou fazer por causa da paridade é que eu vou construir o ativo Procreate que é essencialmente o que nós vamos estar usando, mas quando eu chegar a trabalhar com ele depois de efeitos, eu vou usar um ativo que eu pré-criei que é Exatamente o mesmo. Aqui está um recurso que fiz mais cedo. Só para que se alguém está seguindo e quer abrir os dois arquivos após efeitos, então estamos trabalhando com todas as mesmas coisas. Mas caso contrário, você não precisa fazer isso. Você pode usar o ativo que você faz hoje da mesma forma. O que vamos fazer, vamos criar e abrir um novo arquivo. Por causa da simplicidade, eu só vou usar o tamanho de tela padrão que eu tenho configurado aqui, então uma página em branco. Como você pode ter visto na peça antes, o que vamos fazer é criar uma partícula animada que se move de forma dinâmica ao longo de um caminho. A primeira coisa que vamos fazer é criar um caminho. Agora, só para o caso de você estar interessado, você pode usar qualquer um desses. Vamos trabalhar em preto e branco. Vai ser muito simples. Você pode usar qualquer pincel que quiser, eu acho. Mas eu vou usar este pincel de tinta seco que eu acho que pode ser encontrado na tinta. Então, se você quer ser muito específico, esse é o pincel de desenho que eu estou usando lá. Na camada 1 aqui, eu vou criar um caminho que basicamente faz isso e, em seguida, loops ao redor. Mas eu acho que o que eu vou fazer é construí-lo ao meio, então é um pouco mais simétrico. Isso é melhor. Lá vamos nós. Eu só vou duplicar esta camada aqui e, em seguida, a função de transformação, eu vou girá-la horizontalmente. Lá vamos nós. Só para termos uma boa forma para começar. Não precisa ser perfeito. Não se preocupe, esta é apenas uma parte de exemplo. Você pode criar qualquer forma que quiser. Eu só vou usar este aqui. Só vou ter certeza que isso é central e eu vou explodi-lo um pouco aqui. Isso deve estar tudo bem. Vou apenas marcar aqui onde é o meu ponto de partida. Vou começar aqui mesmo. Agora, o que vamos fazer a seguir é ligar as assistências de animação. Se você entrar nessas ações aqui na tela, nós temos a orientação de desenho, temos a assistência de animação. O que isso vai fazer é transformar suas camadas em uma sequência de quadros agora. Você deve ter uma linha do tempo ao longo da parte inferior e a capacidade agora de adicionar um quadro. Eu adicionei um par lá. Vou apagar isto, por isso tenho dois. O que o Procreate faz é que ele lhe dá um pouco de efeito de esfolamento de cebola para que a primeira camada fique um pouco mais leve, e à medida que você adicionar mais quadros, a opacidade disso diminuirá. No entanto, o que queremos fazer é tornar esta camada um pouco silenciada, então eu vou diminuir a opacidade. Então o que eu vou fazer é tornar isso um pano de fundo agora. Eu faço isso clicando nele na linha do tempo e apenas verificando a função de fundo lá. O que isso significa é que ele vai apenas mantê-lo em segundo plano para referência durante todo o processo de animação. Tenho o meu pincel de tinta seca. Meu primeiro quadro vai ser um pontinho. Vamos nos certificar de que estamos no quadro certo. Talvez seja necessário selecionar o quadro nas camadas. Mesmo que esteja selecionado na linha do tempo aqui em baixo. Eu acho que quando você começar, você pode ter que selecionar o primeiro quadro. Se você apenas selecionar o quadro 2 lá, e eu vou desenhar, é um pouco grosso. Vou escolher uma cor mais escura. Aqui vamos nós. Eu só vou desenhar um pequeno ponto preto, e então cada vez que você criar um novo quadro, o que nós vamos fazer é adicionar outro quadro clicando no botão Adicionar quadro aqui. Eles vão continuar a subir em camadas. Você não precisa selecionar essa camada toda vez, ela deve apenas torná-la automaticamente para que essa seja a camada em que você está desenhando. O que vou fazer agora é mover esse ponto um pouco ao longo da linha. Estou indo no sentido horário aqui. Vou fazer isso de novo. Agora, cada vez que eu fizer isso, e você pode apenas seguir junto enquanto eu taco através dele aqui. Vou estender a quantidade de espaço entre cada um desses pontos. Só estou aumentando ligeiramente a distância entre cada um desses pequenos pontos. O que isso vai fazer é criar o efeito de acelerar nosso pequeno ponto cada vez mais rápido ao redor da linha. Quanto maior a distância entre o ponto, mais rápido ele aparecerá. Enquanto ele está aparecendo mais rápido, o que queremos fazer é em outro pequeno princípio de animação, queremos manchá-lo alongando ligeiramente o ponto. Quanto mais eu faço, mais distantes eles ficam, e quanto mais rápido nossos pontos se movem, nós só vamos estender para que seja forma oval. Você se importaria de diminuir o zoom para alguém possa ver exatamente onde você está em referência a toda a imagem? Sim, claro. Desculpe. Aqui estamos nós. Este é o lugar onde eu comecei. Perfeito. Obrigado. Acabo de me mudar. Agora, enquanto você está indo junto, você pode verificar isso esfregando para trás e para frente ao longo da linha do tempo aqui apenas segurando e se movendo. É assim que estamos nos movendo. Vou apenas ampliar de volta, se estiver tudo bem, para criar esses quadros. Mais uma vez, me distanciando , estou começando a alongar nossa pequena partícula aqui. Agora você pode deixar distâncias bastante significativas entre alguns desses elementos. Está acelerando, ficando cada vez mais rápido. Agora, como eu disse, você pode parar para trás e para frente ao longo da linha do tempo. Eu não sei se você pode ver isso, mas você deve ser capaz de ver. Se você clicar em jogar em sua própria composição lá, você deve ter uma sensação de que o ponto está começando lentamente e se movendo mais e mais rápido ao longo da linha do tempo. Você pode apenas verificar isso para ter certeza de que sua animação é suave e está fazendo e está se movendo e acelerando na velocidade que você quer que ela esteja fazendo isso. Eu preciso ir embora. Eles vão precisar de uma lacuna um pouco maior lá. Agora, à medida que eu progrido nesta forma aqui, o ponto em que eu quero que o ponto se mova mais rápido será este ponto aqui que estamos em frente ao lugar que começamos aqui em baixo onde o ponto está se movendo mais devagar. Então nós estamos tendo essa simetria agradável onde ele está se movendo mais rápido, oposto onde ele está se movendo mais devagar. O que isso significa é que é nesse ponto que temos o rastro mais longo de nossa partícula. Eu vou fazer este elemento oposto ao ponto de partida muito, muito longo. É a partir deste ponto agora que eu vou começar a diminuir a velocidade da partícula novamente para que ela retorne à posição original como ela gradualmente desacelera e chega a não uma parada completa, mas o loop vai tem um ponto em que ele está se movendo muito, muito lentamente. Se eu me mover um pouco menos de uma lacuna do que havia antes, mas a forma ainda é longa. Só estou adicionando um novo quadro de cada vez. Aqui vamos nós. À medida que os pontos retornavam à sua posição de parada, as formas tendem a ser mais circulares e os espaços entre eles estão ficando cada vez menores. Isso só vai ter o efeito de fazer com que pareça que está desacelerando. Em que taxa de quadros você está trabalhando? Essa é uma pergunta muito boa. Esta é a taxa de quadros padrão, então são apenas 15 quadros por segundo. Você pode ajustar isso após o fato ou durante. Você pode fazê-lo no Procreate, mas pode ajustá-lo no After Effects. Você pode fazer isso depois do fato, você não precisa se preocupar com isso antes de começar. Cannon pergunta, como você impede que a camada de modelo fique mais pálida à medida que você cria mais quadros? Isso vai ser no começo aqui. Se você clicar nesse link, e você quiser fazer isso uma camada de fundo. Ele ficará mais pálido se você não torná-lo uma camada de fundo. Aqui está, eu fiz uma camada de fundo. Clique nele novamente e basta marcar essa caixa. Os últimos pequenos pontos, eles vão lentamente rastejar para a posição final. Provavelmente um pouco mais neste lado do que no início. O efeito que vai ter é que vamos ter ponto sair da posição inicial mais rápido e, em seguida, demorar um pouco mais para voltar a ela. Estou fazendo isso bastante grosseiramente. Você pode gastar o máximo de tempo possível, mas ainda vai ter um bom efeito desenhado à mão para ele. Se não é perfeito, se [inaudível] um pouco, tem seu próprio caráter, não se preocupe muito com isso. Agora, eu não vou voltar para a posição central porque quando a peça laços, o quadro a partir do qual ela começa, precisa ser essencialmente o quadro a partir do qual ela termina. Não precisamos criar dois deles. Este último quadro aqui que eu fiz, não está bem no ponto central como por o primeiro elemento. Novamente, você pode ir e voltar através disso. Aí está o seu mapa agora. Eu só vou tocar “Play”. Você pode ver como nosso pequeno ponto se aproxima e em torno do topo da forma do rim e, em seguida, volta lentamente. Quanto tempo dura toda essa sequência? Toda essa sequência aqui é, você tem 48 quadros neste. Acho que há 46 no que adicionei que é uma demonstração, um que está nos arquivos que te enviei. Quinze quadros por segundo é apenas uma fração de três segundos. O que significa que é longo o suficiente para caber na grade de looping do Instagram. Acho que três segundos podem ser o mínimo. Eles podem ter mudado, mas isso costumava ser o caso. Lá vamos nós, que leva cerca de três segundos para fazer o loop. Isso está tudo funcionando bem lá, mas vamos torná-lo um pouco mais emocionante adicionando alguns elementos dinâmicos extras ao loop que lhe dão um pouco mais de uma sensação de textura ou algo um pouco mais orgânico. Onde está manchando, estou deixando para trás esses pequenos pontos que vão fazer algumas partículas secundárias retardadas. Este muito longo aqui vai ser muito rápido. Vou deixar um par destes aqui em vez de um. Então eu vou voltar para uma única partícula aqui. Eu só vou fazer isso nessas partículas onde elas são realmente alongadas, o movimento é muito, muito rápido e nós estamos realmente deixando uma raia na tela. Estamos a abrandar outra vez por aqui, e acho que vou fazer deste o último, só um pontinho muito pequeno. Agora o que eu vou fazer é com esses elementos, onde eles começam a se mover muito rapidamente, nós não queremos que eles simplesmente desapareçam depois, apenas para aquele quadro. Aqui estamos nós na moldura. Eu vou esfregar um quadro para a frente, e eu vou apenas deixar uma pequena versão do mesmo ponto, pouco menor, um pouco mais adiante, é um movimento tão pequeno. Vou para a frente outro quadro, deixar outro pontinho, talvez mais um ponto muito pequeno, um pouco mais adiante. Novamente, se você esfregar através disso, uma vez que a partícula de chumbo desapareceu lá, ele apenas deixa aquele pequeno pedaço de si mesmo que então chega a uma parada e desaparece, simplesmente desaparece. Seguindo em frente, quero fazer isso por todas as pequenas partículas que ficam para trás. Novamente, apenas um pouco menor cada vez que criamos motivos. Como acontece com todas as coisas animadas, estamos apenas pulando para frente e para trás ao longo da linha do tempo. Para fazer cada um deles, dê-lhes um pequeno cheque, certificar-se de que estão bem. Isso está a abrandar bem. Aqui vamos nós. Tudo isso vai fazer é oferecer um pequeno contrapeso agradável para a velocidade da partícula principal e apenas nos dar uma sensação de que, eu não sei, é quase como um líquido deixando para trás gotículas enquanto ele dispara ao redor. Aqui está o mais longo, eu tenho um casal aqui. Este muito longo, vou ter que ficar um pouco mais do que os outros pontos menores. Talvez esteja se movendo um pouco mais rápido. Todos esses novos códigos de acesso, você está criando em novas camadas? Não, desculpe. Estou apenas pulando para frente e para trás ao longo da linha do tempo que já temos. Certo. Tudo no mesmo trabalho que fizemos anteriormente. Aqui vamos nós. Este está ficando cada vez menor. Eu só vou fazer isso com o restante destes. Mais uma vez, sinta-se à vontade para verificá-los à medida que avança. Certifique-se de que eles estão desaparecendo na direção correta. Quanto mais lentas as partes principais se movem, menos tempo elas existem e talvez onde a partícula está se movendo mais rápido e nós temos essa trilha com duração de cinco ou seis quadros. Aqui em baixo, alguns destes só duram por talvez dois ou três. Lá vamos nós. Eu só vou tocar isso de volta. Eu não sei se você pode ver isso lá. O que posso fazer é tornar a minha camada de fundo um pouco menos óbvia para que possamos vê-la. Só vou baixar a opacidade. Lá vamos nós. Agora, se você der uma olhada nisso, você só tem essas pequenas marcas agradáveis que ficam para trás, mas dão a você uma noção do caminho que foi tomado, deixando um pequeno rastro de partículas extras lá. Neste ponto, vou seguir em frente. Mas sinta-se livre para usar meu exemplo que eu pré-criei nos arquivos que podem ser baixados ou você pode usar o seu próprio se você conseguiu terminar no momento. 4. Levando para o After Effects: Em seguida, vamos ver como movemos nossa animação do Procreate para o After Effects. Vou colocar isso no meu Mac, então talvez você precise enviar o arquivo por e-mail, mas vamos compartilhá-lo como um arquivo PSD, que o Procreate irá exportar. Isso significa apenas que ele está configurado nativamente para funcionar no Adobe After Effects. Eu estou enviando via AirDrop, como eu disse, pode ser enviá-lo por e-mail, enviá-lo você mesmo do jeito que ele funciona melhor para você. Ou você pode colocá-lo no dispositivo que tem o After Effects ativado. Este é o arquivo que dei a todos vocês. Isto é a mesma coisa. É apenas pré-criado para você e está tudo amarrado nos arquivos do After Effects no caso de você querer pular adiante você quer ver o que eu fiz e voltar e comparar seu próprio trabalho. O que eu vou fazer é importar esse arquivo. O que fazemos agora pode variar ligeiramente do ficheiro que lhe dei. Estou fazendo o meu melhor para recriá-lo perfeitamente, mas as cores podem ser ligeiramente diferentes. Alguns dos efeitos podem ser ligeiramente diferentes, mas, essencialmente, são todos os mesmos princípios. Vou abrir o After Effects e depois importá-lo e podemos ir a partir daí. Eu lhe dei o arquivo como ambos posição inicial importado totalmente. Está tudo pronto para ir e começar a animar com e eu também dei a vocês o arquivo como uma peça final de trabalho para que vocês possam separá-lo e lidar com isso como quiserem fazer. Este é o After Effects e eu vou importar meu loop. Como eu disse, você pode importar meu arquivo ou você pode importar o arquivo que você criou. Eu vou importar este arquivo que eu lhe dei e eu vou importá-lo como uma Composição e isso é importante porque importar esta filmagem irá importá-lo como um arquivo simples. Queremos ser capazes de trabalhar com todas as camadas, então vamos importá-lo como uma composição. Aqui vamos nós. Pode trazer uma pequena tela como esta queremos ter certeza de que Estilo de Camada Editável está marcada e se eu clicar duas vezes sobre isso, você pode ver aqui vamos nós. Está tudo aí dentro. Cada camada vai ser colocado em camadas uma sobre a outra neste caso. Nós vamos lidar com isso e outras coisas que nós vamos ter um par de camadas desnecessárias que nós não vamos usar no processo de animação e eles são a camada de fundo e Camada 1 que temos aqui e aqueles são apenas a cor de fundo que o Procreate coloca em um arquivo e a camada na qual criamos nosso pequeno guia. Eu só vou selecioná-los e excluí-los e isso deixa 46 quadros. Você poderia passar e nomeá-los todos você mesmo. Eu escolhi não fazer isso por razões de insanidade de tempo. O que você vai notar é que eu desenhei a peça em preto e então o que eu tenho agora é uma série de pontos pretos sobre o fundo preto. Nós vamos querer apenas trazer isso à tona você possa ver o que você está fazendo, mas eu vou entrar em minhas Configurações de Composição. Composição, Configurações de composição, minha taxa de quadros é a mesma que eu fiz no After Effects, você pode precisar alterar isso se o padrão no seu sistema é algo diferente, mas tem 15 quadros por segundo, 46 quadros e eu vou mudar essa cor de fundo para que eu possa ver o que eu estou fazendo. Vou mudá-lo para um cinza médio e espero, como podem ver, agora temos algo com o qual podemos trabalhar. O que queremos fazer é basicamente levar isso de volta à situação em que tivemos no Procreate, onde podemos ver a animação ser reproduzida em tempo real, reproduzindo cada quadro em sequência. Vou guardar isto para o caso de falhar. O que eu vou fazer é selecionar todas as camadas aqui, e eu vou apenas arrastá-los de volta ao longo da linha do tempo para que eles sejam um quadro longo temporariamente. Cada camada é um quadro de comprimento. Então o que eu vou fazer, eu vou usar o assistente de animação para espalhá-los através do tempo para que nós estamos de volta ao lugar onde estávamos no Procreate. Se você olhar para eles individualmente, você pode ver cada uma das camadas em sequência. Devido à maneira como o Procreate pilha, os arquivos, eles começam na parte inferior. O que fazemos quando fazemos isso é selecionar o quadro mais baixo, Segure Shift, e selecione o quadro mais alto e eu selecionei todas as camadas, mas o seu feito na seqüência de baixo para cima para que quando clicarmos com o botão direito do mouse e ir para Key Frame Assistant e aperte “Sequence Layers” e “Ok”. Agora você pode ver na Linha do Tempo que espalhou todos eles lá fora. Se passarmos, lá vamos nós, temos a nossa reprodução. Se você pressionar a barra de espaço ou zero no teclado numérico, o After Effects aumentará o rádio. Devemos ter exatamente o que queremos e onde começamos. Eu vou chamar isso de Precomp puramente porque é assim que eu chamei na peça que eu dei a vocês e vai ficar complicado representar isso corretamente se eu não fizer isso. O que queremos lidar com essa camada agora é realmente usá-lo de uma forma que o After Effects faça as coisas melhor multiplicando, fazendo coisas legais com as cores, e geralmente mexendo com ela tanto quanto possível. 5. Animação no After Effects: Agora podemos começar a manipular nossos arquivos no After Effects para criar algo mais envolvente. Eu vou pegar o pré-comp e eu vou apenas puxá-lo para esta nova composição aqui. O que isso vai fazer é arrastar uma composição para a outra. Como estamos trabalhando para uma saída, eu queria que você tivesse em mente que talvez nós estaremos postando esse tipo de coisas no Instagram ou afins. Então eu vou entrar em minhas configurações de composição e eu vou apenas mudar a largura e altura para 1080 por 1080, que eu acredito ser a escala padrão do Instagram. Verá que a nossa composição agora é maior do que precisamos, mas tudo bem. Agarre e abaixe a escala. Se você segurar o turno enquanto você faz isso, você será capaz de fazê-lo proporcionalmente. Lá vai você. Se eu bater na barra de espaço novamente, você pode vê-lo tocando dentro dos novos limites ligeiramente menores. Agora, o que eu vou fazer é duplicar este comp um número de vezes e apenas fazer com que eles se sobreponham um ao outro. Mas o problema que temos no momento é que passamos de uma situação em que poderíamos ver todos os quadros juntos para um onde agora só podemos ver o quadro em que estamos. O que eu vou fazer, e eu só vou fazer isso para esta seção, é copiar e colar todas as nossas camadas novamente juntas e eu vou estendê-las para que possamos ver apenas brevemente quando eu voltar para pré-comp dois. Vou mudar o nome disto para cor porque é aqui que vamos estar a fazer a nossa coloração. Desculpe estar pulando para frente e para trás entre estes, que é a natureza do After Effects. Então temos pré-composição e cor. Agora podemos ver toda a sequência novamente dentro da nossa visão. O que podemos fazer é eu apenas vou copiar e colar pré-composição aqui na linha do tempo, e neste caso, eu vou colá-lo quatro vezes. O que podemos fazer é olhar para como podemos agora organizar esses efeitos espaciais e a tempo para criar alguns efeitos legais. O que vou fazer é girar. Há quatro deles, então se eu dividir por 360 graus por 4, eu tenho 90 graus. Vou girar um deles em 90 graus, um por 180 e um por 270. Lá vamos nós. Agora temos uma matriz destes. Você pode ver como eles vão interagir uns com os outros, mas eles empilham em cima aqui. Eles não estão bem organizados, então o que eu vou fazer é selecionar todos eles. Se você ajustar os pontos de ancoragem de cada um, verá como há um efeito caleidoscópio que permite arrastá-los na mesma direção em relação ao eixo x e yde cada um. Eu não vou fazer muito com ele. Mas a outra coisa que você poderia fazer é girá-los ligeiramente para que eu pudesse girar tudo para que eles ficassem diagonais. Eu só vou mexer com isso. Então algo assim parece legal. Você tem quase um efeito floral caleidoscópico acontecendo. Agora que sabemos onde todos os nossos elementos estarão situados no espaço, podemos voltar e pegar essas camadas que criamos anteriormente e você pode [inaudível] elas para referência mais tarde. Mas pelo bem da simplicidade, vou apagá-los agora para que voltemos, vejamos onde estávamos e podemos passar ao longo da linha do tempo. Você desistiu um pouco quando está explicando o que fez com todas essas camadas. Além disso, se você pudesse apenas recapitular sobre isso. Então, como eu disse, a razão pela qual eu viro essas camadas, é só para que possamos ver como nossa pequena sequência animada vai ser colocada para fora e nós temos uma noção de onde todas as partículas vão estar. Agora que fizemos isso e eu os organizei como gostaria que fossem, posso voltar para a composição pré-comp, pegar essas camadas, e excluí-las. Então agora, estamos voltando e temos a mesma sequência que tivemos antes. Se você está tendo algum problema com o sequenciamento de camadas, eu acho que a versão, o arquivo que eu configurei, onestart.aep, que deve ter todos os arquivos dispostos corretamente para esta composição pré-comp, se isso ajudar. Você ouve meus pré-comps agora definidos como eu queria, no meu padrão caleidoscópico. Se eu tocar agora, se eu fizer isso um pouco maior, você já pode ver que nós temos um pequeno padrão legal acontecendo onde nós conseguimos duplicar nossa seqüência animada e torná-lo este pouco divertido Sequência geométrica. Agora, nós movemos os elementos em um sentido espacial, mas o que vamos fazer agora é movê-los em um sentido temporal. Então todas essas coisas, você pode deslizar para trás e para frente ao longo da linha do tempo, ele vai criar efeitos diferentes. Como minha linha do tempo é 46 quadros de comprimento, eu vou tentar compensar tudo de forma que o loop de uma forma que tudo é espalhado uniformemente ao longo da linha do tempo. Então, cada um desses quatro elementos, vocês podem ver que movi um deles para 23 quadros, que é metade de 46, eu moveria um para 11, que não é bem metade de 23. Por favor, senhor, por favor, pode recapitular a forma como os rodou. Sim. - Sim. Obrigado. Vou colocá-los de volta. Aqui vamos nós. Se você selecionar todas essas camadas, e você pode abrir a coisa de transformação e ir para a rotação, nós podemos apenas pressionar “R” e isso irá trazer a rotação para você. Eu escolhi girá-los uniformemente para que eles estão todos bem espalhados, mas você pode girá-los como quiser, você pode torná-los diferentes tamanhos, diferentes quantidades de rotação, diferentes quantidades de rotação, torná-los não-simétricos ou o que quer que você quer fazer, mas você pode apenas fazer isso ajustando esse controle deslizante de rotação. Como eu disse, no meu caso, eu consegui para que eles estejam divididos quatro maneiras em torno deste 360 graus. Vou deslizar todos esses elementos ao longo da linha do tempo. Como você pode ver, você pode movê-los como quiser. Vou dividi-los. Dividimos a linha do tempo por quatro. Você pode ver que isso é aproximadamente um quarto do caminho ao longo de metade e três quartos. Como nosso loop deve sair perfeitamente, o que podemos então fazer é que vamos estar faltando alguns elementos da animação no início onde ela não se estende no tempo. Mas o que podemos fazer é se você selecionar sua camada, controlar e colá-la, e então simplesmente deslizá-la para que você tenha a mesma camada e ela comece novamente neste ponto aqui onde nós movemos a camada ao longo da linha do tempo. Vou fazer isso por cada um desses. Então basta controlar, colar e deslizar para que ele se encontre no ponto em que dividimos o pré-comp. Estou fazendo isso de novo lá. Agora, o que você deve ter é todas essas camadas movidas de tal forma que agora estão perfeitamente deslocadas por um quarto do loop da animação em si. Então, se eu tocar agora, você deve ter este interessante loop geométrico orgânico. Quando criei isto, pensei que quase se sentiam como vaga-lumes. Mas o que vamos fazer agora é saltar de volta para o nosso pré-comp e adicionar alguns efeitos a isso que estão, em seguida, vai vir através novamente para que composição de cores. 6. Brincando com cores: Agora podemos começar a jogar com a aplicação de algumas cores diferentes à nossa animação. Vou adicionar uma nova camada. Eu vou para Camada, Nova e a Camada de Ajuste. O que uma camada de ajuste faz é que ela afeta cada camada abaixo dela nesta linha de tempo preconizada. O que eu queria afetar, é a cor do nosso ponto. Neste caso, o que eu quero fazer, Eu vou ir Efeito, Correção de Cor. Você vai querer ter a Camada de Ajuste selecionada lá e, em seguida, vá Efeito, Correção de Cor e eu vou descer para Tint. Agora, a tonalidade afeta os elementos preto e branco de qualquer imagem. Mas o que eu vou fazer é, eu vou fazer as duas brancas. O que isso vai fazer é tudo por baixo, agora você pode ver que meu ponto é branco, mas eu só quero que meu ponto, minha partícula fique branca enquanto ele está se movendo rápido. Eu vou selecionar onde ele está se movendo mais rápido, que é este ponto aqui. Eu vou fazer a quantidade de que ele é branco 100 por cento. Eu vou apenas clicar sobre isso, e isso deve criar um quadro-chave aqui na minha linha do tempo do valor para matizar em 100%. Quando estiver se movendo mais rápido, vai ser branco, e então quando estiver se movendo lentamente, vou selecionar isso, e apenas esfregar de volta para zero. Então, como você pode ver, ele gradualmente desaparece até quando ele está se movendo mais rápido, seu mais branco, e então, quando ele se move lentamente novamente, eu vou arrastá-lo para baixo para que ele fique preto. O que você deveria ter agora é apenas uma pequena sequência. Eu só vou tocar no Play nele, e lá vamos nós. Quando as partículas se movem mais rápido, torna-se branco. Como eu disse, se entrarmos nesta composição de cores agora, tudo isso deve se propagar. O que vamos conseguir é essa sequência muito legal em que, eu disse, há uma sensação de que esses pequenos insetos ou vaga-lumes ou algo semelhante, em que quando eles são realmente animados, e movendo-se rapidamente, eles brilham nesta cor branca. O que eu vou fazer aqui é, eu vou adicionar outra camada de ajuste que vai funcionar em cima do que acabamos de criar. Mais uma vez, se eu for para Efeito, Correção de Cor e Tint, enquanto você tiver essa Camada de Ajuste selecionada, ele dará esse efeito de matiz que agora podemos aplicar a todas as quatro de nossas composições, todos os nossos offset, deslocamento temporário, composições espacialmente deslocadas seguindo este tipo de tema de, no caso do que estou fazendo aqui, vaga-lumes, eu vou fazer esta cor branca brilhante amarelo. Qualquer coisa que seja branca, será transformada neste amarelo aqui, e quando estiver preto, digamos, vamos mantê-lo brilhando, mas eu vou torná-lo um tipo de vermelho-rosa. Tipo de notar a cor mais escura. Agora tudo isso fica sob a camada de ajuste que você pode desativar e ativar. Mas você deveria, aqui vamos nós, ter um presente de looping, parece algo assim. Isso vai ser o tipo de base da nossa composição final que vamos montar, e colocar camadas, e fazer olhar, espero muito mais espetacular. Mais uma vez, vou pegar minha composição de cores, que é a peça em que estamos trabalhando atualmente. Vou arrastar isso para uma nova composição aqui. Nós somos níveis iniciais profundos, nós somos três profundos aqui. Há a nossa composição anterior, se eu tocar isso de volta, está tudo funcionando como estava na composição anterior. Mas agora eu vou começar a trabalhar isso de uma maneira que não é diferente do Photoshop ou algo parecido. Eu quero criar algo usando alguns efeitos diferentes, mas eu quero que isso assente em um fundo mais escuro. Eu vou para Layer, New Solid, e isso vai me criar um fundo sólido. Eu vou para um roxo escuro apenas para que as cores se destacam melhor do que temos na composição anterior. Se eu mover isso para trás, lá vai você. Já estamos começando a sentir que isso é um pouco orgânico. Agora, como eu disse, eu vou tentar o meu melhor para fazer isso exatamente da mesma maneira que eu fiz o arquivo de demonstração, mas tenha paciência comigo se for, se for um pouco diferente, é essencialmente tudo o mesmo princípio. É neste ponto que, se você estiver familiarizado com o After Effects, você pode realmente aplicar seus próprios efeitos. Enlouqueça, faça o que quiser, mas fique à vontade para seguir exatamente o que estou fazendo, e terá uma noção do tipo de coisa que pode fazer nesse cenário. 7. Retoques Finais: Agora, podemos adicionar alguns efeitos de polimento para realmente fazer essa animação brilhar. Então, se eu copiar e colar isso, então controle com C, controle com V. Eu agora tenho uma versão da mesma composição em cima da última e o que eu quero fazer é, eu quero dividir o borrão ligeiramente. Então eu vou usar um borrão desfocado e isso vai criar um pequeno tipo de efeito de brilho em torno da borda do meu trabalho existente. Novamente, se eu apenas mostrá-los individualmente, há o tipo de efeito de brilho que acabamos de criar e ele fica em cima dessas partículas aqui. Se você abrir os efeitos e predefinições, ele permite que você procure por efeitos. Então eu quero apenas procurar o efeito de dispersão aqui. Em meus efeitos e predefinições, estou digitando dispersão, posso digitar dispersão. Lá vamos nós e em estilizar, lá vamos nós. Então efeito, estilizar e dispersar e o que isso faz é adicionar um pouco de ruído a esse brilho, então não sei se você pode ver, mas está um pouco manchado agora. Se eu alternar os modos e alternar aqui, abrimos os modos de transferência de estilo do Photoshop Illustrator e vou colocar isso em um anúncio. Isso só dá esse tipo de valor mais brilhante. Lá vamos nós. Ele realmente aumenta o brilho. Agora, eu vou dar tudo para fora sobre isso. Eu vou fazer outro desses e vou borrar ainda mais e vou espalhá-lo ainda mais. Então nós dobramos. Aqui está o original. Aqui está o brilho que criamos com o Borrão Gaussiano e dispersão e então eu criei outro que eu coloquei em cima disso. Lá vamos nós, são todos os três agora. O que eu vou fazer finalmente é adicionar um pouco de efeito de eco. Vou copiar a composição de cores que começamos de novo e colar isso e vou trazê-la para trás. Então, se você está acompanhando, essa é apenas outra versão da mesma composição que estávamos duplicando cada vez para adicionar essas camadas de efeitos também. Eu vou desligar os outros aqui e desta vez o que eu vou fazer, eu vou em meus efeitos, então eu vou para baixo para o tempo e eu vou clicar em eco. O que isso vai fazer, é criar versões ao longo do tempo do mesmo, ele vai tipo de eco os quadros que tínhamos anteriormente, vai ecoar os quadros que existem nessa camada ao longo do tempo. Você pode ver se eu desligo e ligo lá. Está adicionando o quadro anterior a essa camada. Então o que você pode fazer se eu ajustar o número de ecos, talvez isso ajude a explicar melhor. Você pode ver que ele adiciona mais e mais versões de si mesmo de quadros anteriores para que você tenha esse tipo de compilação de camadas da mesma composição. Talvez não esteja explicando isso muito bem, vou usar três ecos aqui. Eu vou colocar, ajustar esta pequena decadência, o que significa que eles vão desaparecer gradualmente cada quadro. Vou ajustar isso para 0,8. Haverá um ligeiro desvanecimento desse eco. Se avançarmos ao longo da linha do tempo, você pode ter uma melhor noção de como isso está funcionando. É apenas uma espécie de deixar para trás um rastro de si mesmo. Isso vai ficar bem no fundo da minha composição, por trás de todos os outros efeitos, e espero que possa nos dar uma sensação de que isso é uma luz arrastando. O que eu vou fazer, é eu vou matizar isso com uma cor púrpura. Da mesma forma que tinhamos pintado antes. Então eu vou adicionar outro borrão a ele. Lá vamos nós. Agora, se eu ligar as outras camadas de volta, temos algo como eu mostrei antes, onde temos essa composição de pirilampo realmente orgânica. Essas coisas circulam e circulam uns aos outros e fizemos o loop retornar à mesma posição, ele deve parecer perfeito para você. Lá vamos nós. Em termos de exportação, se quisermos fazer um rápido, vou mostrar rapidamente como exportar isso. Se você for à composição e adicionar para atender ao codificador, o que isso vai fazer é abrir seu Media Encoder. Se isso é algo que você não pré-instalou, não se preocupe, eu não sei por que ele não existe dentro do próprio After Effects. É apenas um pequeno acréscimo nesse tipo de permite que você codifique coisas fora do After Effects também. O que isso vai fazer é momentaneamente, ele vai colocar algo nesta fila que nos permitirá renderizar um pequeno vídeo que é perfeitamente adequado para Instagram, Twitter, qualquer um desses tipos de coisas. Aqui vamos nós. É um arquivo H.264, é um MP4. Eu vou ter certeza que isso renderiza para a minha área de trabalho para facilidade, e então eu vou tocar e Media Encoder vai chutar isso para nós. 8. Perguntas e respostas: Só vou preencher as últimas perguntas. Podemos usar preenchimento em vez de matiz, ou quebra suas composições? Você absolutamente pode usar preenchimento. Isso é bom. Eu usei matiz neste caso só porque usamos aquele efeito preto e branco. Se você quiser que haja cor extra dinâmica ao longo de uma composição, então é bastante útil. Mas sim, você pode usar preenchimento. Há alguma razão para duplicar as composições tantas vezes que dividem os efeitos? Isso torna a visualização mais rápida ou com os efeitos de aparência diferente se eles não foram cuspidos entre as composições? Trata-se de uma questão densa e complexa. Desculpe, eu só vou classificar se meu codificador de mídia pode, aqui vamos nós, chegar ao servidor. Essencialmente, o que queremos fazer é fazê-lo funcionar da forma mais maleável possível. Tendo um pré comp que podemos voltar e talvez possamos ajustar, deslizar esses elementos ao redor. Isso só significa que, você tem o menor número possível de quadros-chave que se propagam através de toda a sequência. Para que, se você quiser ajustar a cor, por exemplo, desses dois elementos aqui para ser, talvez você queira verde e azul, tudo que você precisa fazer é ajustar esses dois nós no filtro de matiz. Bem, olha, eu vou te mostrar. Vamos torná-lo verde e azul. Agora, isso se aplicará a tudo o que fizemos até agora. Todos os nossos desfoques e brilhos que temos, serão afetados por essas mudanças. Não precisamos entrar e alterar várias configurações de cores para outras peças. É apenas uma maneira de usar o poder inerente dos efeitos após e a maneira como ele funciona dessa maneira nodal, para criar algo que é mutável. Você pode voltar agora. Você pode simplesmente soltar outra sequência inteira naquela pré comp e ela vai aplicá-la a tudo o que fizemos também. Você pode se mover ao redor dos elementos no tempo, para que eles funcionem de uma maneira que eles se sobreponham de uma maneira diferente. Todos esses tipos de coisas que apenas lhe dá flexibilidade para poder jogar com ele da maneira que você quiser. 9. Considerações finais: É isso por hoje. Muito obrigado por se juntar a mim e espero que isso lhe dê um ponto de partida para levar adiante em seu processo de animação. Mostrei-te um uso muito explícito disto. Absolutamente, se esta é a sua primeira vez no After Effects, faça uma exploração, abra a aba de efeitos, veja o que você pode aplicar às suas camadas e eu adoraria ver os tipos de coisas que você pode criar usando esses princípios e qualquer outra coisa que você descobrir em sua jornada com o After Effects. Obviamente, sendo ao vivo, passamos por alguns desses passos muito rapidamente. Você sempre pode voltar, revisitar partes anteriores do curso ou acessar os arquivos pré-criados e lembrar compartilhar qualquer coisa que você tenha feito durante esta sessão na galeria do projeto. Obrigado novamente por sintonizar. Para saber mais sobre mim e minhas outras aulas do Skillshare, confira meu perfil do Skillshare.