Crie e depois anime: um fluxo de trabalho do Adobe Illustrator, Photoshop e After Effects com tema de outono guia | Megan Friesth | Skillshare

Velocidade de reprodução


1.0x


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

Crie e depois anime: um fluxo de trabalho do Adobe Illustrator, Photoshop e After Effects com tema de outono guia

teacher avatar Megan Friesth, Motion Designer

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Boas-vindas

      1:39

    • 2.

      Projeto do curso: 

      2:45

    • 3.

      Ilustre folha de olmo

      8:13

    • 4.

      Ilustre folha de carvalho

      6:21

    • 5.

      Ilustrando folha de bordo

      7:54

    • 6.

      Colorir folhas

      7:46

    • 7.

      Salve para Photoshop para Photoshop

      5:07

    • 8.

      Textura no Photoshop

      8:02

    • 9.

      Exportar de Ps e Importar para o Ae.

      2:13

    • 10.

      Preparar a folha para a animação.

      9:47

    • 11.

      rapidamente outras folhas.

      8:33

    • 12.

      Animate Leaves Falling

      11:32

    • 13.

      Anime folha de movimento

      6:17

    • 14.

      O que vem a seguir?

      1:11

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

87

Estudantes

5

Projetos

Sobre este curso

Pratique ilustração no Adobe Illustrator, texturização no Photoshop e animação no After Effects animando folhas que caem coloridas.

Ao longo do curso, você aprenderá truques para criar ilustrações de aparência profissional, dicas de economia de tempo para trabalhar de forma mais eficiente, e abordaremos as ferramentas 3D no After Effects para adicionar uma dimensão totalmente diferente às suas animações.

No final, você terá uma animação para colocar em seu portfólio ou postar nas redes sociais para mostrar suas habilidades.

Há algo tão criativamente gratificante em começar com nada além de uma ideia, criar uma ilustração original e trazê-la à vida com animação. Mas nem sempre é fácil tirar uma ideia da cabeça e colocá-la na tela exatamente como você a imaginou. guache ou criação? É preciso prática. Muita prática. Mas essa prática pode ser divertida! É para isso que este curso foi criado.

Você deve saber:

Este curso foi projetado para aqueles que já têm uma familiaridade básica com o Adobe Illustrator e o After Effects. O primeiro curso da série Criar e depois Animar é perfeito para iniciantes, e você também pode conferir o currículo do meu curso para obter mais orientação se estiver apenas começando.

Você vai aprender a:

Adobe Illustrator

  • Usar imagens de referência
  • Crie ilustrações vetoriais usando as ferramentas de forma, Caneta e Ponto de ancoragem (para criar curvas)
  • Adicionar um efeito de zig-zag a um caminho
  • Dê às ilustrações um visual geométrico usando técnicas como o widget de cantos arredondados. plano.com.
  • Use a Repetição Espelha para ilustrações perfeitamente simétricas.
  • e apr
  • Separe camadas para que possam ser acessadas no Photoshop.
  • salvar artes do Illustrator para o Photoshop

Adobe Photoshop

  • Adicione texturas usando pincéis
  • Import new brushes
  • Create clipping masks
  • Exportar arquivos PNG

Adobe After Effects

  • Importe arquivos PNG e crie uma nova composição a partir de um arquivo!
  • Use masks
  • Converta camadas em camadas 3D e adicione curvatura
  • Configure controladores de rotação 3D usando nulos e propriedades essenciais
  • Rotação dos caules das folhas para torná-los mais realistas?
  • Configure folhas adicionais de forma rápida e eficiente.
  • Crie animações sutis na folha controladas por expressões.
  • Animação de folhas caindo enquanto giram no espaço 3D.
  • Animar uma folha girando no espaço 3D e curvando-a
  • Ajuste os caminhos do movimento
  • Use o editor gráfico para ajustar as curvas de movimento para movimentos realistas.
  • Duplique e ajuste folhas de forma eficiente. pincel pinc
  • Escala aleatoriamente folhas com uma expressão.

Confira meu currículo para qual curso fazer o próximo. Você pode gostar destes:

Aprenda como criar um loop de animação de folhas que caem perfeitamente:

Domine o editor gráfico para criar animações atraentes e realistas:

Encontre-me online:

Meu site

Instagram

Pinterest

Conheça seu professor

Teacher Profile Image

Megan Friesth

Motion Designer

