Animação para ilustração: como criar GIFs com Procreate e After Effects | Heather Seidel | Skillshare

Velocidade de reprodução


1.0x


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

Animação para ilustração: como criar GIFs com Procreate e After Effects

teacher avatar Heather Seidel, Motion Graphics Designer

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Introdução

      1:15

    • 2.

      Escolha um tema

      2:39

    • 3.

      Encontre um gancho visual

      8:18

    • 4.

      Faça um esboço no Procreate

      7:44

    • 5.

      Como adicionar cores

      6:09

    • 6.

      Desenhe quadros de animação

      11:14

    • 7.

      Primeiros passos no After Effects

      5:18

    • 8.

      Animação no After Effects

      9:20

    • 9.

      Adicionando textura

      8:27

    • 10.

      Compartilhe a sua animação

      3:37

    • 11.

      Isso é tudo!

      0:28

    • 12.

      Explore mais cursos na Skillshare

      0:33

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

8.596

Estudantes

44

Projetos

Sobre este curso

Quer criar GIFs interessantes e coloridos que atraem a atenção das pessoas? Aprenda a animar as suas ilustrações com facilidade usando o Procreate e After Effects!

Conheça o mundo da animação, onde alguns passos simples no Procreate e After Effects se combinam para dar movimento e significado às suas ilustrações. Junte-se à jornalista e animadora Heather Seidel para aprender a transformar uma ideia apaixonante em um GIF cativante e pronto para ser compartilhado.  Começando com um exercício para encontrar um “gancho” em sua ilustração, Heather orienta você em cada etapa do processo, desde a pesquisa e o esboço até a inclusão de movimento e textura.

As aulas estão repletas de dicas práticas que você pode começar a usar imediatamente e, além disso, abordam os seguintes temas:

  • Encontre um gancho visual com pesquisa e troca de ideias
  • Crie um esboço conceitual que leve ao movimento
  • Desenhe quadros de animação coloridos no Procreate
  • Como animar e exportar usando as principais ferramentas do After Effects

O uso do After Effects traz a flexibilidade de animar vários elementos rapidamente e fazer ajustes no caminho, mantendo o aspecto de desenhado à mão do Procreate. Além disso, Heather compartilha as soluções que usa para manter a organização enquanto usa os dois programas.

Se você está em busca de uma nova habilidade para adicionar ao seu repertório ou procura uma maneira divertida de se expressar, este curso de uma hora vai ajudar você a transformar suas ideias em ilustrações e animações coloridas desenhadas à mão. Continue em frente para despertar sua criatividade, aguçar o seu ponto de vista e preparar o seu primeiro projeto do After Effects para o sucesso!

Observação: é recomendável ter acesso ao Procreate e After Effects para esse curso. Se não tiver acesso ao Procreate, o Photoshop vai servir.

Conheça seu professor

Teacher Profile Image

Heather Seidel

Motion Graphics Designer

Professor