Top Teacher

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations-that is educational animations-and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrator or After Effects, I love traveling, running, skiing, yoga, and gardening.

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: Há algo tão criativo gratificante em começar com nada além de uma ideia, criar uma ilustração original e dar vida a ela com animação Mas nem sempre é fácil tirar uma ideia da cabeça e colocá-la na tela. É preciso prática, muita prática. É aí que entra esta edição do Create then Animate Inspirando-se na vida real, na mudança das estações, vou guiá-lo pelo fluxo de trabalho de ilustrar um conjunto de folhas no Adobe Illustrator , adicionar texturas coloridas e Photoshop e animá-las caindo Ao longo do caminho, você aprenderá truques para criar ilustrações com aparência profissional, dicas para economizar tempo para trabalhar com mais eficiência e usará as três ferramentas D e o After Effects para adicionar uma dimensão totalmente diferente às suas animações No final, você terá uma animação que poderá colocar em seu portfólio ou publicar nas redes sociais para mostrar suas habilidades Sou Megan Frias e, como designer de movimento autodidata, sei que fiz os maiores avanços em minhas habilidades criativas e técnicas quando estava me divertindo criando projetos que eu divertindo criando projetos que Espero que essa aula possa ser para você, sem as frustrações de não saber o que criar ou como fazer isso Tendo feito carreira escrevendo, ilustrando e animando animações educacionais, principalmente sobre temas de saúde e meio ambiente, sei que praticar pode valer a pena Essa aula foi criada para aqueles que já têm uma familiaridade básica com Adobe Illustrator e o After Effects A primeira aula da série Create then Animate é perfeita para iniciantes E você também pode conferir meu currículo completo para obter mais orientações se estiver apenas começando. Então, se você está pronto para se divertir no outono, praticando o Adobe Illustrator, o Photoshop e o After Effects praticando o Adobe Illustrator, o Photoshop e o After , vamos começar 2. Projeto de curso: E o projeto dessa aula é ilustrar um conjunto de folhas no Adobe Illustrator , adicionar texturas coloridas no , adicionar texturas coloridas Photoshop e animá-las em seguida no Você pode fazer com que suas folhas se pareçam minhas ou torná-las únicas. Eu vou te mostrar duas maneiras de animar as folhas caindo. Você pode usar um ou ambos em seu projeto de classe. E se você quiser praticar apenas um aspecto desse fluxo de trabalho, seja Illustrator, Photoshop ou After Effects, forneci meus arquivos para que você possa começar a qualquer momento Se você tiver alguma dúvida ao longo do caminho, sinta-se à vontade para publicá-la na guia de discussões. A primeira coisa que eu recomendo fazer é criar uma pasta para armazenar todos os seus arquivos para o projeto de classe. Você pode ver aqui que eu tenho pastas para After Effects, Illustrator e Photoshop, e elas estão todas vazias por enquanto Eu também reuni algumas inspirações. Todas essas são fotos que tirei há alguns anos, mas se você não tiver suas próprias fotos, basta acessar o Google Images ou seu site de fotos favorito para encontrar fotos de folhas que você possa usar como referência Como essa folha de carvalho que peguei no Google Images. Depois de reunir algumas fotos de folhas que você pode usar como inspiração, vamos criar nosso arquivo do Illustrator No Illustrator, vou criar um novo arquivo. Para esse tamanho, vou trabalhar com 38 40 por 38 40 pixels e estou fazendo quadrado porque sei que quero fazer uma grade de três folhas por três folhas. Além disso, verifique se o modo de cor está definido como RGB, pois isso será importante no After será importante no After Também estou usando 300 PPI, o que será importante para obter a mais alta qualidade no Photoshop Então, depois de fazer isso, clique em Criar. Seu espaço de trabalho do Illustrator pode parecer um pouco diferente do meu, e tudo bem Mas se você quiser que ele se pareça mais com o meu, um bom ponto de partida é ir ao Window Workspace e escolher Essentials Eu personalizei meu espaço de trabalho, então, se eu usar um painel que você não vê, você sempre pode encontrá-lo do seu lado embaixo da janela, e depois encontrar os painéis Um painel que será importante ter no final quando estivermos limpando as coisas e nos certificando de que está pronto para as próximas etapas é o painel Camadas. Em seguida, vamos pegar algumas fotos de folhas para usar como referência. Vou apenas arrastar e soltar algumas das minhas fotos no Illustrator E então vamos arrastá-los para organizá-los. Vou tirá-los da prancheta por enquanto e usá-los como referência E então, quando eu gostar do que criei, vou mover isso para a prancheta Mas não importa como você queira trabalhar, está tudo bem. Lembre-se de que você sempre pode arrastar mais fotos posteriormente. Então, vamos começar com isso. Também vou usar essa camada como camada de referência e apenas bloqueá-la para que eu não me mova acidentalmente pelas fotos enquanto estou trabalhando Em seguida, vou até este pequeno botão de adição para adicionar uma nova camada que eu possa usar para trabalhar. Agora que tudo isso está configurado nos próximos vídeos, começaremos a ilustrar nossas folhas 3. Ilustração de folhas de olmo: Para baixo. Para o primeiro salto, vou fazer algo que geralmente tem esse formato Eu uso muitos atalhos de teclado, mas você sempre poderá vê-los na minha tela se eu não os chamar, e até o resumo que você pode baixar para ajudá-lo a aprender todos os atalhos do Então, para aumentar o zoom, vou pressionar Command and plus e, em seguida, vou usar o mouse para rolar. E para essa forma, é basicamente como um oval, mas com pontas pontiagudas Então, para criar isso, vou usar a ferramenta Ellipse. Então, vou pressionar L no teclado, que é a ferramenta Ellipse. Você também pode encontrá-lo aqui, e então vou arrastar uma elipse Não precisa ser exato, e então eu vou colocá-lo no lugar certo. Vamos nos livrar do preenchimento. Então, vou clicar aqui e não clicar em nenhum. E então, basta redimensionar isso. Agora, para tornar essas duas pontas pontiagudas, vou passar para a ferramenta de seleção direta, que é esse ícone E o que isso permite que você faça é selecionar pontos individuais em um caminho e movê-los. Portanto, ele permite que você personalize a forma exata dos caminhos. Então, neste ponto, o que eu quero fazer é me livrar dessas alças para que fiquem em um canto pontiagudo Uma maneira rápida de fazer isso é subir aqui e apertar este botão para converter em um canto. E eu vou fazer a mesma coisa na parte inferior. Depende totalmente de você até que você segue sua imagem de referência. Para esta folha, quero experimentar fazer uma linha ondulada para a borda, embora essa folha tenha uma linha ondulada, vou exagerar Acho que também vou deixar as linhas das nervuras das folhas um pouco mais afastadas e talvez até ajustar a forma geral delas para que não sejam tão altas. Com tudo isso, eu realmente não preciso mais da foto de referência, então vou diminuir o zoom e arrastá-la para a minha prancheta, que fique um pouco mais fácil de ver como centralizar sua prancheta e ampliá-la, você pode fazer Command e zero Eu só vou redimensionar isso um pouco. Talvez algo assim pareça bom. Vou aumentar um pouco o peso do traço para facilitar a visualização. Vou passar para a ferramenta de seleção direta, selecionar minha forma e clicar e arrastar sobre esses dois pontos para selecioná-los. E então vou arrastá-los para cima para dar à folha uma aparência um pouco diferente. Então, talvez algo parecido. Agora vamos adicionar a borda ondulada. Vou selecionar a forma e ir até o efeito, depois distorcer e transformar e depois ziguezague Certifique-se de que a visualização esteja ativada para que você possa ver o que está fazendo. A primeira coisa que vou fazer é apertar suavemente e depois vou ajustar essas configurações para obter algo que eu goste. Acho que parece muito bom, mas não gosto de como está tratando a parte superior e inferior, os cantos da folha, então vou ajustar isso manualmente. Então, a partir daqui, vou clicar em OK. Se quiser voltar e ajustar o ziguezague, você pode ir até o painel de aparência e clicar em ziguezague para No momento, o zigue-zague é aplicado como um efeito na forma, então não podemos ajustar manualmente a curva do zigue-zague Para fazer isso, vou subir até o objeto, expandir a aparência. E agora você pode ver que isso não é mais um efeito. É assim que a forma é. Então, se eu mudar para a ferramenta de seleção direta, todos esses ziguezagues são criados com pontos no caminho A partir daqui, vou entrar e vamos ampliar. E eu quero tornar esse ponto mais claro. Então, talvez algo parecido. Vou ajustar isso ainda mais para que fique realmente suave. Quando você trabalha com tiras simétricas como essa, pode ser difícil fazer exatamente a mesma coisa nos dois lados Então, o que vou fazer é cortar essa forma ao meio e depois duplicar a metade quando gostar da aparência Então, para cortar a forma ao meio, vou até a ferramenta de tesoura, que você encontrará embaixo da borracha ou o atalho do teclado é C. E depois clicarei nesse ponto e clicarei no ponto nesse E então essa metade que está selecionada, eu vou deletar, então vou clicar em Excluir. Talvez você precise fazer isso duas vezes. E agora só temos a metade. Então, agora eu posso realmente trabalhar para suavizar isso. E então, no topo, vou fazer com que cresça mais para que possa chegar a um belo pico arredondado. Como essa é apenas a metade da folha, preciso ter certeza de que o ponto superior e o ponto inferior estão alinhados. Vou selecionar primeiro o ponto inferior e depois o ponto superior e, em seguida, vou usar as ferramentas de alinhamento para alinhá-los à direita A razão pela qual selecionei primeiro a inferior é porque quero que a inferior se mova para se alinhar na parte superior. Nesse caso, a ordem de seleção é importante. Como o ponto inferior se moveu, não parece muito certo lá embaixo, então vou entrar e ajustar isso um pouco mais. Quando estiver satisfeito com a aparência dessa metade da folha, você pode duplicá-la para criar a outra metade Vou selecionar a folha e, em seguida, manter pressionada a tecla Option ou Alt e , em seguida, arrastar e também posso manter pressionada a tecla Shift para ter certeza de que estou arrastando apenas horizontalmente Isso criará uma duplicata. Então, para inverter isso, vou usar a ferramenta de reflexão, cujo atalho de teclado é O. É essa ferramenta aqui Em seguida, vou clicar e arrastar horizontalmente e manter pressionada tecla Shift para garantir que eu não me acidentalmente Então eu posso simplesmente colocá-lo no lugar certo. E você notará que estou recebendo todas essas guias cor-de-rosa enquanto movo coisas, e isso é porque eu tenho as guias inteligentes ativadas. Se você entrar por baixo, veja os Smart Guides aqui. Verifique se isso está marcado se você quiser esses guias úteis. Para criar a haste, vou desenhar uma linha com a ferramenta Caneta. Se eu passar o mouse aqui onde quero começar a linha, você pode ver aquele pequeno ícone de barra ao lado da Ferramenta Caneta, e isso significa que vou adicionar algo a esse caminho existente, o que eu não quero fazer Eu quero que o caule tenha uma forma separada. Então, vou descer um pouco para ter certeza de que não vejo essa linha de corte Vejo que a pequena estrela significa um novo caminho e, em seguida, clico para criar um ponto, desço e, em seguida, mantenho a tecla Shift pressionada para ter certeza de que essa será uma linha perfeitamente vertical e, em seguida, clico para criar outro ponto. E então eu vou clicar em Return para terminar esse caminho. Vou passar para a ferramenta de seleção direta e, em seguida, pegar esse ponto e movê-lo para onde eu quiser. Em seguida, vamos criar as linhas de veios para a folha. Para fazer isso, vou simplesmente sair da folha e usar a ferramenta caneta novamente. Vou apenas criar algumas linhas angulares de 45 graus. Vou clicar para criar um ponto e, em seguida, manter pressionada tecla Shift e isso o ajusta em incrementos de 45 graus Vou apenas criar uma linha que será um pouco mais longa do que eu preciso. Então eu vou posicionar isso no lugar certo na folha. Vou segurar a opção enquanto arrasto essa linha para duplicá-la. E então, um truque para repetir a última coisa que você fez é pressionar Comando D. Então isso vai duplicar a linha várias vezes E, na verdade, vamos deletar esse último. Agora eu preciso cortar essas linhas. Então, vou mudar para a ferramenta de seleção direta. E se eu pegar um desses pontos, posso manter pressionada a tecla Shift para ter certeza de que estou mantendo um ângulo de 45 graus enquanto arrasto e, em seguida, arrastar até que ela cruze com a linha da folha E vou repetir isso para todas as outras linhas. Agora vamos duplicar as linhas para o outro lado. Então, vou clicar e arrastar para selecionar todas essas linhas, garantir que a forma externa da folha não esteja selecionada e, em seguida, pressionarei a opção ou A e arrastarei para criar uma duplicata, e também pressionarei a tecla Shift para manter o posicionamento vertical E agora eu preciso virar isso. Então, vou usar O, a ferramenta de reflexão, clicar e arrastar novamente para invertê-las e depois voltar para a ferramenta de seleção e movê-las para o lugar certo Então agora eu tenho o esqueleto básico para a primeira folha. Trabalharemos para colorir as folhas em um vídeo posterior. Antes de prosseguirmos, lembre-se salvar seu arquivo do Illustrator Para se manter organizado, eu recomendaria salvá-lo em uma pasta mestre para todos os seus arquivos deste projeto e seguida, em uma pasta do Illustrator 4. Ilustração de folhas de carvalho: Para baixo. Para folhas com formas mais complexas, como essa folha de carvalho, você pode tentar usar a ferramenta caneta para traçar a forma dessa folha, mas vou mostrar uma técnica diferente que gosto de usar que cria cantos perfeitamente arredondados para dar à sua ilustração uma aparência mais geométrica Então, para fazer isso, vou usar a ferramenta Caneta, mas vou criar apenas linhas retas, que também torna essa técnica um pouco mais fácil, especialmente se você for um iniciante com a ferramenta Caneta Então, vou mudar para a pentilha, que é P no teclado, e então vou começar na parte inferior desta folha e vou traçar o lado esquerdo porque gosto de como esse lado fica um pouco melhor Então, vou começar na parte inferior e depois desenhar linhas retas, mas vou estender a linha, além de qualquer curva, para que eu possa arredondar os cantos e fazê-la se Então, se isso não faz muito sentido, enquanto eu faço isso, provavelmente fará mais sentido. Também vou reduzir o peso do traçado só porque é um pouco grande para o tamanho desta foto de referência. Então, estou ultrapassando as curvas, mas tentando me alinhar com a linha entre as curvas o máximo possível, e tudo bem se não for exato, porque sempre podemos voltar e alterá-la porque sempre podemos voltar e alterá-la Então, nesta parte, estou meio quadrando esse pedaço arredondado da folha E a mesma coisa no recuo aqui, estou meio que quadrando E vou repetir isso para o resto da folha. Para o último ponto, estou recebendo este guia que me diz que está alinhado com um ponto na parte inferior e, dessa forma, estou fazendo uma metade perfeita. Mas se o seu não estiver bem alinhado, você sempre pode alinhá-los mais tarde , como mostrei no exemplo da ilustração da última folha. Então, vou clicar para criar esse ponto e seguida, pressionar Return para finalizar esta linha. E então vou usar a ferramenta de seleção direta e ajustar essas linhas para que elas se alinhem mais com a folha. Então, aqui, há uma lacuna, então vou puxar esse canto um pouco para que ele se alinhe melhor com a referência real da folha. O próximo passo é usar o widget de cantos arredondados. Portanto, certificando-se de que você ainda está na ferramenta de seleção direta, se você selecionar qualquer um dos pontos, você deve obter este pequeno ícone de círculo. E se você clicar e arrastar esse ícone, poderá arredondar esse ponto. Então, vou analisar e fazer isso para todos os pontos diferentes. Você pode selecionar vários pontos ao mesmo tempo para obter os dois ícones arredondados ao mesmo tempo, o que é útil em casos como esse, em que eu quero que os dois cantos tenham a mesma quantidade de arredondamento Para esses pontos, estou apenas arredondando completamente para criar um ponto arredondado muito bom, o mesmo para esses recuos Estou arredondando o máximo que me permite criar essa bela forma arredondada Na parte inferior desta folha, quero que essa linha seja curvada para dentro Primeiro, vou pegar esse canto e desfazer o canto redondo e, em seguida, para curvar essa linha, vou realmente usar a ferramenta de ponto de ancoragem Isso será Shift C no teclado. Então, uma vez que você tenha essa ferramenta, você pode pegar qualquer lugar na linha que eu goste de pegar do centro, e você pode simplesmente puxar em qualquer direção para curvar a linha. E então eu vou voltar para a ferramenta de seleção direta, e agora vou virar essa esquina. Uma coisa a ter cuidado é que, se você usar a ferramenta de seleção direta e estiver alterando esses caminhos, a opção de cantos arredondados pode desaparecer se você alterá-la demais. Então, se eu quisesse desfazer isso, mas eu tivesse ajustado essa linha de alguma forma , agora esse widget de canto redondo não aparece Isso é apenas algo que você deve conhecer. Mas se eu desfizer isso, você pode ver que posso clicar novamente nesse ponto e o widget do canto arredondado que está mais próximo desse ponto aparecerá para que eu possa desarredondá-lo, se eu quiser Ou arredondar menos ou algo assim. O próximo passo é duplicar essa metade da folha. Vou selecioná-la com a ferramenta de seleção para obter tudo e, em seguida, vou manter pressionada a opção enquanto arrasta e também desloca, e depois vou virá-la com a ferramenta de reflexão, mantendo pressionada a tecla shift, e depois a movo para o lugar certo Obviamente, esta folha não está seguindo exatamente a referência, mas eu gosto de como ela é perfeitamente simétrica, essas coisas dependem totalmente de você como artista Agora vamos mover isso para a prancheta. Vou selecionar as duas metades da folha e arrastá-la para cima Esse ponto principal, eu realmente não gosto de como chega a um ponto. Eu quero que seja mais arredondado, menos como a referência é meio redonda. Para arredondar esse ponto, preciso unir as duas metades da folha Então, vou passar para a ferramenta de seleção direta e , em seguida, basta clicar e arrastar para selecionar esses dois pontos. Para juntá-los, você pode ir até o caminho do objeto e depois unir, ou o atalho do teclado é Command ou Control J. Agora ele vai combinar os dois pontos, mas ainda há vários pontos muito próximos um do outro Você pode separá-los para verificar se há vários. Portanto, ainda não há um widget de canto redondo que eu possa usar para arredondar os cantos Para corrigir isso, vou me certificar de que tenho esses dois pontos selecionados e, em seguida, preciso fazer a média deles para que fiquem exatamente no mesmo lugar para que eu possa mesclá-los Então, o atalho do teclado para a média será comando de opção e J. E então eu vou fazer tanto vertical quanto E agora deve haver dois pontos aqui, mas exatamente no mesmo lugar. Então, agora, se eu selecionar esses dois pontos, posso ir ao painel Pathfinder e apertar o botão Unite. Então, agora só há um. Se eu clicar e selecionar isso novamente, agora há um widget de canto redondo e, portanto, posso arrastá-lo para arredondar esse canto Vamos criar a haste com a ferramenta Caneta. E depois também algumas veias. Vou usar a ferramenta Caneta novamente e depois passar dessas partes pontiagudas em direção à haste Em seguida, seleciono todas essas linhas e, em seguida, opto e as arrasto para duplicar , depois as inverto com a ferramenta de reflexão e as coloco 5. Ilustração de folha de bordo: Para baixo. Para a folha de plátano, mostrarei algumas técnicas diferentes que você pode usar Antes de começar, vou clicar duas vezes na camada dois aqui no painel de camadas e depois mudar a cor da etiqueta para algo que se destaque um pouco melhor nessa folha vermelha. Então, talvez vamos usar o amarelo. A primeira técnica que vou mostrar é apenas usar a ferramenta caneta. A ferramenta de caneta pode ser um pouco desafiadora. Há uma espécie de curva de aprendizado, mas deixe-me mostrar como eu usaria a ferramenta de caneta para traçar essa folha. Primeiro, clique para criar um ponto e, em seguida, clique novamente para criar outro ponto e mantenha o mouse pressionado e, em seguida, você pode arrastar as alças para criar uma linha curva Então, nesta parte, quero que ela se curve para o outro lado. Então, você pode ver agora que, se eu clicar, ele se curvará na direção errada. Para corrigir isso, vou clicar novamente neste ponto, e isso removerá a curva. Agora eu poderia entrar e criar outro ponto e curvá-lo em qualquer direção que eu quisesse com base na maneira como eu arrasto. Vou criar um ponto como esse e aqui vou clicar e arrastar novamente para criar uma curva. E então aqui eu vou clicar e arrastar para criar uma curva. Em seguida, vou clicar nesse ponto novamente para que a alça de saída não esteja lá e, em seguida, essa linha fique reta, mas eu posso clicar e arrastar para me curvar para dentro Eu vou fazer a mesma coisa novamente. Então, para finalizar, clicarei em Return. A partir daqui, você sempre pode alternar para a ferramenta de seleção direta e ajustar qualquer uma das curvas Você também pode mover os pontos. E você pode empurrá-los com as teclas de seta, se isso ajudar Usar a ferramenta caneta cria uma sensação um pouco mais orgânica. Não é tão perfeito e geométrico quanto as outras técnicas que mostrei nas folhas anteriores Eu trouxe outra folha aqui e vou mostrar uma técnica diferente nesta folha. Desta vez, ainda vou usar a ferramenta caneta, mas vou desenhar linhas retas e depois curvá-las. Vou começar aqui novamente, e acho que vou ignorar essa peça, só para simplificar um pouco. Vou clicar aqui para criar uma linha reta. Então, para esses dois recuos como este aqui e este aqui, vou usar a ferramenta de cantos arredondados para criar um canto perfeitamente arredondado Dessa forma, o estilo se encaixará em todas as minhas folhas. Vou apenas passar por aquela esquina para poder usar ferramenta de cantos arredondados mais tarde para virar a esquina aqui. E então eu vou clicar aqui. E então eu vou conectar esses dois pontos e depois vou pegar essa linha reta e curvá-la. Então a mesma coisa aqui, aqui e aqui. E então, para esse recuo, vou usar a ferramenta de cantos arredondados Então, vou mais longe e, aqui, vou conectar esses pontos e curvar essa linha reta mais tarde e a mesma coisa para isso. Em seguida, clique em Return. corrigir isso e fazer com que pareça do jeito que eu quero, quero mostrar outra coisa que você pode achar útil. Com o caminho selecionado, você pode ir até o objeto, repetir e depois espelhar. Isso criará uma cópia no outro lado para que, quando eu ajuste esse lado, exatamente a mesma coisa aconteça nesse lado. Posso ajudá-lo a ver como ficará sua folha inteira. Agora vamos ajustar essas linhas. Primeiro, vou usar a ferramenta de ponto de ancoragem para criar algumas curvas nas linhas retas O atalho de teclado para essa ferramenta é Shift C, ou você também pode encontrá-lo abaixo da Então, a partir daqui, vou arrastar essas linhas retas para criar uma curva. Você pode ver como isso já o atualiza do outro lado, e então vou deixar esses dois retos e depois puxar esse em uma curva. E depois esse. E então vou usar a ferramenta de cantos arredondados nisso, então vou deixar isso e depois curvar esses cantos. Vou mudar para a ferramenta de seleção direta e depois curvar esses cantos. Há uma razão importante pela qual eu uso a ferramenta de cantos arredondados depois curvar as linhas com a ferramenta de conversão de vértice Isso porque fazer isso nessa ordem preserva a capacidade de edição dos cantos Como fiz isso nessa ordem, ainda tenho a capacidade de mudar de ideia sobre esses cantos arredondados. Mas se eu usasse agora a ferramenta de conversão de vértice e curvasse uma linha próxima a um dos cantos e depois voltasse e tentasse curvar esse canto, você poderia ver que ele quebrou o canto, de modo que o widget de cantos arredondados não seja mais uma opção Não aparece quando eu seleciono perto da esquina. Então, eu ainda poderia ajustar esse canto com essas alças arrastando as alças, mas o widget de canto redondo não é mais uma opção nesse Ainda está aqui porque não estava perto o suficiente para quebrar essa curva. É por isso que eu gosto de fazer isso na ordem da ferramenta de conversão de vértice para curvar qualquer linha reta e, em seguida, do widget de cantos arredondados para arredondar qualquer Ao usar a repetição do espelho, você verá essa barra cinza na parte superior e poderá sair da repetição do espelho clicando nessa barra cinza ou apenas clicando duas vezes em qualquer lugar fora da sua forma. E então, se você quiser voltar à repetição do espelho para editar os dois lados novamente, você pode selecionar sua forma e verá que isso é uma repetição de espelho por causa dessa linha tracejada no meio Em seguida, basta clicar duas vezes no caminho para voltar à repetição do espelho, onde agora você pode editar, e ela deve atualizar os dois lados. Vamos trazer essa folha para o Rbard. Na verdade, vou duplicá-lo apenas para salvar uma cópia, porque acho que vou precisar editá-lo para que pareça que se encaixa no estilo das outras folhas Vou fazer uma pequena limpeza aqui para garantir que todas as folhas tenham aproximadamente o mesmo tamanho Vou dar a todos o mesmo peso de braçada. Ambas as folhas têm um estilo mais geométrico. Eles têm cantos perfeitamente arredondados para cada uma dessas pequenas peças e linhas em ziguezague perfeito E a folha de plátano não combina muito com esse estilo. Então, vou trabalhar nisso para tentar fazer com que combine com esse estilo, fazendo com que pareça um pouco mais uniforme. Como tornar essas peças mais simétricas em comparação com esta Então, para fazer isso, primeiro vou clicar duas vezes na folha de plátano e depois vou desenrolar esses cantos para não quebrá-los poder voltar e ajustá-los E então vou usar a ferramenta de seleção direta para clicar e arrastar esses pontos e ajustar as alças. OK. Você também pode clicar e arrastar vários pontos ao mesmo para movê-los todos ao mesmo tempo. Além disso, com vários pontos selecionados, você pode alternar para outras ferramentas, como as ferramentas de rotação. Então, vou apertar R no teclado e depois posso girá-los um pouco para obter a aparência que estou procurando A última coisa que vou fazer é arredondar esses cantos com o widget de cantos arredondados O último passo é adicionar o caule e as veias. Vou sair do modo espelho para adicionar a haste e depois vou voltar ao modo espelho para poder adicionar as veias dos dois lados ao mesmo tempo. Feito isso, você pode clicar em sair do modo de isolamento. Então, aqui estão as três folhas até agora. 6. Colorir folhas: Neste vídeo, mostrarei como encontrar inspiração para cores e depois colorir suas folhas. Mas primeiro, vamos fazer um pouco de preparação. Vou redimensionar um pouco essas folhas. Depois, vou selecionar todos eles e garantir que todos tenham o mesmo peso do traçado. Também quero deixar os caules mais largos na parte inferior e mais estreitos na parte superior, e vamos fazer com que tenham tampas redondas Vou selecionar todas as hastes e depois escolher a tampa redonda no painel de traços. Então vamos entrar nessa folha de carvalho. E então eu vou usar a ferramenta Stroke Width, que está aqui, ou a palavra-chave horca é Shift W. Então eu vou passar o mouse sobre esse ponto de ancoragem na parte inferior da haste e depois clicar e arrastar para expandir a Depois é só repetir o processo nas outras folhas. Vou dar a cada metade da folha uma cor ligeiramente diferente. Então, para a folha de carvalho, tudo isso tem uma forma, então eu preciso cortá-la em duas metades diferentes Então, para fazer isso, vou ampliar e depois ir até a ferramenta de tesoura ou ver no teclado, e depois cortar neste ponto aqui embaixo, e depois fazer um corte Não adianta, mas vou fazer com que seja cortado bem no meio. E agora eu tenho essa metade selecionada. Se eu clicar duas vezes nisso, vou garantir que eu só consiga selecionar essa metade da folha e, em seguida, vou até a ferramenta Caneta, passo o mouse sobre esse ponto e você verá esse pequeno ícone de barra ao lado da ferramenta Caneta, o que significa que você está adicionando a este ponto ou se conectando a este ponto Então, vou clicar e descer aqui e você deve ver o pequeno círculo, o que significa que você está completando um caminho. Agora essa metade é uma forma completa, e eu vou fazer a mesma coisa do outro lado. Basta clicar aqui. Vou clicar duas vezes nele apenas para ter certeza de que não conecto acidentalmente a haste ou algo assim e, em seguida, vou até a ferramenta de caneta, clico e depois clico em Conectar Para a folha de plátano, usamos uma repetição de espelho para que os dois lados fossem idênticos Para colorí-las com cores ligeiramente diferentes, preciso liberar essa repetição do espelho. Se você selecionar a folha e depois entrar no painel de camadas, verá que ela tem essa repetição de espelho. Então, o que vou fazer é ir até Object Expand. E então o objeto e o preenchimento estão bons e clique em OK. Agora é transformar essa repetição espelhada em um grupo. Vou desagrupá-lo usando o atalho de teclado, que é Shift Command G. Agora há duas repetições de espelho diferentes, então vou desagrupá-las novamente E agora são dois grupos de recortes diferentes. Então, vou clicar com o botão direito do mouse em um dos grupos de recorte e escolher liberar máscara de recorte Então, agora eu tenho essa metade da folha que eu posso selecionar, e então também essa metade da folha que eu posso selecionar. Essas não são formas próximas, o que pode não ser um problema, mas apenas para manter as coisas limpas e limpas, vou clicar duas vezes nela e depois fechar essa forma. Se você observar cuidadosamente o painel de camadas, também haverá esse retângulo invisível, que foi usado na máscara de recorte Não preciso mais disso porque não está fazendo nada e também é simplesmente invisível, então vou excluí-lo para limpar as coisas. Em seguida, passando para a última folha, essas são duas formas abertas diferentes, então vou clicar duas vezes na forma para ter certeza de que só posso selecionar essa forma e depois fechá-la apenas para manter as coisas limpas. Agora que cada folha está configurada, vamos duplicá-las para criar um total de nove folhas Para facilitar o alinhamento das coisas com as ferramentas de alinhamento, vou selecionar cada folha individualmente e agrupá-la com o atalho de teclado Command ou Control G. Se você quiser, certifique-se de que todas elas estejam alinhadas usando o alinhamento inferior ou como quiser Então, com todas essas três folhas selecionadas, vou pressionar o Comando G para agrupar essa linha. Em seguida, pressiono Option ou Alt e arrasto uma cópia e você pode executar Command ou Control D para fazer a mesma coisa novamente. Eles não cabem na prancheta, então vou selecionar tudo e redimensioná-los um pouco e redimensioná-los um Depois, você pode usar as ferramentas de alinhamento para fazer com que o layout das folhas tenha uma boa aparência Por último, vou me certificar de que as linhas estejam desagrupadas. E então eu também vou desagrupar todas as folhas apenas para facilitar a coloração Então, agora cada peça é sua própria coisa separada. Agora vamos colorir as folhas. Se você quiser usar exatamente as mesmas cores que eu, forneci um link abaixo deste vídeo onde você pode acessar minha biblioteca de cores. Depois de clicar no link, você poderá adicionar facilmente essa biblioteca de cores às suas bibliotecas criativas, assim como eu a tenho aqui. Ou você é mais do que bem-vindo a criar sua própria paleta de cores Se você precisar de inspiração, color.adobe.com é uma Há algumas maneiras diferentes de usá-lo. Se você acessar a guia Criar, poderá usar a roda de cores e as regras de harmonia de cores para criar uma paleta de cores personalizada Apenas verifique se você está no modo RGB. A partir daqui, você pode ajustar os controles deslizantes. Depois de gostar da paleta, você pode ir até Salvar em e clicar no botão Mais para criar uma nova biblioteca e, em seguida, clicar em Salvar De volta ao Illustrator, se você acessar o painel da biblioteca, poderá ver sua nova biblioteca aqui Você também pode usar uma foto para criar uma paleta de cores. Então, se você for extrair o tema, você pode soltar uma foto com o dragão e ela pegará as cores da foto. Você também pode mover esses pequenos pontos para encontrar cores diferentes na foto E, novamente, vá até aqui para salvar na sua biblioteca. Outra opção é acessar a guia Explorar e digitar algo como Autumn e, em seguida, encontrar várias opções diferentes que funcionariam muito bem para este projeto. Tudo o que você precisa fazer para salvar uma cor pálida é mouse sobre a imagem e clicar em Biblioteca ADT Você também pode criar uma paleta de cores ou adicioná-la a uma do Illustrator Vou apenas criar alguns quadrados que eu possa usar para colorir, e então você pode colorir aqui ou pode passar por duas amostras ou usar cores da sua biblioteca Então, se você quiser cores semelhantes a essas, você pode ir até o guia de cores e selecionar essa cor e , em seguida, ela fornecerá diferentes tonalidades e tonalidades, ou você pode alterar as regras de cores para obter opções diferentes aqui Se você quiser adicionar uma cor à sua biblioteca, selecione-a e, em seguida, vá até o botão de adição e escolha a cor de preenchimento. Caso você esteja se perguntando por que estou usando bibliotecas para armazenar minhas cores em vez de amostras É porque no Photoshop, as bibliotecas estarão disponíveis automaticamente, então eu posso começar a usar essas cores para texturizar sem precisar fazer nenhuma etapa extra Depois de preparar sua paleta de cores, vamos começar a colorir as folhas Vou selecionar essa metade da folha de carvalho, depois vou trocar o preenchimento e o traçado para que ela realmente tenha um preenchimento e não tenha traçado, e então vou até minha biblioteca e seleciono uma cor. Então, para o outro lado, vou fazer a mesma coisa, mas selecionar um verde mais claro. Então, vou colorir com uma metade um pouco mais escura que a outra, mas fique à vontade para fazer isso da maneira que quiser Além disso, certifique-se de colorir a linha. Então, vou selecionar essa metade e depois desmarcar a folha real Você pode pressionar X para alternar o que está na parte superior, se é preenchimento ou traçado, e então entrar e escolher a cor do traçado. Agora vá e pinte todas as suas folhas. Sinta-se à vontade para alterar a paleta de cores se não gostar do resultado e realmente brincar com isso até conseguir algo de que goste 7. Salvar para o Photoshop: Sim. A última etapa no Illustrator é separar cada pedaço da folha em sua própria camada para que possamos acessar cada peça e texturizá-la no Photoshop Você precisará ter o painel de camadas aberto, então, se você ainda não vê isso, vá até a janela para encontrar esse painel. Primeiro, vou clicar e arrastar sobre cada folha individual e , em seguida, pressionar o Comando G para agrupá-la. Dessa forma, ficará um pouco mais limpo quando estivermos trabalhando com essa pilha gigante de camadas Essa camada 1 tem todas as fotos de referência, mas eu não preciso mais disso, então vou até a lixeira para excluir essa camada Há também algumas outras coisas nas quais eu estava trabalhando e decidi não usar, então vou excluir essas duas também. Então parece que esse pedacinho da folha de plátano não chegou a fazer parte do grupo, então vou arrastá-lo para o grupo em que deveria estar Agora eu tenho um grupo para cada folha, mas quero que todas essas folhas estejam em suas próprias camadas. Dessa forma, o Photoshop as reconhecerá como camadas separadas Para separar esses grupos em camadas, vou selecionar onde diz camada dois, acessar esse menu de três linhas e escolher liberar camadas para lantejoulas Observe que ele renomeou todos esses grupos para as camadas três, quatro, cinco, seis, sete e assim por diante Vou pegar todas essas camadas, selecioná-las e depois arrastá-las para fora da camada dois. Agora eles não estão mais aninhados na camada dois. A camada dois agora está vazia, então eu posso simplesmente excluí-la. Se eu parasse por aqui, o Photoshop importaria cada uma dessas folhas como apenas uma camada cada Não vai ter cada metade da folha como camadas separadas, mas eu preciso acessar cada metade da folha e as linhas da folha separadamente para que eu possa fazer a texturização da maneira que eu quero. Então, se clicarmos em uma das folhas, vamos pegar essa folha de carvalho. Vai ser agrupado, então eu vou desagrupá-lo. Preciso criar camadas ou subcamadas aninhadas para tudo o que eu quero que seja separado Então, vou selecionar onde diz Camada dez. Essa é a camada principal e, em seguida, vou descer até a parte inferior e clicar no botão da nova subcamada Observe como isso tem um nome de camada 12. Agora eu posso pegar as linhas do lado esquerdo e simplesmente arrastá-las para a camada 12, de modo que agora isso represente todas as linhas à esquerda, e eu vou apenas nomear as linhas à esquerda. Em seguida, vamos fazer a mesma coisa para criar uma nova subcamada para todas as linhas à direita Este é o caule, mas preciso ter certeza de que ele tem sua própria subcamada Então, novamente, selecione a camada principal, nova subcamada e, em seguida, arraste a haste para essa camada, e então eu posso renomear essa E a mesma coisa para essas duas metades da folha. Eles não podem ser simplesmente chamados de caminho. Eles precisam ser uma camada real, uma subcamada dentro dessa camada principal Então, vou criar uma subcamada e outra subcamada arrastar as duas metades da folha para dentro e E então vamos nomear a camada principal. Você pode verificar três vezes se fez isso corretamente e se o Photoshop reconhecerá cada uma delas como sua própria camada dentro de um grupo chamado verde folha de carvalho, se tiver essas pequenas alternâncias, para que você possa alternar para baixo e ver cada um dos itens desse subgrupo reconhecerá cada uma delas como sua própria camada dentro de um grupo chamado verde folha de carvalho se tiver essas pequenas alternâncias, para que você possa alternar para baixo e ver cada um dos Portanto, desde que o seu tenha essa aparência, ele deve funcionar quando importado para o Photoshop Isso é muito importante. Caso contrário, talvez você não consiga acessar algumas das camadas. Então, se você está tentando texturizar apenas essa metade da folha, ela pode fluir para essa metade se for tudo um grupo, ou pode ficar no topo das linhas. Portanto, certifique-se de que seja exatamente assim e de que você tenha seguido exatamente meus passos. E depois de fazer isso, tudo o que você precisa fazer é repetir para todas as outras folhas. Sei que é entediante, mas depois de tudo isso, sua pilha de camadas deve ficar assim, e isso fará com que possamos trabalhar com ela possamos trabalhar com ela A partir daqui, vou salvar o arquivo do Illustrator. Mas, para importar isso para o Photoshop, preciso salvá-lo como um arquivo do Photoshop do Para fazer isso, vou para Exportar Arquivo e depois Exportar como. Em seguida, vou entrar na minha pasta do Photoshop. Em seguida, escolha o formato como Photoshop PSD e clique Verifique se o modo de cor está definido como RGB. Então, para a resolução, vou mantê-la em 300 PPI. Dessa forma, obtenho a mais alta qualidade no Photoshop. Também é importante que você tenha as camadas corretas verificadas e a máxima capacidade de edição A partir daqui, vou clicar em OK. Aqui está o arquivo PSD que eu exportei e posso clicar duas vezes para abri-lo no Se você separou todas as camadas corretamente, deverá ter uma pasta para cada folha e, em seguida, dentro de cada pasta, deverá ter camadas separadas para as linhas, o caule e as metades da folha 8. Textura no Photoshop: Agora é hora do que eu acho que é uma das partes mais engraçadas, que é texturizar as folhas no Photoshop A primeira coisa que vou fazer é mudar esse fundo transparente para um fundo branco, apenas por preferência pessoal. Se você quiser fazer isso também, você pode ir ao painel Propriedades e depois ir até Phil e alterá-lo para branco Para criar as texturas, vou usar pincéis. Vou criar uma nova camada apenas para rabiscar e mostrar alguns dos pincéis que vou usar Se você acessar os pincéis aqui , até este botão, poderá alterá-los Vou usar vários pincéis neste pacote de pincéis Kyle Webster Splatter que você pode baixar gratuitamente que Então, deixe-me mostrar como fazer isso. Se você acessar esse ícone de engrenagem, poderá descer para obter mais pincéis e, em seguida, ele abrirá esta página da web e você poderá rolar para baixo Os que estou usando estão neste pacote de respingos. Então, vou clicar em Download. Depois de fazer o download, basicamente, tudo o que você precisa fazer é clicar duas vezes nesse arquivo. Também há instruções na parte inferior desta página se você precisar de mais ajuda. Um dos pincéis que vou usar muito é essa pasta para respingos de WC Aqui está o que parece. Você pode aumentar ou diminuir o tamanho do pincel com as teclas de colchete do teclado Neste pincel, observe que quando eu sobreponho traços, então eu faço vários traços um em cima do outro, as cores começam a ficar mais escuras e isso porque o modo de mesclagem está configurado Você pode alterá-lo para normal aqui se não gostar desse visual. Agora, quando eu uso o pincel e depois faço várias pinceladas umas sobre as outras, as cores nunca mudam Se você quiser salvar o pincel com quaisquer alterações como essa que você fez, para não precisar fazer isso toda vez que usar o pincel, o que você precisa fazer é entrar no pincel, encontrá-lo aqui, apertar o botão de adição e dar um novo nome a ele. Você pode marcar essa caixa se quiser sempre que o pincel comece com o mesmo tamanho em que você está atualmente e com a mesma cor. E depois é só clicar em OK. Eu já fiz essa etapa. Então, esse pincel é o que eu salvei com o modo de mesclagem normal Também o movi para minha pasta de favoritos, o que é uma etapa totalmente opcional se você quiser fazer isso também. Para alterar a cor do seu pincel, tudo o que você precisa fazer é selecionar uma cor diferente no painel da biblioteca. Vamos excluir essa camada e começar a texturizar as folhas. Vou entrar no grupo da primeira folha de carvalho e, acima dessa camada esquerda da folha, vou clicar no botão de adição para adicionar outra camada. Vamos dar um zoom nesta folha. Vou usar essa cor verde mais clara na metade esquerda da folha. Primeiro, vou diminuir o tamanho do pincel. Talvez algo assim. Mas, obviamente, não quero que a textura fique fora da folha. Então, para fazer isso, você pode ir até essa camada onde está adicionando a textura e, em seguida, mantenha pressionada a opção ou A, e você verá esse pequeno ícone para o mouse. E então, se você clicar, ela se transformará em uma máscara de recorte para que essa camada fique visível apenas onde está Agora eu posso entrar e adicionar mais textura. E isso é tudo sobre o que você acha que fica melhor, então divirta-se com isso e fique à vontade para usar pincéis diferentes dos que eu uso Mas uma coisa que eu sugeriria é que se você usasse pincéis diferentes ou tamanhos diferentes de pincel, mesmo eu fosse fazer uma versão muito maior, eu recomendaria adicionar outra camada, criando essa máscara de eu recomendaria adicionar outra camada, recorte para que você possa ter várias máscaras de recorte para a mesma camada e depois fazer isso em uma máscara de recorte separada Porque se você disser que não gosta de uma das texturas que adicionou, é um pouco mais fácil voltar e editar o que você fez Tipo, eu poderia simplesmente deletar essa camada. E então comece de novo. Mas se eu combinasse a textura pequena com a textura grande em uma camada , teria que excluir tudo para começar de novo. Isso só facilita um pouco a edição, se você tiver várias camadas e tiver cada tipo diferente de textura em sua própria camada. Vou criar outra camada, transformá-la em uma máscara de recorte e depois trocar o pincel Então, vamos mudar para esses pincéis de respingos em pontos um. Isso também está no pacote de pincéis anti-respingos. E então eu cliquei e, na verdade fiz alguns pontos aqui, então vou desfazer E então vamos aumentar o pincel. Basta adicionar alguns pequenos pontos aleatórios. E vamos adicionar mais uma camada, transformá-la em uma máscara de recorte, e então eu vou pegar esse sombreador de grãos quatro Com esse pincel, vou adicionar uma sombra um pouco mais escura no lado esquerdo do caule para fazer parecer que a folha tem um pouco mais de três D. Então vou usar a cor verde escura, mas essa é a mesma cor dessa metade da folha Então, vou mudar todo esse modo de mesclagem de camadas aqui para multiplicar E então eu vou usar esse pincel para criar essa sombra. Vou deixá-lo um pouco mais escuro na parte inferior Algo parecido, mas acho que está muito escuro. Então, vou pegar essa camada inteira e alterar a opacidade para 30%. Estou feliz com a aparência do lado esquerdo da folha até agora, então agora vamos adicionar as texturas para a metade direita Então, vou adicionar algumas camadas e, em seguida, clicar para criar essa máscara de recorte e, em seguida, vou usar a cor verde escura, mas vou mudar o pincel para esse pincel mais plano e depois desenhar alguma textura Vamos criar outra camada e pegar um pincel diferente. Isso é um pouco pequeno demais. Então, vou aumentar o pincel. Acho que vou deixar a folha verde assim. Agora é hora de repetir o processo em todas as outras folhas. Divirta-se com isso e fique à vontade para experimentar diferentes pincéis e cores Para as folhas de plátano, decidi contornar as bordas com o pincel WC Splatter Splatter e o chador de grãos como pincel Percebi que nas minhas fotos de folhas de plátano reais, elas meio que começam a mudar de cor do lado de fora, e as nervuras das folhas são as últimas a Então, na folha de plátano laranja, adicionei um pouco de verde por baixo das nervuras e pouco de amarelo no meio para dar uma aparência ainda mais colorida Aqui está o resultado. Uma última coisa que quero corrigir é que, se eu ampliar as folhas de plátano e essas folhas, aqui mesmo, você pode ver que as linhas estão saindo da folha Então, se eu entrar, vamos encontrar essa folha de olmo, vou pegar as linhas e cortá-las na metade da Vou apenas aumentar esse painel para que você possa ver mais camadas, e vou trazer as linhas certas aqui em cima da metade direita da folha. Em seguida, clique com a opção para torná-la uma máscara de recorte, e agora você pode ver que ela foi recortada daquele pequeno canto que estava saindo, e eu farei a mesma coisa à esquerda Então, agora, basta fazer isso em todas as outras folhas. 9. Exportar do Ps e Importar para Ae: De baixo para baixo. Vamos exportar essas folhas para que possamos animá-las no After Effects Você pode importar arquivos inteiros do Photoshop para After Effects e ter acesso a todas as diferentes camadas Qualquer grupo será importado como uma pré-composição. Mas, na verdade, para este projeto, vamos usar um método diferente porque descobri que é muito mais fácil fazer o que estamos tentando fazer. Então, em vez de importar o arquivo PSD para o After Effects, mostrarei como exportar cada folha individualmente como um arquivo PNG e depois importá-las para o After Effects Mas primeiro, precisamos alterar a resolução de 300 PPI para 72 porque o After Effects só funciona com 72, portanto, usar algo como 300 diminuirá a velocidade sem motivo. Gostaria de salvar uma cópia do arquivo Photoshot em 300 PPI caso eu queira voltar e editar algo, ainda tenho a resolução total Vou pressionar Command Shift S para salvar como, e então vou nomear isso para A E e depois clicar em Salvar. Em seguida, vá até Imagem, Tamanho da imagem e altere a resolução para 72. Agora, para exportar todas as folhas como arquivos PNG, vou selecioná-las no painel de camadas, clicar com o botão direito do mouse e escolher exportação rápida como PNG e navegar até onde você deseja salvá-las. Vou criar uma nova pasta chamada PNGs e depois clicar em Abrir O bom desse método é que ele salva cada arquivo como PNG com fundo transparente e corta automaticamente as dimensões do arquivo no tamanho da folha. Agora vamos abrir o After Effects. Vamos criar um novo projeto e depois vou crescer e pegar meus PNGs E depois é só colocá-los no After Effects. Vou selecionar a folha de carvalho verde e depois arrastá-la até este botão aqui para criar uma nova composição com esse PNG dentro. Agora, você pode ver que isso é apenas um arquivo de imagem e não temos acesso a todas as nossas camadas. Normalmente, quando você deseja acessar todas as diferentes camadas que você tinha no Photoshop, é melhor importar o arquivo PSD, não um arquivo de imagem como um PNG Mas para esse projeto específico , será mais fácil usar o PNG. Antes de irmos longe demais, vamos salvar o arquivo do projeto do After Effects. Navegue até onde você deseja salvá-lo e dê um nome a ele e, em seguida, basta clicar em Salvar. 10. Configure a folha para animação: baixo para baixo. Neste vídeo, mostrarei como preparar suas folhas para animação de forma que elas tenham, na verdade, três formas em D caindo O primeiro passo que eu já fiz foi pegar uma folha e arrastá-la até esse novo botão para criar uma nova composição com o PNG dentro. O próximo passo será mascarar a folha para que tenhamos apenas a metade. Com a folha selecionada, vou usar o atalho do teclado para criar uma nova máscara Isso será Command or Control, Shift. Se abrirmos isso, aqui está a máscara E então, se você clicar fora da máscara e voltar para essa máscara de nível superior, poderá selecionar os pontos individuais e ajustá-los. Vou cortar isso para que você possa ver apenas o lado esquerdo da folha, sem incluir o caule. Agora que isso está feito, vou renomear isso. Sei que isso pode parecer um pouco entediante, e já tínhamos todas as camadas no Illustrator e no Photoshop, mas confie em mim, há uma razão pela qual isso economizará seu uma razão pela qual isso economizará Então fique comigo por um segundo. Vou fechar isso e depois duplicá-lo com o Commander Control D. Vamos dar um nome correto e depois entrar e ajustar a máscara Portanto, se você clicar na máscara de nível superior, poderá ajustar os pontos individuais na máscara. Então, vou simplesmente arrastar isso para o outro lado do zero. Em seguida, certifique-se de que o caule esteja cortado. Agora vamos recriar a haste com a ferramenta Caneta. Então, vou clicar para criar um ponto aqui em cima e, em seguida, segurar a tecla Shift para ter certeza que obtenho uma linha perfeitamente reta. Vou clicar aqui para criar outro ponto. Se precisar alterar a cor do traçado, clique aqui e você pode usar o clique aqui e você pode usar conta-gotas para obter uma amostra de uma cor ou digitar o código hexadecimal Eu quero ter certeza de que isso está centralizado. Então, primeiro, preciso ter certeza de que o ponto de ancoragem está centralizado dentro da linha Para fazer isso, vou até a ferramenta Pan Behind e, em seguida, clicar duas vezes enquanto pressiono Command ou Control. Isso centraliza o ponto de ancoragem. E agora vamos centralizar essa linha no centro da composição com a ferramenta de alinhamento Vamos renomear essa haste. E então, no painel de propriedades, você pode colocar letras maiúsculas redondas. Se precisar voltar e ajustar a linha, você pode acessar o conteúdo, formar um e, em seguida, Caminho um. E se você selecionar o caminho um, deverá ser capaz de selecionar os pontos individuais no caminho a serem ajustados. Em seguida, vou entrar no traçado e, em seguida, abaixo do cone, vou definir o comprimento inicial em 100% e, em seguida, aumentar um pouco a largura inicial para 100% e, em seguida, aumentar um pouco a largura inicial não fique tão estreita na Então, talvez algo parecido. E eu preciso ajustar isso para que fique um pouco mais alto. Vamos fechar isso e depois subir para a camada de novo objeto nulo Um nulo é basicamente uma camada invisível que você pode usar para controlar outras camadas Vou apenas renomear esse controlador. Então, vamos transformar todas as nossas camadas três D marcando esta caixa aqui. Quando você está trabalhando com qualquer tipo de três camadas D, existem renderizações diferentes que você pode usar e, basicamente, isso significa apenas que isso altera algumas das propriedades e opções que você tem Então, para ter certeza de que você está usando a mesma renderização, você deve ver esta lista suspensa aqui O seu pode estar configurado para três D classic, mas queremos que seja definido como Avançado três D. E caso você não veja esse menu suspenso, você também pode ir para as configurações de composição e depois ir para a renderização em três D e alterá-la Portanto, certifique-se de usar o Advanced three D e, em seguida, clique em OK. Em seguida, vou selecionar todas as camadas, exceto a nula e, em seguida, pegar esse chicote e arrastá-lo até a camada nula O que isso faz é transformar todas essas camadas em nulo Então, agora, se eu pegasse esse nulo e o movesse, você pode ver que todas as camadas seguem Não vamos usar isso para mover as camadas. Na verdade, vamos usá-lo para girar as camadas. Então, se eu girasse isso no espaço Y, você pode ver que a folha agora tem três D. Mas quando eu giro isso, você pode ver que o caule parece plano, mas um caule tem um pouco mais de dimensionalidade Não é tão plana quanto a própria folha na vida real. Então, vamos fazer com que pareça assim. Eu vou desfazer isso. E então, na haste, vou pressionar R para exibir as propriedades de rotação. Então, na rotação Y, vou pegar essa picareta e arrastá-la até a rotação Y no controle Esses números devem ficar vermelhos, o que significa que estão sendo controlados por uma expressão. Uma expressão é apenas um pequeno código JavaScript que diz à propriedade para fazer alguma coisa. Nesse caso, está dizendo à propriedade que copie a rotação Y do controlador. Mas não queremos que ele copie exatamente a rotação Y do controlador. Queremos que ele faça o oposto disso. Então, o que vou fazer é clicar nessa expressão e , em seguida, colocar a seta para que meu cursor fique no início da expressão e adicione um sinal de menos Então, agora, qualquer que seja a rotação do fio para o controlador, a rotação Y da haste será oposta, ou seja na direção negativa. Agora parece que a haste tem alguma tridimensionalidade, mas, na realidade, ela simplesmente não está girando Vou desfazer só para zerar as coisas. Em seguida, vou entrar em cada metade da folha e, em seguida, abaixo das opções de geometria, vou definir a curvatura para Isso vai dar uma espécie de curva. Então, quando eu o giro em um espaço de três D, ele não fica perfeitamente plano Há uma pequena curva nisso. Também vou aumentar os segmentos para dez, para que pareçam um pouco mais lisos. E então eu vou fazer a mesma coisa na outra metade. Abaixo das opções de material, vou desativar as sombras projetadas, exceto sombras e luzes Você não precisa necessariamente fazer isso se gostar mais da aparência deles. Se você olhar para uma folha na vida real, geralmente a parte de trás tem uma cor um pouco menos brilhante Então, vamos fazer com que nossa folha fique assim para que , quando girar em um espaço de três dias, pareça um pouco mais realista Para configurar isso, vou duplicar a metade direita e esquerda das folhas Então, basta selecioná-los e pressionar o Commander Control D e, em seguida, trazer essas duplicatas para o final Você pode renomeá-los se quiser. Em seguida, vou até efeitos e predefinições e procuro a saturação E então essa saturação de matiz aqui, eu vou arrastar para uma das metades da folha, e então eu vou ajustar esses controles deslizantes Mas eu não vou conseguir ver isso porque está na parte inferior, então vou isolar essa camada para que eu possa ver apenas essa camada. Vou diminuir a saturação e aumentar a luminosidade. Então eu vou fazer esse efeito. Então, selecione na parte superior, onde está escrito Saturação de matiz e pressione Commander Control C para copiar o efeito, e então eu o colarei na outra metade da folha E então eu vou soltá-los. Novamente, não consigo ver a parte de trás da folha porque a parte superior da folha está na frente. E se eu girar isso, ainda não podemos ver a parte de trás da folha Então, o que eu preciso fazer é entrar aqui e pressionar P no teclado para abrir a propriedade de posição, e vou mudar a posição Z para 0,1. Agora você pode ver a parte de trás da folha. E então eu vou girar isso de volta para zero. Definir essas folhas traseiras como 0,1 no espaço Z faz com que elas fiquem um pouco atrás dessas camadas superiores, de modo que agora, quando eu giro o nulo em três espaços D, você pode ver a parte de trás da Para animar essa folha e reutilizá-la várias vezes, essa será uma pré-composição dentro de outra composição dentro de outra Se isso não faz nenhum sentido para você, deixe-me te mostrar. Vou até o painel do projeto e depois criarei uma nova composição. Vamos dar um nome a isso. Eu só vou fazer isso de 1920 por 1080 E vou mudar a cor do fundo para branco e a duração é boa em 10 segundos. Também vou usar uma taxa de quadros de 30 quadros por segundo, mas se você quiser usar outra coisa, tudo bem também. E então clique em Ok. Para animar minha folha de carvalho, vou arrastá-la para essa composição e agora posso animar a posição dessa folha e a rotação Mas agora eu só tenho essa rotação. Não consigo girá-lo em três espaços D. Vamos configurar isso de volta na composição de folhas de carvalho. Para fazer isso, clique com o botão direito do mouse em um espaço vazio na linha do tempo e escolha gráficos abertos e essenciais Isso abrirá esse painel Gráficos Essenciais, e isso permite que você pegue as propriedades aqui de dentro desta composição e as exponha para que, quando a composição estiver em uma composição diferente, você veja essas Então, vou selecionar o controlador e pressionar R para abrir as propriedades de rotação e, em seguida, arrastar essa rotação X e a rotação Y. Agora, se eu voltar para minha composição de folhas que caem, há um novo botão de propriedades essenciais há um novo botão de propriedades essenciais e eu posso abri-lo e então posso girá-lo para que ele gire em três espaços D, nessa girá-lo para que ele gire em três espaços D, e também nessa direção Mas você notará que, à medida que estou girando, ela fica um pouco cortada, então vou voltar para a principal de folhas de carvalho e pressionar Command ou Control K para abrir as configurações da composição Vamos bloquear essa proporção e arrastá-la para que fique um pouco maior. Se você quiser, pode fazer desse um bom número. Apenas certifique-se de ter espaço extra suficiente nas laterais. Agora, quando giramos isso, ele não deveria ser cortado. 11. Configure rapidamente outras folhas: Agora que essa folha de carvalho está pronta, precisamos fazer essa configuração com todas as outras folhas, e é aqui que importar as folhas como arquivos PNG economizará muito tempo Então, vou até a composição da folha de carvalho no painel do projeto, duplicá-la e renomeá-la E então eu vou abrir e selecionar todas essas quatro metades da folha, e então eu vou pegar o arquivo PNG verde-limão, manter pressionada a tecla Option ou Alt e, em seguida, arrastá-lo para essas metades da folha E agora a maior parte do trabalho para montar essa folha de carvalho verde-limão já está concluída. A única coisa que você realmente precisa fazer é clicar na haste e alterar a cor do traço aqui. Você pode simplesmente colocar o conta-gotas na cor correta da própria folha Então, se eu voltar para a composição das folhas que caem e arrastar a nova folha, tudo já está configurado ; portanto, se eu entrar nas propriedades essenciais, já posso girá-la em três espaços D. Você pode simplesmente repetir esse processo para configurar a folha de carvalho amarelo. Você também pode usar a folha de carvalho já configurada como ponto de partida para configurar a folha ponto de partida para configurar plátano e a folha de olmo . Deixe-me fazer isso. Vou duplicar isso novamente, renomeá-lo. Vamos abrir isso e, na verdade, podemos fechar gráficos essenciais. Em seguida, selecionarei essas quatro metades da folha e arrastarei a folha de plátano, mantendo pressionada a tecla Option ou Como essa folha tem um formato totalmente diferente, precisaremos ajustar mais algumas coisas . precisaremos ajustar mais algumas coisas . Primeiro, vou entrar nas configurações de composição, que são Command ou Control K, e depois ajustar a largura. Também vamos ajustar a haste. Portanto, se você alternar para baixo, abrir o conteúdo, dar forma a um e clicar onde diz caminho um, poderá selecionar os pontos individuais no caminho e arrastá-los para movê-los Se quiser, você pode arrastar uma folha de plátano, a versão PNG para usar como referência Então, para essa haste, ela é um pouco longa, então agora eu posso apenas ajustá-la. Vou simplesmente deletar essa referência. Em seguida, preciso ir até o máximo e apenas ajustar para que não haja nenhuma lacuna aqui. E agora preciso ajustar um pouco mais o SEM. E também ajuste a cor do caule. Ajustei a máscara para a metade superior da folha, mas não para a metade inferior da folha. Então, o que vou fazer é abrir as metades superiores e depois abrir a metade traseira correspondente e seguir esse caminho de máscara na parte de trás e colocá-la na parte superior Dessa forma, será exatamente o mesmo caminho. Então você pode ver como isso foi atualizado até onde acabei de fazer esse ajuste. E, na verdade, parece que esse caminho que eu tenho no topo vai cortar parte da folha, então eu preciso reduzir isso um pouco. Mas agora que a metade de trás da folha está voltada para a metade superior, não preciso me preocupar em ajustá-la Sempre será atualizado quando este for atualizado. Então, vamos fazer a mesma coisa do outro lado. Vou fazer mais alguns ajustes para que haja um pouco mais de variação nas minhas folhas. Se eu girar essa folha na direção Y, você pode ver como ela parece que está se curvando para fora do caule e depois meio que Mas eu vi algumas folhas de plátano na vida real e, muitas vezes, parece que elas meio que começam a se curvar Então, vamos tentar fazer com que a folha fique assim. vou desligar as metades traseiras da enquanto, vou desligar as metades traseiras da folha para que elas não atrapalhem E então vamos para o lado direito, abrir as opções de geometria e, em seguida, alterar essa curvatura de menos 50 para um número positivo que ela se curve na outra E então eu vou fazer a mesma coisa do outro lado. Eu posso fazer com que pareça ainda mais curvilíneo também transformando e ajustando a rotação Y. E então, do outro lado, isso precisará estar na direção negativa para se curvar. Outra coisa opcional que você pode fazer é adicionar um pouco de animação à própria folha. Então, ainda não estamos animando a queda, mas apenas animando um pouco a folha balançando ao vento para que, quando a animarmos caindo, pareça Então, para fazer isso, vou até a propriedade de rotação Y e, a partir daqui, manter pressionada a tecla Option ou Alt e clicar neste cronômetro aqui E vamos escrever uma expressão muito simples que fornece uma animação aleatória de oscilação Então, vou escrever wiggle e , se ele adivinhar o que você quer dizer, você pode pressionar Enter E então, dentro desses parênteses, a expressão quer saber a frequência com que queremos que esse valor de rotação se mexa Então eu vou fazer 0,5, então 0,5 segundos, e depois uma vírgula, e então vamos fazer dez graus. Então, vai ficar mais ou menos dez graus a partir desse valor que eu defini aqui em 15 Em seguida, basta clicar para sair da escrita da expressão. Então, aqui está o que parece. Você pode simplesmente copiar e colar a expressão na rotação Y da folha esquerda. Então, opte-a, clique neste cronômetro e, em seguida, pressione o Comando B para colar Também podemos adicionar uma expressão de oscilação à curvatura. Então, vou excluí-la, clicar no cronômetro. Eu poderia simplesmente colar essa expressão novamente, e talvez vamos tentar aumentar a quantidade de curvas Então, vamos fazer 25 e, em seguida, copiarei isso e colarei no lado esquerdo. Então, aqui está o que parece. Sinta-se à vontade para ajustar isso para que fique bem para você, e eu vou girá-lo de volta Em seguida, precisamos atualizar as metades traseiras da folha. Na verdade, vou excluir essas duas metades traseiras e selecionar as duas metades frontais Vá até Editar e depois copie com links de propriedades. Em seguida, pressione Command V para colar Vamos movê-lo para trás e depois colocá-lo no controle, que deve centralizá-lo. Então, o que isso fez foi duplicar essa folha, mas todas as propriedades dessa folha, incluindo a máscara e a propriedade de rotação às quais adicionamos a expressão, estão todas relacionadas à folha esquerda, a superior É por isso que você vê todos esses números vermelhos porque todas essas propriedades estão relacionadas à folha esquerda Agora vou entrar em uma das minhas outras folhas que já está configurada e pegar uma das folhas traseiras, ir até o painel de controles do efeito e, ir até o painel de controles do efeito e seguida, pegar esse efeito de saturação de matiz, copiá-lo e depois voltar para minha Selecione as metades posteriores da folha e cole-as. Portanto, lembre-se de que esse foi o efeito que faz com que a metade de trás não seja tão vibrante quanto a metade frontal da folha. Há mais uma coisa a ser configurada ajustar a posição da metade posterior da folha que, quando a folha for girada, ela possa realmente ser vista Então, vou pressionar P no teclado para abrir a propriedade de posição. E então eu preciso digitar 0.1, mas há uma expressão sobre isso, então ele realmente não me permite digitar um valor diferente porque ele já está associado a esta folha, então está meio que substituindo-o Então, vou excluí-la, clicar no cronômetro para me livrar dessas expressões E agora você pode ver que meu 0.1 está realmente funcionando. Está lá. Então, se girarmos isso, você pode ver que a metade posterior da folha tem uma cor mais clara e menos saturada, que é exatamente o efeito que estamos buscando Agora você deve ter tudo o que precisa saber para duplicar essa folha de plátano criar as outras folhas de plátano, assim como fizemos com as E você deve até mesmo ser capaz de montar as folhas de olmo. 12. Anime folhas caindo: Vamos animar nossas folhas caindo. Eu organizei um pouco o painel do meu projeto, então fique à vontade para fazer isso também com o novo botão de pasta aqui embaixo. E então eu criei uma nova composição chamada Falling Leaves, e é de 1920 a 1920, e eu estou usando uma taxa de quadros de 30 quadros por segundo Você não precisa necessariamente usar as mesmas configurações que eu se tiver um motivo para fazer o contrário. O primeiro passo será arrastar uma folha. Vou começar redimensionando isso em 50%. E então vamos animar a propriedade de posição. Quero que a folha comece fora da tela. Então, vou definir um quadro-chave e, em seguida, avançar cerca de 3 segundos e arrastar a posição totalmente para baixo para que fique fora da tela na parte inferior E então eu não quero que caia direto para baixo. Então, vamos adicionar mais alguns quadros-chave para torná-lo em zigue-zague E agora, esses são ziguezagues muito irregulares, então vou até a ferramenta de caneta, clicar e segurar e pegar a ferramenta de conversão de vértice E então, se você clicar nos quadros-chave, ele adicionará essas alças, se você ainda não as tiver. Assim, você pode ajustar essas alças para ajustar o caminho do movimento. Então, no momento, isso não parece muito realista. Portanto, há algumas coisas que precisamos mudar. Primeiro, vamos girar a folha para que ela caia com o caule para cima. Então, eu vou girar isso 180 graus. E então não está realmente seguindo o caminho do movimento. Então, eu poderia animar a rotação com quadros-chave, ou uma maneira mais fácil de fazer isso, neste caso, seria clicar com o botão direito do mouse na camada, ir para transformar e, em seguida, orientar automaticamente Em seguida, escolha a orientação ao longo caminho que possa mudar a direção da folha Então, vamos mudar para o que queremos, algo assim. E agora você pode ver que a folha seguirá esse caminho de movimento. Então, isso parece muito melhor. Mas isso ainda não parece muito realista porque os quadros-chave são lineares e não é assim que uma folha se moveria na vida real Eu adiciono no meio dois quadros-chave apenas para marcar pontos no caminho do movimento, que a esquerda fique de um lado para Mas não quero que esses quadros-chave afetem a velocidade geral da folha Eles estão lá apenas para dizer à folha que vá de um lado para o outro, para manter essa posição. Então, o que vou fazer é selecionar esses dois quadros-chave no meio E se você tiver mais quadros-chave no meio, selecione todos os quadros-chave que não sejam o primeiro e o último quadro-chave e, em seguida clique com o botão direito do mouse e vá para Rove Isso vai converter os quadros-chave nesses pequenos pontos E, basicamente, isso significa que quando você ajusta a atenuação no primeiro e no último quadro-chave, esses quadros-chave que percorrem o tempo no meio não afetarão a velocidade da animação Se você quiser mais detalhes sobre o gráfico de velocidade ajuste das curvas de movimento tempo de ovcroft e todo esse tipo de coisa , confira minha aula de movimentos suaves, porque eu me dedico mais detalhadamente a E essa é uma habilidade fundamental para criar movimentos e efeitos posteriores realistas. Então, definitivamente recomendo que, se você quiser aprender After Effects, se você leva isso a sério, essa aula é importante. Com isso dito, vamos ver como ajustar o gráfico com essa animação específica. Então, vou selecionar o primeiro e o último quadros-chave e apenas adicionar EZ Es a eles. Isso adiciona as alças que você pode ajustar no editor gráfico. Assim, você pode clicar com o botão direito do mouse, acessar o Keyframe Assistant e depois EZ Es ou usar o atalho de teclado, que é F nove Agora, com o quadro-chave ainda selecionado, vou entrar no editor gráfico e você pode ver que esse é o gráfico de velocidade Então, está começando devagar. A velocidade está aumentando. Vai ser mais rápido no meio e depois desacelerar no final Mas não é assim que uma folha se moveria na vida real. Então, vamos ajustar isso. Observe também que, se você não estiver vendo o gráfico de velocidade, se estiver vendo um gráfico mais parecido com esse, basta clicar neste botão aqui. Este é o gráfico de valores e, se você for aqui, poderá alternar para o gráfico de velocidade. E você também pode ver esses pequenos pontos aqui estão os quadros-chave do RovCrosst Então, eu quero que minha folha comece com velocidade zero, estamos fingindo que ela estava presa a uma árvore e depois começou a cair Então, quando começar a cair, ele acelerará em direção ao solo porque a gravidade o está puxando para baixo. Mas à medida que a velocidade aumenta, a resistência do ar também aumenta. Portanto, o gráfico de velocidade deve começar a se estabilizar. E então minha folha vai sair completamente da tela para que você nunca a veja cair no chão. Mas se atingisse o solo, a velocidade cairia repentinamente para zero. Então, para criar o tipo de gráfico que começa com uma aceleração e depois se estabiliza, vou pegar esse quadro-chave e arrastá-lo para cima, mantendo pressionada a tecla Shift apenas para ter certeza de que não movo o tempo desse quadro-chave Então, vou mover isso para cima e, em seguida, vamos até mesmo arrastar essas alças para que a aceleração no início seja rápida e depois comece a se estabilizar. Então, talvez algo parecido. E você pode ver, quando eu arrasto as alças, que o percurso pelos quadros-chave de tempo simplesmente segue esse gráfico Então, vamos ver como isso se parece. Isso parece muito melhor do que antes. Tecnicamente, conforme a orientação das folhas muda, a velocidade muda um pouco porque a resistência do ar ou o arrasto na folha mudam Você pode ajustar ainda mais o editor gráfico para adicionar esses detalhes, mas eu tentei isso e não acho que tenha feito uma diferença perceptível, especialmente quando havia várias folhas caindo. Então eu diria: vamos economizar algum tempo e não nos preocupar com isso. Em seguida, vou clicar fora do editor gráfico e rotacionar a folha Então, vou abrir as propriedades essenciais e animar a rotação Y. Então, talvez no início, eu defina um quadro-chave para que a rotação Y seja zero E então vamos fazer com que ele gire totalmente para baixo. Então, talvez eu defina isso como um. Vamos adicionar o Easy Ease para suavizar essa animação. Você também pode animar a rotação X. E se você fizer isso, na verdade parece esta folha está sendo cortada e, se você tiver o mesmo problema, basta clicar duas vezes na composição e pressionar Command ou Control K para acessar as configurações da composição e aumentar a largura ou a altura ou ambas da composição. Na verdade, vou colocar isso de volta em zero. Outra opção é animar a rotação aqui, para que ela seja girada dessa Eu quero ter um monte de folhas diferentes caindo com muita variedade. Então, vou deixar essa folha como está e, em seguida, para outras folhas, vou girá-las com essa rotação e a rotação X. Então, eu vou encerrar isso. Uma coisa que eu gosto de fazer para economizar tempo é duplicar essa composição existente com o controle D do Commander e, em seguida, arrastar uma opção diferente de segurar a folha até a composição selecionada, e agora ela a substituirá por E agora vamos entrar na propriedade de posição. E se eu selecionar a posição inteira dessa forma, para que todos os quadros-chave sejam selecionados, posso simplesmente arrastar essa posição e, em seguida, posso ir até cada ponto individual e ajustá-la para que haja mais variação Eu também poderia entrar e animar a rotação. Então, vou definir um quadro-chave, vamos girá-lo em 180 graus Isso parece muito bom. Então, vamos adicionar EZ Es a eles para suavizar a animação. Eu também poderia escalonar essa camada para que ela não fique alinhada com a folha de carvalho Vamos trazer outra folha. Vou apenas duplicar a folha de carvalho novamente. Qualquer folha pode ser duplicada e, em seguida, arrasto a folha de palmeira verde. Vamos para a posição, mova isso para o outro lado. Vamos ajustar os quadros-chave de posição. Também vamos animar a rotação X. E na Easy Ease. E eu posso até mesmo fazer uma rotação nessa rotação aqui. E vamos escalonar essas camadas para que não caiam todas ao mesmo tempo Então, minha abordagem para criar várias folhas diferentes é continuar duplicando as composições, arrastando folhas diferentes sobre elas para trocar as folhas e, em seguida, ajustar os quadros-chave de posição e rotação aleatoriamente para criar várias variações aleatórias diferentes e brincar com isso para ver o que parece bom isso para ver Depois de ter variações suficientes de folhas caindo com posições e quadros-chave de rotação diferentes, você pode começar a reutilizar exatamente as mesmas folhas em momentos diferentes na linha do tempo, e ninguém realmente notará Depois de obter mais folhas em sua linha do tempo, After Effects provavelmente levará mais tempo para visualizar sua animação novamente Portanto, você pode diminuir a resolução para torná-la um pouco mais rápida aqui. Outra coisa que você pode fazer para adicionar variação às folhas é alterar a escala, e vou mostrar um truque que você não precise entrar em cada folha individualmente e alterar o número da escala. Então, em vez de fazer isso, vou usar uma expressão. Então, vou selecionar ou clicar no cronômetro para ver a propriedade de escala de uma das folhas Não importa qual, e então eu vou escrever uma expressão. Então, a expressão será aleatória. E, em seguida, entre parênteses, você pode definir um intervalo. Então, como a escala já é de 50%, eu quero que esteja talvez entre 40% e 60%. Agora, se eu clicar fora disso, vou receber um erro, porque a escala tem dois valores diferentes, X e Y, mas eu só dei a ela um número aleatório. Então, para corrigir isso, o que precisamos fazer é voltar para a expressão e adicionar uma variável. Então S é igual, e então esse será o número aleatório e, em seguida, coloque um ponto e vírgula no final da linha e defina entre colchetes as duas propriedades Então, X e Y serão S e, em seguida, clicarão. Agora, ele escolheu um número aleatório na minha faixa de 52, mas vou fazer esta folha e mostrar o que isso faz. escala muda a cada quadro, o que também não é o que queremos. Então, para corrigir isso, precisamos congelá-lo. Há algumas maneiras diferentes de fazer isso, mas vou usar sementes aleatórias. Então, vou adicionar sementes aleatórias. E então, entre parênteses, ele quer um número. Então esse é o número da semente. Então você pode realmente escolher qualquer coisa. Então, vou colocar um. E então a segunda coisa que precisa estar parênteses é verdadeira Verdade significa que ele escolherá apenas um número aleatório, que é exatamente o que queremos. Não queremos que isso mude em cada quadro. E então, tecnicamente, você deve ter um ponto e vírgula no final desta linha E agora, se eu clicar, ele escolhe um número aleatório e, quando eu jogo, ele mantém o mesmo número aleatório o tempo todo. Então, podemos copiar essa expressão em todas as outras camadas. Para fazer isso, clique com o botão direito do mouse, vá para Copiar Expressão somente e, em seguida, selecione todas as outras camadas e pressione Command ou Control V para colar. Você já pode ver como isso dá a cada folha uma escala diferente. 13. Anime a folha com efeito drifting: Outra forma de animar as folhas é fazer com que pareçam estar flutuando Então, deixe-me mostrar como fazer isso nesta folha de carvalho. Eu já o adicionei a um novo pente e o escalei em 50%. Vamos animar a propriedade de posição. Então, vou fazer com que comece fora da tela. E então, a cada, tipo, 1 segundo, 20 quadros, eu vou colocá-lo em ziguezague E então terminará fora da tela. Obviamente, esse caminho de movimento não será o que queremos. Então, vamos adicionar alças para que possamos curvar o caminho. Então vá até a ferramenta de caneta, clique e segure e pegue a ferramenta de conversão de vértice E então você pode clicar nesses pontos, os quadros-chave para adicionar alças Em seguida, basta arrastar as alças para criar um caminho de movimento mais realista. Preciso derrubar essa alça, mas se eu fizer isso, ela fica presa na outra alça e bagunça essa parte do caminho Então, para quebrar essas alças, mantenha pressionada a opção ou Alt e arraste a alça. Em seguida, ele desbloqueará as duas alças para que você possa arrastá-las como quiser. Agora, vamos girar a folha. Então, aqui em cima, vou fazer com que comece de acordo com o caminho do movimento e vou definir um quadro-chave. E então vamos ver todo o quadro-chave, então eu vou bater em você, e então vou até onde muda de posição aqui, e vou me certificar de que está um pouco melhor alinhado, e então farei a mesma coisa todos os outros quadros-chave Vamos garantir que ele comece totalmente fora da tela. Obviamente, precisamos ajustar os quadros-chave porque isso não parece certo Então, vou selecionar todos os quadros-chave e adicionar Es Es e, em seguida, entrar no editor gráfico e selecionar todos os quadros-chave E então vou arrastar as alças para tornar esse gráfico um pouco mais extremo. Então, vamos ver como isso se parece. Isso parece decente. Vou clicar em sair do editor gráfico. Agora vamos girar isso em três espaços D. Vou fechar isso e abri-lo para encontrar as propriedades essenciais e vamos estruturar a rotação Y. Então, no início, talvez eu mova isso para que eu possa ver. Começaremos a folha, talvez algo assim, e eu definirei um quadro-chave Na verdade, vamos mover isso para o início da linha do tempo. Então, quando chegar aqui, talvez vamos girá-lo para que fique achatado Talvez quando ele viaja daqui para cá, eu faça um loop completo. Ou talvez façamos quase um loop completo. Então, algo assim, e talvez faça outro loop para esse segmento. Então vamos fazer com que ele gire totalmente para trás assim . Vou mover isso. Eu apenas coloquei lá para que eu possa ver. Então, vamos facilitar esses quadros-chave para suavizar essa animação. Vamos ver o que isso parece. Acho que parece muito bom, mas o movimento é um pouco extremo entre as partes rápidas e lentas. Então, vou selecionar todos os quadros-chave e pressionar EZ Es novamente para redefini-los, depois vou para o editor gráfico e seleciono novamente o quadro-chave para poder ver essas alças e, em seguida, arrasto as alças para tornar o gráfico EZ Es um pouco mais extremo do que EZs, mas não com um pico tão extremo quanto Então, vamos experimentar isso. Acho que parece melhor. Vou pegar esse ponto e reduzi-lo um pouco. E sinta-se à vontade para ajustar isso o quanto achar necessário. Eu já animei esse, então, na primeira vez, definitivamente demorei mais. Mais uma coisa que podemos adicionar é uma curva para que a folha pareça um pouco mais realista. Então, vou até os efeitos e predefinições e procuro o CC bend it e, em seguida, arraste-o para a folha Se isso cortar sua folha, tudo bem. O que precisamos fazer é ajustar os valores inicial e final, que são esses pequenos controladores na folha para que nada seja cortado Então, geralmente, se você os estender até a borda da camada ou um pouco além, isso funciona bem. Então, se eu ajustar essa quantidade de dobra, você pode ver como isso afeta a folha. E se você for longe demais, obviamente, ele será cortado, mas na verdade não precisamos ir tão longe. Então, talvez neste momento, eu o faça dobrar algo assim. E vamos definir um quadro-chave aqui. Então, vou definir o quadro-chave aqui e, se você pressionar U no teclado, ele exibirá todas as propriedades com quadros-chave E então vamos seguir em frente, e talvez por aqui, ele precise se curvar na outra direção. Então, algo parecido. E então, neste ponto, vamos dobrá-lo de volta para zero. E vamos adicionar Ess a esses quadros-chave. Então é assim que ele anima uma folha flutuando. Sinta-se à vontade para aplicar isso nas outras folhas também. 14. O que vem a seguir?: Para baixo. Quando estiver pronto para renderizar sua animação, certifique-se de que ela esteja aberta na linha do tempo ou selecione-a ou selecione várias no painel do projeto, depois vá até a composição e adicione ao Render Q. As configurações padrão exportam um arquivo MP quatro, que geralmente é bom para a maioria das coisas Se você quiser alterar o tipo de arquivo que ele exporta, clique neste texto azul e você pode alterar as configurações aqui. Em seguida, clique no texto azul ao lado de Saída dois para escolher onde você salvará esse arquivo e, em seguida, basta clicar em Renderizar. Se você quiser renderizar sua animação como um arquivo de presente em vez de um vídeo, confira este tutorial, no link abaixo. Se você quiser aprender como fazer sua animação de folhas caindo funcionar sem problemas, confira minhas cenas animadas em loop na minha aula . Se você tirou alguma coisa dessa aula, eu realmente agradeceria se você deixasse um comentário. Obrigada. Para continuar aprendendo, clique no meu nome ao lado deste vídeo para conferir as outras aulas que estou ministrando. E certifique-se de me seguir no Skillshare, Instagram e YouTube e inscreva-se meu boletim informativo por e-mail para saber quando eu tenho uma nova aula para Muito obrigado por estar aqui. Até a próxima vez. Feliz animação.