Heather Seidel is a freelance visual designer and motion artist living in New York City. Previously, she worked as a motion designer and video producer at NBC News and The Wall Street Journal. 

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: A animação pode ser colorida e divertida e ainda tem algo a dizer. Oi, sou Heather Seidel, e sou ilustradora e designer de animação. Hoje, nossa aula será sobre fazer um GIF com a mensagem. No meu trabalho pessoal, crio coisas coloridas, corky e ilustrativas. As peças que realmente parecem agarrar as pessoas são aquelas que têm uma mensagem por trás delas ou fazem você pensar ou fazer você ir hmm. Eu acho que com as ferramentas certas, você pode realmente encontrar um gancho visual para qualquer tópico. Hoje, nós vamos criar um GIF e eu vou orientá-los através do meu processo de como eu faço o brainstorm, como eu esboço e planejo para ele, como eu ilustro e, em seguida, como eu trazê-lo para o After Effects para a animação final. Então, pode ser intimidante no início saltar para After Effects ou pensar em criar algo quadro a quadro. Mas prometo-te que isto vai ser um processo muito fácil e vou orientar-te a cada passo do caminho. Depois de terminar, eu adoraria se você compartilhasse seu projeto abaixo na galeria. Estou muito animado para dar essa aula hoje, porque eu acho que ilustração é uma ferramenta tão poderosa e adicionar animação a essa ilustração só pode torná-la mais poderosa. Estou tão entusiasmada por te ter nesta aula e vamos começar. 2. Escolha um tema: Então, na aula de hoje, nós vamos fazer um tipo peculiar de presentes coloridos que também transmite uma mensagem, e eu fui atraído a fazer isso porque eu estou realmente no meio ambiente e mais questões ambientais. Então eu pensei que esta é realmente uma boa maneira de lidar um problema mais sério com humor e um senso leve. As ferramentas que usaremos hoje são procreate no iPad Pro e no Apple Pencil, caneta e papel à moda antiga e depois dos efeitos. Se você não tem o Procreate ou um iPad Pro, você pode fazer esse processo facilmente no Photoshop. Vai parecer um pouco diferente do que eu mostro na turma. Vamos passar pela pesquisa. Vamos passar por uma árvore de palavras, vamos começar a desenhar no Procreate, depois vamos começar a animar alguns quadros no Procreate, e então eu vou trazer os efeitos após e mostrar a vocês como eu coloco tudo. Então, quando você está tentando criar um assunto, tente apenas pensar sobre as coisas que você já está realmente afim e realmente apaixonado, e então é realmente apenas sobre dar o próximo passo para aplicar essas coisas para o seu trabalho artístico, e é muito menos intimidante do que você pensa que é. Você nem sempre tem que começar com uma mensagem também. Você pode apenas começar a trabalhar em algo que você acha que parece legal ou algo que você pode estar em e muito do tempo a mensagem apenas sai em seu trabalho de qualquer maneira, quer você queira ou não. Gosto de encontrar inspiração de qualquer lugar. Às vezes, eu vou estar no metrô e eu vou ver um par legal de sapatos e eu quero desenhar isso, às vezes eu vou estar no Pinterest apenas rolando sem pensar e eu vou ver uma paleta de cores que eu realmente gosto, e eu vou me sentir realmente inspirado sobre isso e me sinto realmente atraído por ele e eu só quero fazer algo fora disso. Eu acho que isso faz parte de encontrar seu estilo e encontrar sua própria maneira de fazer arte é olhar para o trabalho de outras pessoas que você pode se inspirar e dizer, “O que eu gosto sobre isso, e o que eu gosto sobre todas essas diferentes peças, e o que posso tirar disso no meu próprio trabalho?” Então, no meu processo, tenho tendência a me fazer muitas perguntas sobre o que estou fazendo. Perguntarei a mim mesmo, como é que isto se presta ao mundo do movimento? Vou me perguntar, por que essa paleta de cores? Vou me perguntar, isso é realmente uma coisa relevante que vai chamar a atenção das pessoas? Eu acho que através desse processo, você vai me ver me fazendo muitas perguntas e espero que seja útil para você também. Então eu adoraria que pensasse sobre o assunto que você gosta ou apaixonada ou algo que faça você se sentir de alguma forma. Escolha-a e acompanha-me. Se você não consegue pensar em nada imediatamente, sem pressão. Você pode seguir com o que eu já estou fazendo. Então, próximo passo, vou mostrar a vocês como eu imploro minha pesquisa visual e minhas árvores de palavras no meu trabalho para mostrar como eu dou vida a essas coisas. 3. Encontre um gancho visual: Então, um gancho visual é apenas algo que escolhe interesses e outras pessoas e certifique-se de que a ilustração é um pouco mais interessante, e é por isso que eu estou indo com algo que é um pouco mais conceitual porque atrai esse interesse e faz você pensar e faz você ir. No início do meu processo, eu gosto de fazer um monte de pesquisa visual e também fazer uma coisa que eu chamo de árvore de palavras, a fim de aprimorar as minhas ideias um pouco mais concretamente. Então eu acho que o problema que fazer essa pesquisa visual realmente resolve é que você pode ter todas essas idéias sobre o que fazer ou a maneira que você quer fazer, mas se você não tem elas concretamente na sua frente, elas podem simplesmente flutuar por aí, e pode ser difícil lembrar por que você queria fazer a coisa que você está fazendo em primeiro lugar. Eu sei que eu quero fazer algo sobre o meio ambiente, mas eu estou pensando em como eu vou ser capaz de fazer isso. Então, primeiro, vou olhar para o meu quadro de inspiração de ilustração muito geral. É uma placa enorme, provavelmente tem perto de 500 canetas nele, e é apenas algo que eu gosto de ir para me lembrar, estas são as cores que eu poderia querer usar, este como um estilo que eu já estou atraído, ou um estilo que eu já faço, e usar isso como inspiração para descobrir como a cidade pode parecer mais geral. Então eu realmente gosto de usar o Pinterest e minha pesquisa visual, porque eu acho que ele tem um layout muito limpo. Mas muitas pessoas realmente gostam de usar Dribble para animações, algumas pessoas realmente gostam de fazer referência ao Instagram em seu trabalho, e por isso é apenas realmente até sua preferência pessoal. Então eu só quero procurar por coisas que estão no amplo espectro do que eu estou trabalhando. Então eu poderia procurar o ambiente, e ver o que aparece lá em cima. Assim, uma ilustração conceitual combina duas coisas diferentes, e assim ela diz uma mensagem de uma maneira diferente do que apenas uma ilustração básica poderia ter. Então, exemplo, esta caneta aqui, é conceitual porque combina essas duas coisas. Então, é um saco de supermercado à primeira vista, mas quando você olha para baixo, você verá que ele tem a vitrine dentro dele, e combina esses dois elementos de uma maneira que é inteligente e faz você pensar. Isso é realmente o que estamos indo para aqui quando estamos pulando em nossa ilustração. Então aqui está outra coisa que eu poderia querer fazer referência mais tarde. É realmente maravilhoso colorido peça contrastante um artista que eu realmente gosto chamado Yukai Du, e eu só vou fixar isso também. Mesmo que isso não tenha nada a ver com o ambiente, eu estou realmente no contraste e na paleta de cores, e é apenas algo que eu vou querer olhar mais tarde. Então, depois de navegar no Pinterest por alguns minutos, eu coloquei todas essas canetas no meu quadro chamado ambiente, e algumas delas são apenas paletas de cores, algumas delas são um pouco mais ambientalmente focadas. Agora, eu só vou olhar para algumas dessas canetas e me perguntar, como eu poderia incorporar algo conceitual aqui? Posso perguntar a mim mesmo quais cores eu poderia querer usar e descobrir o que eu vou desenhar. Vou saltar para a árvore de palavras agora. Então o que fazer uma árvore de palavras faz e o que é uma árvore de palavras? É apenas uma maneira de você pegar todas essas idéias que você já tem e raspá-las em algo simples. Então você pode encontrar seu gancho visual que você vai procurar. Então eu vou começar com uma palavra muito ampla como ambiente. Ok. Então, agora, comecei a me fazer algumas perguntas. Pergunto-me, está bem, o meio ambiente? Ou o que mais eu poderia aproveitar que isso tem a ver com o meio ambiente? Então eu vou começar a escrever algumas palavras em torno da palavra maior. Clima. Um outro? Globo. Qualquer coisa que tenha a ver com o seu assunto, nada está fora dos limites. Só um monte de palavras duplas. Você pode escrever tudo, e então você pode resolver isso mais tarde. Smokestacks, acho que algo com chaminés pode ser divertido. Calor. Por que não? Ok. Então, a partir dessas palavras, eu vou torná-las ainda mais específicas e desenhar palavras mais específicas e para cada uma dessas palavras. Então, se eu poderia ter sol ou como quente. Eu repeti palavras e isso só vai acontecer como você está inventando coisas aleatórias, e tudo bem. Então, chaminés, eu poderia colocar poluição. Globo. Talvez sim, não conheço países. Talvez eu queira fazer algo com países aqui. Eu poderia fazer calor, eu não sei. O que acontece quando algo se esquenta? Então eu vou me perguntar como o que algo faz quando esquenta? Derrete. Vou escrever a palavra “derretimento”. Tudo bem. Você poderia seriamente continuar para sempre e escrever tantas palavras diferentes, mas geralmente eu sei quando parar quando minha página está quase cheia. Então, agora, eu vou entrar e eu vou olhar para cada uma dessas palavras, e eu vou apenas destacar as que eu acho que eu quero me concentrar. Vou fazer algo com um globo. Acho que quero fazer alguma coisa com calor e algo com derretimento. Então eu só pensei outra coisa, como algumas outras coisas que derretem? Vou espremer isto na minha árvore de palavras. Cubos de gelo derretem e sorvete derrete. Sorvete pode ser bom. Acho que tenho aqui uma linha clara de algo que talvez queira seguir. Então você vai circular esses dois. A razão pela qual eu decidi ir com isso é que eu acho que um globo é algo que é muito impressionante e muito visual, e é o planeta em que vivemos. Então eu acho que as pessoas vão rolar e eles vão ser instantaneamente atraídos para o que quer que este globo esteja fazendo. Acho que o calor e o derretimento serão algo que se mistura muito bem com animação, acho que seríamos capazes de animar alguns gotejamentos realmente agradáveis saindo do que quer que seja essa coisa. Se decidirmos fazer com cubos de gelo, acho que pode ser muito divertido. Poderíamos animar a entrega saindo do cubo de gelo. Se decidirmos fazer com sorvete, acho que poderíamos fazer algo muito legal, onde não sei como o globo é, um sorvete, e podemos mostrar algumas dessas gotas saindo. Então, agora que eu tive um senso de direção do que eu poderia fazer, eu vou voltar para um Pinterest e eu vou fixar mais algumas canetas, e eu poderia excluir algumas que não servem bem o projeto. Então, vou procurar o Globe. Eu poderia procurar especificamente por ilustração globo, então eu não tenho um monte de globos. Eu realmente gosto das cores nisso, então eu poderia colocar isso no meu quadro. Sim. Então a coisa boa sobre o globo é que ele tem esse contraste natural entre o verde e o azul que é realmente impressionante quando você está olhando para ele. Então eu acho que eu me sinto realmente confiante sobre essa direção em termos de como ele vai parecer visualmente. Então, agora que voltei ao Pinterest e fixei mais algumas coisas, sinto-me muito bem com o meu quadro, e acho que tenho algumas ideias diferentes de uma direção que poderíamos seguir aqui. Então eu vou ir em frente, pular no meu iPad e começar a desenhar. Então eu mostrei a vocês o meu processo. Vocês são livres para pegar isso e correr na direção que quiserem. Seja através de uma árvore de palavras ou do seu próprio quadro do Pinterest, ou ir a um site como Dribble para se inspirar, basta ir e coletar essa pesquisa visual, e então nos encontraremos de volta na fase de esboço. 4. Faça um esboço no Procreate: A seguir, vamos parar para esboçar essa coisa. Se você não tiver o Procreate no iPad, basta entrar no Photoshop e isso funcionará muito bem. Então eu vou apenas criar uma nova tela. Eu só vou ir em frente e ir com a configuração padrão de tamanho de tela. Isso vai acabar sendo muito maior do que eu precisava ser, mas tudo bem, porque se eu reduzir, é mais fácil diminuir em vez de aumentar a escala. Porque se você aumentar a escala, você vai perder muita qualidade. Então, se você quiser redimensionar isso e movê-lo, é muito mais fácil fazer a coisa maior do que realmente vai aparecer. Então eu vou apenas criar isso no tamanho normal da tela padrão. Está bem. Só vou beliscar para dar zoom aqui para que eu possa olhar para tudo. Então, minhas configurações no Procreate são bastante padrão. Se você quiser ajustar qualquer coisa que você pode entrar aqui e como adicionar um guia de desenho, se você quiser, mas eu geralmente apenas mantê-lo muito simples, apenas as configurações padrão. Então agora eu vou pegar meu lápis aqui e eu vou apenas mantê-lo preto. Eu uso pincéis de um artista chamado Petra Berger que os faz para Procreate, mas você pode realmente usar qualquer um dos pincéis Procreate padrão que estão incluídos no programa. Então eu vou apenas ir em frente e começar a desenhar algumas coisas baseadas na minha árvore de palavras aqui. Eu realmente queria ir com um cubo de gelo ou uma coisa tipo sorvete algo que está derretendo, então eu acho que isso vai realmente se emprestar para o movimento disso. Então, vou começar a desenhar, não sei, como um cubo de gelo. Vamos dar uma chance a isso. Isso pode ser muito, muito difícil. Não precisa ser detalhado e você não quer entrar em muitos detalhes, porque se você fizer isso, você pode realmente ficar preso em sua cabeça sobre isso, e isso é suposto ser apenas um esboço muito simples e áspero. Então aqui está apenas um cubo simples. Eu também tenho em simplificar no meu pincel, que você pode ligar ou desligar isso não importa. Mas o que a racionalização faz como se você fizesse uma linha, ele corrige. Ou se quiser um toque mais natural, será um pouco mais áspero. Então, vou continuar neste cubo. Acho que vou ter talvez uma pequena poça aqui. Apenas uma poça muito áspera, e eu posso ter alguma ação acontecendo aqui. Apague algumas dessas linhas. Acho que vou sobrepor o globo ao cubo de gelo. Então eu vou apenas fazer formas gerais de países. Eles não precisam ser perfeitos porque está derretendo, então eu não venderia muito. Isso pode ser divertido, mas também parece um cubo com manchas aleatórias. Então eu quero fazer algo que pareça um pouco mais sombrio. Então eu poderia tentar ir com o sorvete em vez disso. Então vamos ver como isso se parece. Eu só vou desenhar um pequeno círculo aqui, colocar um pouco de cone de waffle aqui. Se ele vai começar a tentar os países em sua. Como se isso pudesse ser divertido. Mas também estou preocupado que se eu tentar o gotejamento aqui, que vai ser difícil realmente ver claramente os gotejamentos sobre este aqui, porque eu vou ter que competir com a cor deste cone aqui. Eu poderia tentar a opção de picolé em vez disso. Então eu vou apenas ir em frente e começar a esboçar em que um e ver como isso se parece. Eu poderia colocar os gotejamentos aqui. Acho que isso pode funcionar. Talvez algumas falas para o picolé. - Sim. Está bem. Pelo amor de Deus, vou tentar mais uma vez como uma tigela ou algo assim. Talvez eu possa fazer isso funcionar se eu colocar em um copo diferente ou algo assim. Por isso, dá-lhe mais uma vez, vai desenhar algumas bolas diferentes aqui. Só quero dar a si mesmo um monte de opções diferentes para pensar. Vou apagar algumas dessas linhas aqui. Tente desenhar alguns dos países em seu talvez que poderia ser como um xarope ou algo assim. - Sim. Mas eu tenho o mesmo problema com este também, que é que eu não quero que o gotejamento tenha que competir com nada. Eu não quero que eles tenham que competir com esta tigela aqui mesmo que seja apenas uma cor simples. Então acho que este pode ser o vencedor. Acho que vou usar o palito de picolé. Então o que eu realmente estou procurando por um aqui sempre que eu estou tomando uma decisão sobre qual direção eu vou ir, é o que está dando a si mesmo melhor emoção aqui. Então, enquanto eu acho que isso pode ter algum potencial aqui com a poça e eu realmente quero ter mais coisas em movimento. Então eu definitivamente quero ir com algo que não pingar ou derreter. Como eu coloquei minha árvore de palavras. Então eu acho que isso poderia ser muito legal e eu provavelmente colocaria isso como a opção número dois. Mas o que me preocupa é que os gotejamentos vão competir com o fundo do cone de waffle, e eu realmente quero que os gotejamentos sejam muito proeminentes nisso, e eu tive o mesmo problema com esta tigela aqui. Então eu acho que o picolé pode funcionar melhor, só porque você tem mais espaço para animar os gotejamentos, e você realmente não tem nenhum elemento concorrente. Agora que escolhi qual coisa vou desenhar, vou explodir isto. Eu vou começar a limpá-lo e eu vou fazer isso fazendo isso uma opacidade baixa, qualquer opacidade que você só pode vê-lo como bom não tem que ser um número específico. Eu vou criar uma nova camada e eu vou começar a fazer isso um pouco mais limpo. Então agora eu limpei isso e adicionei mais alguns detalhes. Eu adicionei um pouco de sombreamento aqui ou o recuo do picolé pode ser. Eu adicionei alguns gotejamentos aqui, mais tarde um pouco mais limpo. Eu não daria muito tempo para esboçar, porque então você entra em um território exagerado, e você não quer pensar demais nisso. Você só quer manter os esboços bem simples. Então eu só daria a si mesmo cerca de 20 minutos para fazer esta parte. Então, agora que eu tomei minha decisão sobre qual direção eu vou ir, eu vou pegar isso, e eu vou explodi-lo, re-esboçar e torná-lo um pouco mais limpo, e depois disso, Vou começar a adicionar um pouco de cor. 5. Como adicionar cores: Agora que eu tenho essa coisa esboçada um pouco mais refinada, eu vou começar a pensar sobre quais cores eu vou usar. Para um planeta, é um pouco óbvio, certo? Você pode usar um azul e um verde para os países. Eu acho que eu poderia usar uma cor bege mais laranja para o palito de picolé, porque eu acho que o bege laranja vai realmente contrastar com o meu azul. Ou se você está indo com um conceito diferente, as cores podem não ser tão óbvias. Então você pode querer ir para o seu painel de pinos e experimentar algumas cores ou se você realmente gosta de algumas cores que você fixar no quadro, você pode apenas experimentá-lo para usar algumas semelhantes em qualquer coisa que funciona para você. Então eu vou voltar para o meu quadro do Pinterest aqui, e referência, em seguida, olhar para alguns globos que eu tenho fixado. Eu realmente gosto deste porque tem aquele azul, e aquele verde no país, eu acho que a laranja apenas realmente contrasta bem com isso. Então eu acho que eu poderia ir para uma paleta de cores semelhante a esta. Então agora eu vou criar uma nova camada para as cores, e eu vou apenas saltar para dentro e começar a jogar com elas. Então eu escolhi um par de cores diferentes que eu acho que pode funcionar muito bem. Eu tenho este azul mais roxo, este verde profundo, e esta cor laranja, cor amarelada lama, que pode ser bom para o picolé. É tudo tentativa e erro aqui. Então faça as cores que pareçam certas para você. Esse azul é muito bom. O verde é muito parecido com aquele. Então eu acho que eu poderia ir para o azul mais brilhante em vez do azul mais púrpura mais profundo, porque eu acho que vai contrastar muito melhor com essas cores. Agora que escolhi minha paleta de cores, vou começar a preenchê-la. Então eu vou apenas começar uma nova camada aqui com apenas a minha cor azul sobre ele, para a base do picolé. Na verdade, vou voltar e dar o nome a isto, Base Azul. Incrível. Então eu só vou provar esta cor aqui, e eu vou apenas fazer isso segurando meu dedo na cor azul, então isso deve simplificar isso para mim. Eu só vou em frente e começar a preencher esta ponta. Eu posso decidir como o que eu estou colorindo este fim que tudo talvez eu quero torná-lo um pouco mais longo, ou mais curto e isso é totalmente ok. É um preenchimento terapêutico na sua coloração, é como um livro de colorir. Faça uma nova camada para a próxima. Ele vai esconder esta camada, e renomear esta camada aqui, países. A razão pela qual você quer ter certeza de que cada peça de sua ilustração está em uma camada diferente, é se você decidir voltar e mudar algo. Você quer ser capaz de entrar e apenas isolar essa camada e ser capaz de mudar apenas isso. Então, porque eu sei que os gotejamentos serão uma parte separada disso, eu não vou atraí-los para o meu esboço final ainda, como vocês os vêem em bruto. Porque eu sei que eu quero me separar camadas, a fim de animar essa parte. Então nós vamos apenas colocar a animação para o lado por um minuto. Outro truque útil que você pode fazer, se você não quiser colorir manualmente todas essas pequenas coisas, é se você conectar todas essas linhas, você pode simplesmente arrastar isso aqui, e ele deve preencher se você não sentir como colorir a coisa toda. Então eu vou continuar a preencher esses pequenos espaços, e então eu vou pular para colorir no picolé. Uma pequena coisa que eu vou fazer também, é eu vou adicionar um pouco de um recuo ou uma sombra onde o picolé pode ir um pouco para dentro. Então eu realmente vou fazer isso desenhando duas pequenas linhas pretas aqui, adicionando-o em uma nova camada. Estou corrigindo essa sombra. Então você pode realmente obter uma linha reta também, se você pegar a caneta, e pressioná-la para baixo, e você apenas segurá-la. Isso vai te dar uma bela linha reta. Mas eu não gosto que minhas falas sejam sempre completamente retas, porque eu acho que parece um pouco menos orgânico, mas é realmente uma preferência pessoal. Então, agora que tenho estes, vou entrar aqui. Vou mudar o modo de mistura. Eu poderia tentar luz suave, vamos ver como isso se parece. Isso cria a ilusão de ser um pouco mais sombrio nessa região. Mas eu acho que isso é um pouco intenso, eu só vou abaixar um pouco. Isso parece bom. Mantenha-o por aí. Então, com a paleta de cores, eu diria apenas ficar com uma paleta de cores que você realmente gosta e realmente funciona para você. Eu tenho uma paleta de cores de assinatura que eu sempre vou, e uma palete com cores brilhantes realmente ousadas principalmente cores primárias sobre ele. Vou usar a sua pesquisa visual que fez em referência a isso. Quando você escolhe cada cor, eu simplesmente entrar, e fazer uma camada separada para cada cor. Então, se você quiser voltar e mudá-lo, é muito mais fácil. Agora que escolhemos nossa paleta de cores e coloridos em nosso picolé, vou avançar e começar a fazer alguma animação dentro do Procreate. 6. Desenhe quadros de animação: Então eu realmente pensaria em animação quadro a quadro como um monte de imagens amarradas juntas para fazer um movimento. Não se intimide com isso, não precisa ser perfeito. O movimento vai estar indo tão rápido que você nem vai notar se um quadro está um pouco fora. Então você pode realmente escolher qualquer lugar entre quatro quadros a 12 quadros. Vou entrar um pouco na seção mais detalhada deles. Então eu provavelmente vou escolher 12 quadros. Você pode usar mais quadros se estiver fazendo um movimento mais detalhado, mas se estiver fazendo um gesto simples como uma onda, você poderá fazer isso e apenas quatro ou cinco quadros. Depende muito da moção. Então, de novo, eu gosto muito de referências. Gosto muito de ter referências para o trabalho que faço. Então eu estou indo para ir em frente e pular no YouTube e começar a olhar para vídeos de água pingando, que eu possa ter uma idéia de como essa coisa deve ficar quando está caindo no picolé. Deixe-me tentar gotejar água. Aqui está gotejando água câmera lenta HD, e isso vai nos dar uma idéia muito boa do que acontece quando a água goteja para baixo. Está bem. Então você pode ver aqui que a queda fica um pouco mais longa como está caindo mais rápido. Então isso é algo que vamos ter em mente à medida que avançamos. Vamos ver se consigo achar algo como água coletando em algo antes que caia. Isto pode ser bom. Isto é realmente muito útil. Parece estranho, mas é exatamente assim que eu quero que minha moção seja muito lenta. Então, fica mais magro aqui antes de cair, e quando está caindo como vimos no outro vídeo, vai ficar mais longo à medida que cai. Então vamos tentar emular esse tipo de movimento dentro de nossos quadros. Então eu vou apenas ir em frente e começar a anotar os gotejamentos. Porque eu sei que essas são minhas cores finais, eu não vou me preocupar muito em separar minhas cores em cada camada porque eu me sinto muito bem e realmente confiante sobre essas cores. Mas o que eu vou fazer é criar uma camada separada para cada fase do gotejamento. Então eu vou começar aqui e apenas pegar um pouco de um gotejamento lá e um pouco de um gotejamento aqui. Vou só mover esta camada para cá. Então vocês verão que eu estou colocando o verde e o azul na mesma camada, e isso é bom neste estágio porque eu já sei quais cores eu vou usar. Portanto, não é grande coisa misturar as cores deste. Vou só adicionar outro gotejamento aqui. Tudo bem. Então essa vai ser a minha primeira camada. Agora que eu tenho esta primeira sequência de gotejamento desenhada, eu vou ir em frente e adicionar uma nova camada. Eu vou pegar essa camada, e eu vou diminuir a opacidade para que eu ainda possa vê-lo, mas apenas um pouco, mas apenas um pouco, e a razão que eu estou fazendo isso é que eu quero usar este gotejamento anterior como um guia para onde meu próximo gotejamento deve estar indo. Então, dessa forma, não vai em ziguezague, vai estar indo na mesma linha. Então continuando com as cores aqui, apenas indo para provar isso, e eu vou trazer isso para baixo um pouco mais, e eu também estou tornando-o um pouco mais magro. Porque como vimos em nosso vídeo de referência, o gotejamento fica magro quando se separa. Então, até aparar um pouco com a ferramenta de borracha. Então eu vou descer, e como eu posso ver isso, eu sei exatamente onde é suposto ir a seguir. Então isso é apenas ir um pouco mais longe e assim é este, é um pouco longe demais. Então esse é o nosso próximo passo da nossa fase. Na verdade, esqueci um pouco de azul aqui. Volte e adicione um pouco deste azul aqui. Então essa é a nossa segunda fase do nosso gotejamento. Então, agora vou baixar este. Vou baixar este ainda mais, apenas ajustar isto até parecer certo. Então agora existem duas camadas de baixa opacidade aqui que você pode usar como referência, e a razão pela qual você quer fazer isso é para que você possa ver como seu movimento está se moldando. Então agora eu vou para a terceira camada. Renomeie este Drip 2, e nomear isso agora só vai economizar muito tempo mais tarde quando você for organizar isso no After Effects. Então, em seguida, eu vou fazer isso ainda mais longo e magro como se a queda estivesse prestes a quebrar. Agora é aqui que você pode começar a separar os gotejamentos. Então, vamos baixar isso. Uma vez que você chegar a isso, você também pode começar a se livrar de algumas de suas camadas em direção ao fundo, modo que as coisas não ficam confusas e você não está em que estágio você está. Então continue com esse processo. Você vai levar essas gotas ainda mais para baixo até que elas estejam praticamente desaparecidas. Realmente você vai querer usar a quantidade mínima de quadros necessários para transmitir seu movimento. Uma animação rolante é quanto mais perto de seus quadros estão juntos, mais lentos os movimentos e quanto mais longe eles estão, mais rápido é o movimento. Então, se eu tivesse esses gotejamentos bem aqui, eu apenas vou apagar isso bem rápido, sobrepondo um ao outro muito assim, esse movimento vai realmente ser mais lento do que se eu tivesse eles mais separados. Então eu só fui em frente e desenhei o resto das camadas porque isso pode ser um processo tedioso. Então agora eu tenho tudo isso muito claramente alinhado para fora. Eu vou entrar aqui, e vou torná-los todos em um bom grupo consolidado. Então eu vou apenas selecionar cada camada na minha sequência de gotejamentos. Eu vou pressionar este botão de grupo aqui, e agora é tudo bom e embalado em uma coisa, e renomear este gotejamento, e é isso. A razão pela qual eu gosto de agrupar coisas é apenas para garantir que camadas painel muito menos confuso, e você é capaz de minimizar a quantidade de camadas acontecendo. Então eu só vou dar zoom aqui e mostrar a vocês o que eu fiz com esses gotejamentos um pouco mais claramente. Então, como você pode ver, ele emula o movimento que vimos no vídeo de referência, que é que ele aperta bem aqui no meio e então ele escorre para fora, fica mais tempo até desaparecer. - Sim. Então cada um também está indo a uma velocidade ligeiramente diferente, e isso é apenas para adicionar um pouco de movimento dinâmico a isso, modo que não pareça que está tudo pingando ao mesmo tempo. Então eu desenhei meu picolé, eu adicionei meus gotejamentos, e eu acho que eu poderia realmente querer adicionar alguns elementos secundários aqui, e eu acho que eu poderia querer desenhar algumas nuvens indo ao redor do picolé enquanto ele está se descascando. Então parece que está acontecendo no ar. Então eu vou adicionar algumas pequenas nuvens aqui, e eu realmente não sei que cor eu quero fazer as nuvens ainda. Então eu só vou fazê-los pretos, e eu vou me preocupar com a cor mais tarde. Então eu realmente penso nas nuvens como uma animação secundária. Quero que o foco seja nos gotejamentos, mas acho que adicionar um pouco mais de movimento dará à peça um interesse visual extra. Então, agora que eu fiz minhas nuvens, eu só vou mudar o nome de nuvem, e eu vou apenas agrupar essas nuvens também. Nomeie este grupo de nuvens, e eu não vou me preocupar muito com a composição dessas nuvens ou onde elas estão agora porque eu posso simplesmente organizá-las no After Effects e movê-las da maneira que eu quiser para. Então você pode adicionar um fundo e procriar se você quiser, mas eu vou apenas ir em frente e fazer essa parte no After Effects, para eu possa jogar com as cores do fundo um pouco mais fácil. Então agora que eu tenho meus elementos secundários e como minhas nuvens e eu tenho minha animação de gotejamento olhando muito bom, eu vou ir em frente e clicar neste botão. Vá para Compartilhar e exporte esses arquivos como arquivos do Photoshop, e agora que eu tenho esses, eu vou ir em frente e soltá-los para mim mesmo no meu computador. Legal, lá estão eles. Tudo bem. Agora que você me viu esboçar meus quadros no meu projeto, você pode ir em frente e começar a desenhar seus quadros no seu, e depois disso, vamos nos encontrar com o After Effects. 7. Primeiros passos no After Effects: Então nós acabamos de deixar cair nossos arquivos do nosso iPad para o nosso desktop, e agora nós vamos apenas criar uma nova pasta em nosso desktop e chamá-lo de picolé, e nós vamos apenas armazenar todos os nossos arquivos aqui. Tudo bem. Então nós estamos indo apenas para ir para a nossa pasta Downloads, que é onde nossos arquivos air caiu para. Vamos dar um nome a esta arte do picolé, e arrastar isso para a pasta do picolé. Então vamos em frente e saltar para efeitos secundários. Então, agora que estamos no After Effects, você pode ver que você pode começar uma nova composição aqui, isso vai para a sua área de linha do tempo, e é aqui que você realmente vai importar seus arquivos. Então eu vou ir em frente e selecionar meus arquivos do localizador na minha área de trabalho, e eu vou importar esta arte de picolé para isso aqui. Então isso é muito importante. Você vai querer certificar-se de que, ao importar seus arquivos do Photoshop, você os definiu na composição, mantenha os tamanhos de camada. Isso porque se você importá-lo como apenas uma gravação, ele não entrará em camadas separadas. Então não será possível animá-lo dessa forma. Portanto, certifique-se de tê-lo na composição reter tamanhos de camada, e pressione ok. Assim, as composições funcionam muito como o aninhamento e o premier se você estiver familiarizado com o Premier, ou como o agrupamento faz no Photoshop. O que ele faz é que ele apenas permite que você focalize sua área de trabalho e em uma seção diferente, para que você não tenha toneladas de camadas apenas preenchendo sua linha do tempo. Então agora você tem essa composição aqui, vamos apenas clicar duas vezes nela. Tudo bem. Então, aqui está. A primeira coisa que vou fazer é mudar o tamanho da tela desta composição para um quadrado para que possamos fazer um gif quadrado fora dele e colocá-lo nas redes sociais. Então, como eu vou fazer isso é eu vou para configurações de composição. Primeiro, eu vou desclicar Lock Aspect Ratio, e eu vou fazer isso 800 por 800, incrível. Então agora você pode ver que o picolé é gigante em comparação com a tela. Então, a próxima, o que eu vou fazer para ter certeza de que tudo está reduzido é eu vou criar um objeto nulo. Então, basta pensar nesse objeto nulo como a coisa que todas as outras camadas estão indo para anexar. Então eu vou selecionar todas essas camadas, eu vou pressionar Shift para ter certeza de que eu tenho todas elas. Eu vou usar esta pequena ferramenta aqui, que é o chicote de escolha, e eu vou pai, eu vou clicar e arrastar para pai isso para o nulo. Então, basicamente, o que isso significa é que quando eu mover este nulo, tudo o que eu fiz vai se mover com ele. A razão pela qual estou fazendo isso é para que eu possa diminuir. Então, novamente, a razão pela qual eu fiz isso tão grande é que se eu quisesse redimensioná-lo, eu não perderia qualidade fazendo isso. Eu realmente não estou sentindo este fundo branco, então eu vou apenas ir em frente e excluí-lo, e eu vou clicar neste botão para alternar transparência. Assim, eu não estou vendo um fundo preto, eu posso ver esse fundo em vez disso. Então incrível, nós temos nosso picolé, nós temos no tamanho da tela que nós queremos tê-lo em para as mídias sociais, e agora eu vou ir em frente antes de começar animar e eu vou apenas adicionar um fundo colorido para isso, e acho que vou começar a brincar com a cor das nuvens também. Isso é algo que você pode fazer dentro dos efeitos secundários em vez de fazê-lo no Procreate. Então eu vou apenas pressionar o comando Y para fazer uma cor sólida do meu fundo, e eu só vou entrar aqui e brincar. Eu acho que esta cor bege funciona para mim, então eu vou apenas pressionar “OK” e ver como isso se parece. Vou arrastar este fundo até o fundo. Então estas são todas as minhas camadas. Como você pode ver, muitos deles são realmente semelhantes às camadas que você viu dentro do Procreate. Tenho as minhas miniaturas, tenho a minha paleta que desenhei aqui, tenho o meu esboço. Mas como eu não vou usá-los, você pode simplesmente ir em frente e excluí-los. Então, como eu agrupei minhas camadas no Procreate, ele criou uma composição dentro dos efeitos secundários. Agora eu vou abrir esta final, e assim esta camada vai ter a minha camada base, vai ter a minha sombra, e vai ter todos os meus gotejamentos. Então você também verá na pasta do gotejamento que todos os meus gotejamentos estão lá. Então eu tenho todos etiquetados e prontos para animar. 8. Animação no After Effects: O que vamos querer fazer antes de começar a animar, vamos querer ir em frente e selecionar todas as suas camadas. Vamos pressionar T, que significa transparência. Nós vamos apenas querer ter certeza de que todas essas camadas estão em opacidade total. Nós colocamos isso em uma opacidade menor quando estávamos desenhando, para que pudéssemos ver onde cada camada estava enquanto desenhávamos. Mas agora que estamos entrando na fase de animação, vamos querer ter certeza que eles estão em opacidade total para que todos possam ver nossos gotejamentos. Então eu acho que todos estes são agora opacidade total. Vou selecionar todos estes novamente, e vou pressionar U para condensá-los. Então eu vou fazer cada um desses gotejamentos com cerca de dois quadros de comprimento. Só vou ver como isso acaba. Talvez eu tenha que ajustar isso mais tarde. Então agora eu vou ir em frente e aparar minhas camadas para onde minha cabeça de jogo azul está, que eles se encaixem bem onde meu endpoint está. Só vou arrastar isso por mais um quadro. Como você pode ver, cada um deles tem dois quadros de comprimento. Então eu acho que dois quadros aqui vai ser muito bom. Acho que esse vai ser o nosso ponto ideal. Mas se você quiser que isso seja um pouco mais lento, você pode arrastar isso para quatro segundos, mover suas camadas aqui, e ver como isso se desenrola. Então eu vou ir em frente e clicar com o botão direito aqui, e pressionar camadas de sequência assistente de quadro-chave, pressione ok. Agora, eu vou ampliar aqui com este botão abaixo, mover a cabeça de jogo para cima. Vou tocar isto. Isso é bom, mas acho que é um pouco lento demais. Então eu vou fazer uma pausa. Pressione Command Z para desfazer algumas vezes, e eu acho que eu vou ir em frente e mover isso de volta para dois quadros e tentar novamente. Pressione o botão direito, camadas de sequência do assistente do quadro-chave, ok. Mova isso para cá e eu vou ver como isso funciona. Eu acho que dois quadros provavelmente funciona o melhor aqui, ele se sente o mais natural, mas para o seu movimento ou para seus quadros, algo mais pode ser melhor, então definitivamente jogar com quantos quadros cada camada deve ser. Ok, então uma vez que você tenha tudo isso definido, você só quer ter certeza de que este endpoint está definido para o último pedaço do seu quadro lá. Como você pode ver, ainda temos toda essa sala e nós não queremos ter isso porque caso contrário ele vai tocar suas camadas e deixar este grande espaço vazio em branco. Então você realmente não quer ter isso. Você quer ter certeza de que tudo está aparado e arrumado. Então vamos para a composição. Vamos para aparar comp para a área de trabalho. Agora, tudo joga suavemente e um bom declive. Agora que eu tenho as gotas planejadas, eu vou voltar para a minha composição final e ver como isso funciona. Incrível, parece ótimo. Agora a única coisa é, isso está apenas jogando um movimento rápido por cerca de um segundo e então não faz nada. Do jeito que está, vai ser muito chato. Então o que nós vamos querer fazer é que nós vamos querer duplicar essas camadas de gotejamento. Então eles continuam pingando em frente. Eu provavelmente vou fazer isso por cerca de cinco segundos ou o tempo que você quiser fazer isso. Então vamos pressionar o Comando D e dar a nós mesmos cinco cópias desta camada. Então eu vou pegar a segunda camada. Eu só vou arrastá-lo sobre o primeiro. Pegue o terceiro, faça a mesma coisa, me dê um pouco de sobreposição e faça o mesmo com o último também. Vamos ver como isso se desenrola. Tudo bem, parece muito incrível. Um pequeno detalhe só para estar ciente é que quando você começa isso, você só vê um pouco da queda aqui, e se eu fizer loop e termina aqui, ele não vai fazer loop perfeitamente. Então eu só vou pegar estes, arrastá-lo para fora um quadro ou assim. Desse jeito eu tenho essa linha limpa no começo, e eu tenho essa linha limpa no final. Então, agora que você tem todas essas camadas seguidas, o que você vai fazer é que você vai querer cortar sua área de trabalho. Então o que isso vai fazer é que vai te dar um loop suave. Agora pronto. Então isso é bom em loop. After Effects sabe que quando eu mover esta seção para cá, ele só vai jogar a seção nesta área. Então, se eu mudar isso, vai parar. Mas porque queremos que isto faça um loop, vou seguir em frente e mover este back-end. Vou voltar à minha composição artística de picolé e ver o que acontece. Vai parar em cinco segundos. Então o que eu vou querer fazer é cortar isso mais uma vez movendo esta área de trabalho bem aqui na minha composição final. Só toque isso mais uma vez. Então isso parece muito bom. Então, agora que eu lidei com meus gotejamentos, eu vou continuar e animar minhas nuvens. Eu acho que o que eu vou fazer com estes é que eu vou apenas fazer um movimento secundário realmente simples de movê-los do lado esquerdo da tela para o lado direito da tela. Então eu vou apenas ir em frente e brincar com a cor destes. Então vamos saltar para o painel de efeitos e predefinições aqui no conjunto do After Effects, e eu vou ir em frente e digitar o preenchimento de palavras. Vou arrastar isso para a camada de nuvens. Legal. Então agora você pode ver que nossas nuvens são vermelhas, e embora isso seja muito colorido, provavelmente não é uma cor natural para nuvens. Então eu vou seguir em frente e pressionar este botão vermelho aqui, e eu vou mudar isso para uma cor mais branca. Tudo bem, e isso está muito bonito. Vou arrastar esta camada de nuvens por baixo da minha camada final. Agora eu quero fazê-los realmente se mover através da tela. Então eu vou ir em frente e selecioná-lo. Pressione P para a posição porque eu quero mover a posição. Eu vou arrastar essas nuvens para o lado esquerdo, então eu vou apenas pressionar isso e para fazer isso ir ainda mais rápido, eu vou pressionar Shift, e agora eu vou arrastá-lo. Vai se mover muito mais rápido dessa forma. Agora vou pressionar este botão de cronômetro para definir um quadro-chave. Isso é basicamente dizer ao After Effects, “Ei, eu quero começar minha moção aqui.” Então vamos definir um segundo quadro-chave mais tarde e isso terminará o movimento. Então agora o que eu vou fazer é deixar minha cabeça de jogo até o fim da minha área de trabalho, e eu vou arrastar minhas nuvens segurando turno para o outro lado. Pode parecer nada agora, mas quando for tocar, verá eles se moverem. Isso porque quando você move as nuvens para o final aqui, o After Effects define outro quadro-chave automaticamente para você. Assim, registra a moção. Então, agora que você tem este último quadro-chave definido no lugar, todo esse espaço no meio é onde seu movimento está acontecendo. Então, se você quiser fazer esse movimento um pouco mais rápido com as nuvens, você pode simplesmente arrastar este último quadro-chave um pouco mais perto, talvez no meio do caminho e ver como isso se parece. Deixe isso para fora, tudo bem, e isso é um pouco mais rápido. Então você vai querer ajustar a velocidade dos quadros-chave para qualquer movimento que você está fazendo. Mas para mim, avançando para o fim, acho que funciona muito bem para isso. Então, estou me sentindo muito bem com minha animação em loop agora, mas acho que vou dar um passo adiante e adicionar um pouco de textura e talvez adicionar algum contraste à minha animação. Então agora que vocês viram a maneira que eu gosto de trabalhar no After Effects, eu encorajaria todos vocês a seguirem em frente e levarem seus arquivos de projeto, soltá-los em sua própria sequência e começarem a animar algumas coisas. 9. Adicionando textura: Então, se você está indo de um olhar mais plano, talvez adicionar uma textura não é para você, mas eu gosto de adicionar textura a alguns dos meus dons apenas para adicionar um pouco de interesse visual e dar-lhe um pouco de profundidade. Então o que eu realmente vou fazer é, eu tirei algumas fotos da minha calçada fora do meu apartamento hoje cedo, e eu vou usar isso como uma textura. Ele tem essa grão agradável e vai adicionar um pouco de profundidade, um pouco de algo para a minha animação. Então você pode encontrar um monte de texturas on-line se você quiser, eu gosto de sair e tirar fotos de texturas divertidas aleatórias que eu vejo na minha caminhada até o metrô. Então você pode fazer o que funciona para você, mas eu acabei de tirar uma foto no meu telefone e eu estou indo em frente e soltar para mim mesmo no meu desktop. Então, agora que deixei cair essa textura para mim mesmo, ela está na minha área de trabalho. Vou em frente e enfiar isso em uma pasta de picolé. Incrível, e eu vou abri-lo, e então isso está parecendo muito interessante, mas eu só vou querer ir em frente e fazer alguns ajustes para torná-lo mais de uma textura. Então eu vou abrir na loja de fotos. Então agora o que eu vou fazer com isso é, eu vou torná-lo preto e branco. Isso parece legal para mim. Se você quiser, você pode ir em frente e ajustar algumas dessas coisas também, e quando você fizer isso, você pode ver um pouco de detalhe sair que não estava lá antes, e isso pode apenas adicionar um pouco de interesse visual também. Ok. Isso parece bom para mim. Então eu vou voltar para o painel de ajustes. Então nós vamos para a parte das curvas deste, e isso vai apenas adicionar um pouco de contraste. Então eu vou ir em frente e pressionar bem aqui e arrastar isso para baixo. Se você está familiarizado com o Photoshop, então isso pode ser uma segunda natureza para você já. Ok. Isso parece bom, e isso é olhar contrastante. Então eu vou em frente e salvar isso como textura, e pressione ok. Então agora que eu terminei minha textura, eu vou apenas ir em frente e soltar isso no After Effects. Ok. Então, nossa configuração agora está em composição reter tamanhos de camada de quando importamos o picolé, mas eu vou querer configurá-lo para filmagem porque eu só preciso de uma camada, e essa é a camada de textura. Ok. Então temos esta textura agradável aqui. Eu só estou indo para a frente e escala isso um pouco para baixo e jogar com isso para descobrir a posição certa. Então eu vou pressionar S para escala na camada de textura. Eu só vou escalar isso um pouco, e eu poderia apenas movê-lo um pouco, e encontrar um bom lugar para isso. Eu gosto deste pequeno gradiente escuro no fundo aqui, então eu poderia apenas colocá-lo bem ali. Ok. Então agora queremos ter certeza de que essa textura é realmente sutil, agora é super dura. Então, vou pressionar T para opacidade. Só vou reduzir isto a algo muito baixo. Deixe-me tentar em 20 por cento. Ok. Então, outra coisa que você pode fazer para esta textura para tentar misturá-lo, é que você pode jogar com os modos de mistura que estão bem na barra lateral e efeitos secundários no modo. Então há um monte de opções aqui, mas eu normalmente apenas manter a luz suave ou sobreposição. Então, se você quiser levar essa textura para o próximo nível e adicionar ainda mais movimento a ela, o que você pode fazer é animar a textura. Então eu vou apenas pressionar P para posição no meu teclado, e eu vou adicionar um quadro-chave de posição. Eu também vou pressionar S no meu teclado para escala, e eu vou até mesmo pressionar R no meu teclado para rotação. Então isso é um monte de quadros-chave. Vamos pressionar U para ver todos eles. Então agora vamos saltar alguns quadros à frente no tempo, realmente não importa quantos, porque podemos ajustá-lo mais tarde, e eu vou apenas mover essa textura e fazer com que pareça um pouco diferente para que eu possa dimensioná-la para cima, eu sou eu girá-lo um pouco apenas para que ele parece um pouco diferente do quadro-chave anterior. Então agora isso é muito importante. Se eu jogar assim, tem muita coisa acontecendo lá. Parece quase um erro ou algum barulho. Então você só quer que ele salte do posicionamento da textura para o posicionamento da textura. Então, como vamos fazer isso, é que vamos definir estes como quadros-chave de espera. Vou selecionar meus quadros-chave. Vou clicar com o botão direito. Vou pressionar a interpolação do quadro-chave. Agora eles estão ajustados para linear. Queremos configurá-los para segurar, que possamos manter o posicionamento de cada posição. Vou pressionar “Ok”. Então você vai ver uma diferença nisso, em que entre esses quadros-chave, não há movimento acontecendo. Como você pode ver, ele meio que salta de posição em posição, e enquanto antes quando era linear, tinha movimento entre essas duas áreas. Então, o que um quadro-chave de espera realmente faz é que ele apenas salta entre cada posição em vez de dar a você aquele movimento suave entre os quadros-chave. Então, agora que tenho esses dois, acho que é bom. Se você quisesse, você poderia entrar e ajustá-lo um par de vezes diferentes, continuar girando, continuar dimensionando, jogando com isso, e efeitos secundários reconhecerão que você usou quadros de teclas de hold no passado. Então, ele vai se certificar de fazer esses quadros-chave de retenção também. Então, temos três posições diferentes acontecendo aqui. Vou arrastar isto para o início. Eu vou jogar isso fora. Ok. Então eu tenho três aqui, e agora o que eu vou fazer, é eu vou apenas duplicar estes exatamente como fizemos com as composições anteriores. Então eu vou pressionar o Comando C, e comando V para colá-lo. Então eu vou colá-lo novamente aqui, e novamente aqui, e eu vou continuar colando esses quadros-chave até chegar ao fim. Vou apagar estes dois porque eles estão pendurados. Ok. Então vamos passar por isso. Tudo bem. Então isso só adiciona um pouco de movimento à sua textura. Então eu ainda acho que esse movimento é um pouco rápido demais. Então o que eu vou fazer, é eu vou manter pressionada a opção, eu vou clicar e arrastar esses últimos quadros-chave. Então o que isso vai fazer, é que vai garantir que meus quadros-chave ainda estão distribuídos uniformemente, mas vai permitir que o movimento vá um pouco mais lento, e vai reduzir a quantidade de quadros-chave que temos na nossa área de trabalho. Então eu vou ir em frente e excluir esses quadros-chave extras, e eu vou reproduzi-lo agora. Tudo bem. Então isso é muito mais sutil para mim, a textura está se movendo muito mais devagar, e eu acho que isso é muito bom porque não distrai o movimento dos gotejamentos ou das nuvens, o que eu realmente quero ser o movimento chave áreas. Então este é apenas um exemplo de uma textura. Às vezes eu saio e tiro fotos de paredes de tijolos, persianas, ou uma mesa de mármore legal que eu vejo. Então você pode realmente aplicar esta técnica a qualquer textura que você pode ter uma foto ou novamente, você pode simplesmente ir on-line e encontrar uma textura lá. Eu também forneci um monte de texturas que eu já fiz na seção de recursos de classe se você quiser buscá-los lá em cima. Ok. Agora que texturizei isso e minha moção está no lugar, estou me sentindo muito bem com isso. Então eu acho que estou pronto para ir em frente e saltar para a exportação 10. Compartilhe a sua animação: Agora que fizemos nosso incrível trabalho artístico, agora vamos exportá-lo. Então vamos exportá-lo para diferentes maneiras nesta classe. Nós vamos exportá-lo como um MP4 para que você possa carregá-lo para o Instagram, e nós vamos exportá-lo como um GIF para que você possa carregá-lo em suas outras mídias sociais. Então, como selecionamos essa área aqui como nosso espaço de trabalho, ela só vai exportar essa área. Se tivéssemos isso mais longe aqui, ele exportaria tudo isso. Por isso, porque só queremos exportar esta parte, vamos ter a certeza de arrastar isto de volta. Então, agora que temos nossa área de trabalho selecionada, vamos para Arquivo, Exportar e vamos realmente adicionar isso à Fila do Adobe Media Encoder. Este é um programa separado do After Effects. Então parece que isto chegou ao Media Encoder. Você só vai querer verificar as configurações para se certificar de que estão todas boas. Então eu só vou entrar aqui e selecionar isso. Eu só vou mudar esta predefinição para Corresponder Source - Alta taxa de bits. Então, outras barras pretas desapareceram, e deve estar tudo bem. Eu só vou pressionar Use Maximum Render Quality para garantir que eu obtenha uma exportação limpa realmente agradável. Então isso parece pronto. Então eu vou para ir para o arquivo de saída e basta clicar neste link aqui. Eu só quero ter certeza que isso é realmente salvo na minha pasta de picolés para que seja fácil de encontrar. Arte de picolé para o nome é absolutamente bom. Então agora eu estou indo apenas para pressionar este botão verde play, renderizá-lo, e indo para menos que para baixo. Então, se você olhar nesta pasta, você verá sua arte incrível, e está totalmente pronto para compartilhar no Instagram. Então, agora que fizemos este MP4, vamos apenas saltar para fazer o nosso GIF. Então, a primeira maneira que você pode fazer um GIF é usando um plugin chamado GIF Gun, que é o que eu gosto de usar apenas porque ele corta alguns passos fora do processo. Mas você absolutamente não precisa usá-lo e, você poderia facilmente fazer isso com um site como GIPHY. O que eu vou fazer é ir ao Window, abrir GIF Gun, abrir GIF Gun, ter certeza que minha área de trabalho é agradável e apertada, e então eu vou ir em frente e pressionar Make GIF. Então, se você acessar sua janela do Finder, algo deve aparecer automaticamente, e aqui está seu GIF. Então, como isso está em uma pasta estranha, eu vou apenas ir em frente e mover isso para a minha pasta de picolés. Então, se você não tem GIF Gun, você pode simplesmente usar o site como GIPHY. Então eu vou apenas ir em frente e arrastar este MP4 de mais cedo para a janela de upload, e eu vou pressionar Upload to GIPHY. Tudo pronto. Então agora você tem seu GIF. Você pode ir para o botão Copiar link e compartilhar link com seus amigos ou você pode ir para a imagem em si e clicar com o botão direito do mouse nela, e pressionar Salvar imagem como, e salvá-lo sua pasta de picolé, e Lá vai você. Então isso pode parecer um monte de passos para algo tão simples, mas plataformas diferentes têm formatos diferentes. Então use o que for melhor para você. 11. Isso é tudo!: Isso é um envoltório. Você viu todo o meu processo desde brainstorming e árvore de palavras até realmente animar os quadros-chave. Eu realmente espero que esta aula dê a vocês os meios para usar sua ilustração como uma forma de expressar algo que você é apaixonado ou uma maneira de se conectar com o mundo. Eu adoraria se você enviasse seus projetos na galeria do projeto abaixo, e se você tiver alguma dúvida, fico feliz em respondê-las. Estou tão feliz que vocês tenham tido essa aula e mal posso esperar para ver o que vocês inventaram. 12. Explore mais cursos na Skillshare: