Anime adesivos de texto ilustrados usando o Procreate e o Adobe After Effects | Kay Leathers | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Anime adesivos de texto ilustrados usando o Procreate e o Adobe After Effects

teacher avatar Kay Leathers, Illustrator/Designer for Motion Graphics

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

      2:33

    • 2.

      PROJETO

      1:20

    • 3.

      Esboça seu texto

      11:33

    • 4.

      Colore seu texto

      15:07

    • 5.

      Exportação e importação

      6:53

    • 6.

      Instalando ferramentas de movimento

      6:34

    • 7.

      Posição de animação

      14:18

    • 8.

      Escala de animação

      11:40

    • 9.

      Cor de animação

      14:11

    • 10.

      Exportar e fazer upload

      10:51

    • 11.

      Faça-os pesquisáveis

      6:58

    • 12.

      Bem feito!

      1:21

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

103

Estudantes

2

Projetos

Sobre este curso

Quer criar adesivos de texto incríveis para compartilhar nas suas redes sociais? Quer aprender técnicas simples para fazer e animá-las?

Você está no lugar certo! Neste curso, você aprenderá como transformar suas ilustrações desenhadas à mão em adesivos emocionantes para carregar e usar no Instagram!

Neste curso, você aprenderá:

  • Como decidir sobre quais adesivos criar
  • Técnicas para esboçar e colorir ilustrações baseadas em texto
  • Como fazer upload e preparar seus arquivos de ilustração prontos para animação 
  • Passo a passo como usar o Adobe After Effects e o plug-in Motion Tools Pro para adicionar movimento fofo e divertido às suas ilustrações
  • Como exportá-los como GIF, criar uma conta GIPHY e disponibilizar seus adesivos online! 

Você vai criar:

  • Um GIF e adesivo da sua nova ilustração animada para compartilhar com o mundo!

Este curso é para ilustradores que querem criar adesivos animados simples e GIFs, que estão apenas começando na animação. 

O que você precisa: 

  • Uma maneira de desenhar - vou usar o procreate, mas o Adobe Photoshop ou o Adobe Illustrator também funcionam! Você também pode começar com caneta e papel se preferir e depois passar para o digital. 
  • Você também é mais do que bem-vindo para usar meus arquivos se não tiver tempo para desenhar os seus. Estão disponíveis para download na pasta “RECURSOS”.
  • Adobe After Effects para fazer a animação. 

Depois de criar sua conta de artista no GIPHY, não se esqueça de compartilhar suas tags comigo em seu projeto - farei um grande esforço para publicá-las em minhas histórias e fazê-las serem vistas! 

Então, se estiver tudo pronto, vamos começar!

Conheça seu professor

Teacher Profile Image

Kay Leathers

Illustrator/Designer for Motion Graphics

Top Teacher

 

Hi there!

My name is Kay and I’m a London-based Illustrator and Designer for Motion. I find inspiration in oddities, individuality and humour.  I can’t help myself when it comes to drawing cute, sometimes irreverent but always lovable characters!

I work a lot on animations, which I love, working closely with creative teams and animators to brainstorm concepts, create storyboards and build assets and characters ready for animation.

 

 

Courses:

It's here! New course out now!

Animate Illustrated Text Stickers using Procreate and Adobe After Effects

Create awesome animated stickers from your illustrations - An easy-to-follow guide to illustrating text stickers in Procreate, taking ... Visualizar o perfil completo

Level: All Levels

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: Você gostaria de saber como animar suas ilustrações de texto Crie alguns adesivos de bunty para usar em suas histórias. O que você diria sobre aprender três técnicas fáceis de fazer isso. Olá, meu nome é Kay Leathers e sou designer e ilustradora de Trabalho há mais de seis anos como designer. Trabalhei em tudo, desde livros infantis a vídeos e animações , mais recentemente. Tenho trabalhado muito em marketing de mídia social com algumas marcas. E esses adesivos são essenciais se você quiser engajar as pessoas com sua marca, especialmente ao compartilhar conteúdo generativo para o usuário Aprender essas técnicas simples de animação foi muito útil para mim. Não só para adicionar outra corda ao meu laço de ilustração, mas também para me dar mais força ao inscrever em projetos de ilustração. Muitos clientes querem experiência em animação agora. E eles são particularmente úteis para marketing de mídia social , se não for para outros clientes. Também é uma forma super fofa de anunciar sua própria marca. Estou sempre feliz em compartilhar essas habilidades. Como eu sei, não é fácil entrar no mundo da animação E adoro compartilhar meu conhecimento para que você possa ter uma viagem fácil, em vez da montanha-russa de frustrações que tive Eu recomendo este curso para quem quiser algumas dicas simples sobre como animar suas ilustrações Vou te mostrar três maneiras incríveis e fáceis de animar seu texto em questão de minutos. Eu também vou passo a passo. Então, se você é um profissional experiente ou apenas um iniciante ou é bem-vindo nesta aula, usarei o procreate para criar Que você pode usar o Adobe Photoshop, Illustrator ou simplesmente papel e caneta Em segundo lugar, você precisará do Adobe After Effects para animar seu texto Nesta aula, vou mostrar como escolho um design. Compartilhe alguns truques que usei para ilustrar um texto Leve isso para o After Effects, onde usarei três técnicas diferentes para animar três adesivos de texto diferentes que você deseja Você pode criar apenas um no qual você pode experimentar para encontrar sua forma favorita de animar. Meus arquivos também estão nos recursos, se você precisar deles. No final da aula, você aprenderá três maneiras diferentes, talvez mais, animar texto e um design final, que você pode enviar aqui mesmo para a galeria do projeto Eu recomendo que você mostre suas novas habilidades em seu próprio portfólio. E vou até mostrar como colocar seu design nas histórias do Instagram. Se você está pronto e ansioso para começar, vamos começar. 2. PROJETO: Para este projeto de classe, você poderá escolher entre as três técnicas de animação diferentes. Aplicando uma à sua ilustração, exporte-a como Jeff e carregue-a aqui na galeria do projeto Dessa forma, poderei ver suas novas habilidades de animação e oferecer conselhos ou dicas exclusivamente adaptados ao seu trabalho Depois de acompanhar a aula, basta escolher uma técnica de animação mostrada na aula para aplicar à sua ilustração de texto. Aplique e exporte a ilustração como uma. Mostrarei como fazer isso na lição de exportação. Faça o upload aqui na galeria de projetos para ver o projeto da turma. Publicar seu próprio projeto pode ajudar outras pessoas a fazer o mesmo. Peça ajuda e , por fim, melhore nossa comunidade de compartilhamento de habilidades aqui em um ciclo de feedback e aprimoramento Também me ajuda a avaliar o quão útil a aula tem sido para você Lembre-se de publicar seu projeto o mais rápido possível. Se você está particularmente interessado em compartilhar, eu adoraria ver seu processo também. Portanto, sinta-se à vontade para enviar suas fotos e esboços de ilustração aqui A primeira coisa que você precisa para começar é sua ferramenta de desenho, aplicativo de desenho ou bloco de desenho Então, vamos pegá-los agora e nos vemos em nossa primeira aula. 3. Esboça seu texto: Nesta lição, veremos esboçar nossos designs de adesivos Este será o esboço do nosso guia para refinamento posterior Então, eu quero que você se sinta bem em escrever algo. Como primeiro design, você pode usar qualquer método com o qual se sinta confortável Seja papel e caneta antes de se tornar digital, ou se você for mais uma pessoa, use Gosto de usar o procreate porque é muito flexível, rápido e salva em um arquivo PSD, que é muito bom para Mais tarde eu vou te mostrar como eu trabalho lá. Sinta-se à vontade para acompanhar qualquer método que você escolher. Agora vou fazer adesivos baseados em texto. Eu recomendo que você me acompanhe. E darei muitas dicas e sugestões para ilustrar texto, especificamente usando diretrizes e camadas Gosto de entregar esta parte gratuitamente, mas sinta-se à vontade para usar referências sobre aparência que você deseja que suas cartas tenham, se quiser Antes de decidirmos o que desenhar, vamos configurar nossa tela. Para criar nossa tela, vamos clicar no símbolo de adição aqui. Agora vamos criar um novo modelo de dimensionamento. Vamos adicioná-lo lá para as dimensões. Vamos analisar as diretrizes da Jiffy. Eventualmente, vamos configurar nossos presentes em GIF para entrar no Instagram Precisamos seguir suas diretrizes ao fazer isso. Agora, a Jiffy tem algumas práticas recomendadas de adesivos. E, se analisarmos as melhores práticas, o que eu quero destacar é o recorte da tela para caber no adesivo Os adesivos exportados com muito espaço vazio parecerão muito pequenos Na verdade, o que vamos fazer é criar adesivos que preencham esse espaço Em segundo lugar, precisamos ter o arquivo fonte como um arquivo. Se também quisermos seguir as melhores práticas do Jiff, elas recomendam não mais do que 6 segundos, o que consideraremos na animação E também que eles voltarão para sempre. Vamos realmente nos concentrar nisso em nossa aula de animação. Que podemos usar qualquer resolução que faça com que nosso adesivo tenha a melhor aparência Eles recomendam usar múltiplos de quatro para largura e altura É nisso que vamos pensar para nossa tela. Ótimo. Como se você dissesse que vamos fazer um múltiplo de quatro, mas vamos mantê-lo no estilo de vídeo. Fazemos 1080 por 1080, então vou mantê-lo em 300 pixels por polegada Você pode descer para 72, se quiser. Eu só gosto de manter as coisas em 300, caso elas precisem com uma classificação de pixels mais alta posteriormente. Então, para o seu perfil de cores, recomendo usar RGB Se você quiser apenas manter o material on-line, se achar que pode haver uma chance imprimi-lo em algum momento, opte por CMYK, porque é mais fácil ir de CMYK para RGB do que Portanto, certifique-se de fornecer esse modelo e nome, então vou chamá-lo de adesivo do Instagram, depois Criar, e isso aparecerá em nossa bela tela em branco aqui Há duas coisas em que você pode pensar para começar. O primeiro é um tema do design. Se você quer algo muito útil ou popular, por que não fazer uma pesquisa no Instagram Basta criar uma história e adicionar um jif. Veja quais adesivos populares existem, Veja quais adesivos populares existem, ou você pode simplesmente fazer o que achar melhor para você e espero que as pessoas gostem Eu pensaria em uma ou duas palavras, ou mesmo em uma frase muito curta que signifique algo para você. Algo que mostrará sua personalidade para seu público. Eu garanto que haverá muitas pessoas que também o adorarão. A segunda coisa é o tamanho do seu design. Aqui você pode ver dois adesivos que eu criei para Teach your Monster e que estou tentando usar em uma história Um começou com esse design pequeno e no centro de nossa tela de 1080 por 1080 O outro preencheu muito mais a tela. Você consegue adivinhar o que fez a coisa melhor, Jeff? Sim, um que preencheu a tela. Ao planejar sua frase ou ilustração, você precisará considerar como preencherá essa tela. Para meu primeiro adesivo, decidi fazer Feliz Aniversário Eu sei que vai ser popular, muitas pessoas fazem aniversários e vai atrair um público amplo Em primeiro lugar, vou estabelecer algumas diretrizes. Agora, o procreate vem com suas próprias diretrizes incorporadas. Eu vou usá-los. Se você usar a chave inglesa e depois o Canvas, clique em Guia de Desenho Em seguida, vamos editar esse guia de desenho. No momento, o tamanho da minha grade é de 34 pixels. Vamos subir até o fim e garantir que esteja em algo que você possa ver. Acabei de escolher algumas boas diretrizes escuras aqui, mas você pode usar o vermelho se quiser. Vou ficar aqui e depois clicar em Concluído. Decidi que vou fazer minhas cartas ficarem super quadradas, super enérgicas, e feliz aniversário vai ser muito O que vou fazer é porque feliz aniversário é uma frase bem longa, se eu colocá-la no centro, ela vai acabar muito pequena quando a colocarmos no Jiffy E, eventualmente, eu vou colocá-lo. Vou dividir isso em dois parabéns. E vou usar minhas diretrizes aqui para fazer isso, mas também vou criar minhas próprias diretrizes. Agora, para criar diretrizes, gosto de usar meu lápis Narinder para desenhar É muito bonito e escuro, então eu gosto desse. Agora, em uma nova camada, o que você vai fazer é apenas configurar essas diretrizes. Se você quiser acompanhar e ser quadrangular como eu, vou desenhar uma linha reta e segurar meu dedo para torná-la realmente reta Vou desenhar a segunda para a parte inferior das letras que está bonita. Em seguida, usando meu botão de transformação de forma livre, vou estendê-los e garantir que estejam ajustados à largura da tela Em seguida, vou duplicar essa camada e arrastá-la para ter certeza meu encaixe está ligado com o magnetismo, o que E isso só vai me ajudar a arrastá-lo para baixo em uma linha reta muito boa. Vou deixar uma pequena lacuna para o espaço entre as duas palavras. Bom. Feito isso, vou mesclá-la e, em seguida, renomear os líderes das guias de camada, renomear meu toque e selecionar Renomear Agora vamos passar a esboçar nossas cartas. Eu sempre faço um guia de esboço aproximado antes de passar para minha cor, apenas para ter certeza de que espaçamento está correto com todas as letras e que a frase geralmente fica bem na tela Para começar, vamos criar uma nova camada e chamá-la então. Vou compartilhar algumas técnicas com você à medida que avança, porque estou escrevendo essas letras bem quadradas para feliz aniversário Vou contar quantas letras há em cada uma e vou calcular a partir do centro. Em Happy, temos cinco letras. Vou começar com o P e vou usar essa linha central para me ajudar a desenhá-la com minha caneta selecionada. Só vou desenhar isso, eu sempre posso segurar uma linha reta. Não precisa ser perfeito, mas é bom acertar a primeira letra. Só como regra. Então, podemos resolver isso. Agora, como estou feliz com isso, vou desenhar minha altura x. Essa é apenas a altura dessa travessia. Só para ter certeza de que está no lugar certo, vou usar minha ferramenta de seleção para simplesmente pegá-la e colocá-la embaixo do. Agora esse é o meu guia. Tudo pronto para o primeiro. Agora, felizmente, temos outra, então eu posso simplesmente duplicar essa camada e depois arrastá-la até lá Temos nosso segundo que vai mesclar isso. Só vou me certificar que está realmente centralizado lá Bom. Agora vou me exercitar a partir daí para o resto das minhas cartas. Tem um H. Essa parte pode ser super rápida. Você pode fazer isso de forma bem superficial, se quiser. Não precisa ser uma caixa como essa. Obviamente, você vai descobrir o estilo de suas próprias cartas se quiser copiar comigo e apenas fazer as coisas quadradas. Agora, eu também estou feliz com isso. Aqui temos um estilo estabelecido para nossas letras. Agora, vou fazer alguns ajustes para garantir que tenhamos uma largura mais consistente aqui. E tudo bem. Para minha segunda palavra, aniversário. Para o aniversário, temos oito letras em aniversário, mas vou adicionar esse ponto de exclamação. Agora. Temos nove, deixando-nos aquela importante letra média H. Mais uma vez, vou trabalhar a partir do centro. H é uma bela letra simétrica que é útil, útil para H. Então eu vou continuar com minhas cartas a partir daí Agora você pode achar muito chato e difícil fazer isso dessa maneira Essa é apenas a maneira que eu criei para me ajudar a equilibrar e manter minhas cartas equilibradas. Mas você pode achar muito fácil ir de um lado para o outro. Você sempre pode usar a ferramenta de transformação para fazer os ajustes. De qualquer forma, descubra o que funciona para você, continue trabalhando em sua frase aqui. Também pode ser um bom momento para experimentar estilos diferentes, letras cursivas, mas geralmente neste dia de aniversário, e estou muito feliz com a aparência, essa é minha camada guia, tudo pronto Agora, obviamente, essa é uma maneira realmente estruturada de fazer isso. Às vezes eu faço isso de forma muito superficial, por exemplo, assim Vou fazer isso de forma bonita e desenhada à mão no meu próprio estilo, depois vou reduzir a capacidade disso. Eu vou mudar esse estilo e trabalhar dessa maneira. Você pode achar muito divertido escrever sua própria caligrafia e depois exagerar Mas vou mostrar isso em um dos meus outros designs de adesivos Vamos desligar a camada-guia e dar uma olhada nela. Sim, acho que está muito bonito. Então, com minha camada guia pronta, estou pronto para passar para a próxima etapa. coloração leva o tempo necessário nesse estágio inicial de esboço até que você esteja satisfeito com ela Demorei algumas tentativas, mas direi que não se preocupe em deixá-la perfeita. Vamos refinar nosso esboço juntos na próxima lição. Te vejo lá. 4. Colore seu texto: Nesta lição, usaremos nossa camada-guia como base para ilustrar nosso design Vou direto para a introdução da cor. Então, vou ser super rápido nesta lição, usando muitas linhas retas e decisões rápidas por toda parte Sinta-se à vontade para fazer uma pausa a qualquer momento e não se apressar. Você pode até querer fazer uma etapa extra de refinamento em seu design aqui Mas eu recomendo que, com presentes baseados em texto, acho que a prática é fundamental. Então, quanto mais você puder trabalhar, melhor. Vamos fazer esses primeiros e lançá-los no mundo. E lembre-se de que muitas vezes a perfeição é inimiga do progresso Novamente, darei algumas dicas para refinar seu trabalho à medida que avança Então, se você estiver pronto, vamos começar. Então, eu quero que meu ingresso de feliz aniversário seja super feliz. Serão as cores do arco-íris e todos nós conhecemos Roy Gabi, certo Vamos começar com vermelho. Então, vou selecionar minha cor na minha paleta de cores. Vou escolher uma caneta nova. Então, vou pegar minha caneta de estúdio. Caneta de estúdio em E. Agora, esta é apenas uma caneta de estúdio normal, mas tem uma linha de transmissão de até 66% em vez de 47 Então isso é tudo que eu mudei sobre isso. Então, vou criar uma nova camada , que vou chamar de arte. E então minha camada de esboço, eu vou renomear Na camada de arte, vou fazer minhas cores. E então vou reduzir a capacidade da camada de esboço, para que eu possa usá-la como guia para ampliar, vamos garantir que minha caneta tenha o tamanho certo Vou selecionar o tamanho aqui, depois vou começar a pintar usando essas diretrizes, porque vou usar a super caixa Obviamente, isso deve ser rápido. Posso simplesmente segurar as linhas para ter certeza de que estão bem e retas e que é como um estilo rápido. Talvez você queira dedicar algum tempo extra se optar pela letra cursiva ou algo parecido Mas eu diria que você não precisa ser super arrumado. Por favor, tire isso de mim. Se você é novo ou está começando com a ilustração com o toque humano, o design perfeitamente defeituoso de sua mão será mais do que suficiente Por favor, não perca muito tempo pensando em uma pequena marca em algum lugar que realmente não afetará o design do seu trabalho, especialmente com esses adesivos Você pode divulgá-los muito, muito rápido e sabe que as pessoas os usarão em suas histórias. Serão coisas que passarão rapidamente. Você realmente não precisa passar horas fazendo a coisa certa, como faria com uma impressão ou algo parecido. Basta usar seu talento, usar seus erros perfeitos para corrigi-los. Bom. Agora você pode ver que estou me dando bem com minha coloração aqui. Vou entrar e usar esse truque novamente, onde posso usar a ferramenta de seleção para recortar minha cópia P e colá-la, arrastá-la e, em seguida, não preciso fazer isso novamente. São apenas coisas para acelerar seu fluxo de trabalho. Agora estou fazendo um preenchimento de cores aqui e você pode ver que estou arrastando para aumentar e diminuir o limite Agora, essa é apenas a quantidade que ela preencherá o pixel, então você deve ir o mais alto possível neste 11. Bom truque que eu também posso fazer com isso porque gosto particularmente do meu está aqui, só vou duplicá-lo Basta usá-lo como um pequeno guia de largura para minha próxima carta. Se você está lutando para manter a largura e a consistência entre as letras. Esse é um truque muito bom para isso na minha camada de arte novamente. Agora posso usar isso como um pequeno guia de largura e usá-lo para continuar o estilo das minhas letras. É ainda mais útil se você tiver embaixo da sua camada de arte Agora esta é minha peça normal, então vou mesclá-la. Fizemos tudo feliz aqui. Eu posso ver que meu H é um pouco largo em comparação com as outras letras. Vou esquecer isso e depois passar para o aniversário Eu tenho algumas cartas que são comuns entre aniversário e feliz. Novamente, posso usar esse truque apenas para acelerar meu fluxo de trabalho. Isso também vai me ajudar a manter as letras consistentes. Vamos fazer o mesmo com o A, certificando-se de que sua letra esteja selecionada. Se você apenas clicar e segurar, isso selecionará o mesmo e você poderá copiar e colar e , em seguida, movê-lo para baixo. Bom. Depois, você também pode mesclar isso na mesma camada Vamos fazer isso para o Y e movê-lo. Vamos lá, e nos fundimos. Agora vou continuar com o resto das minhas cartas e acelerar o vídeo. Agora, você deve ter notado que eu criei muitos aniversários, o que definitivamente não é a ordem do arco-íris Agora, isso foi intencional porque achei que me daria outra oportunidade de mostrar truques e acelerar o fluxo Na verdade, você pode simplesmente criar tudo em uma cor e depois preencher com as outras cores. Depois de descobrir tudo, termino meu ponto de exclamação aqui e mostro o que quero dizer Eu quero que meu B seja vermelho. Está tudo bem. Então eu quero a laranja no olho. Então, eu posso simplesmente colorir isso. Agora eu posso realmente te mostrar aqui. Se você exagerar com este, ele vai colorir todos eles. Você só quer colorir o suficiente para colorir aquela letra. Vamos fazer o mesmo com o R amarelo e o T e o verde. Eu também vou colorir o ponto de exclamação lá porque eles sabem que vai ser verde Então temos o roxo, o H, depois voltamos, depois temos o vermelho laranja. E então precisamos de amarelo para esse Y. Esse é meu feliz aniversário Tudo colorido. Vamos dar uma olhada sem o esboço. Legal, está parecendo muito bom. Eu posso ver isso. Talvez eu precise fazer algumas pequenas correções. Ok, estou muito feliz com isso. Gosto muito das cartas. Eles fizeram alguns ajustes na largura geral deles, mas estamos prontos para seguir em frente. Eu gosto, mas acho que vai ser difícil se destacar em relação às fotos e imagens complexas que você teria nas histórias do Instagram. Vamos dar a ele uma sombra projetada. Agora, minha maneira favorita de fazer isso é simplesmente duplicar essa camada de arte Em seguida, renomeie a sombra inferior. Certifique-se de que todo o resto tenha um nome. Não temos nada extra que não precisemos que pareça bom. E então eu vou desligar a camada de arte. Agora, antes de adicionar a cor da sombra a isso, vou tirar toda a cor daqui. Vou abordar os ajustes aqui, a saturação de matiz e Então eu vou tirar todo o brilho, então é apenas esse preto profundo. Então, se selecionarmos nossa cor de sombra menos meu lindo azul marinho aqui, e apenas arrastá-la até o limite, precisamos estar totalmente levantados para garantir que todas as letras estejam Essa é a cor da minha sombra. Em seguida, podemos ativar a camada de arte e você pode ver um pequeno contorno da sombra lá Com isso selecionado, agora você pode movê-lo para a posição desejada Agora eu gosto da sua sombra projetada no canto inferior esquerdo, então vou dar a ela uma distância suficiente para que, talvez, quando for pequena, você ainda possa ver essa sombra lá porque nosso adesivo será bem pequeno Talvez eu até mesmo o afaste um pouco mais. Isso parece bom agora. Parece uma sombra projetada na parede, mas eu quero que seja como uma letra quadrada. Na verdade, vou me juntar a isso, então parece uma carta sólida. Eu vou te mostrar como fazer isso com minha camada de sombra ainda selecionada. Só vou juntá-lo com alguns pequenos triângulos para dar a ilusão de que na verdade são três D. Se compararmos o H e o a agora, em vez de ser uma sombra projetada, parece que é uma peça inteira Tem lados sombrios. Bela frente colorida, que é o que eu quero. Vou continuar com isso, apenas colorindo esses pedaços enquanto estou aqui. Também é possível verificar se minha arte está do jeito que eu quero , indo e voltando entre as camadas Só não se esqueça de que você pode selecionar uma cor diferente com o conta-gotas Escolha a cor da sombra ao voltar para a camada de sombra. Aqui. Estou terminando aquelas letras quadradas, é hora da inspeção Portanto, certifique-se de que você está realmente ampliando, apenas verificando todas as letras e combinando bem o que você deseja Não se preocupe em deixar alguns pequenos erros humanos aqui e ali. Mas aqui eu vi uma junção. Eu vou preencher isso. Vamos nos certificar de que não perdemos nenhum outro. Não, isso parece bom. Neste ponto, vamos levá-lo para o Photoshop Now, geralmente com animação. Eu sugeriria ter tudo o que você vai animar em camadas diferentes Mas neste caso, como nossa arte está em procriar, o que realmente vamos fazer é colocá-la no Photoshop e começar a Porque, irritantemente, ao procriar, por algum motivo quando você a tira para fotos do After Effects, todos esses pixels que não deveriam estar lá, existem Eles aparecem como incômodos pixels invisíveis. Então, vamos levá-lo para Photoshop, onde vamos recortá-los e deixá-los realmente prontos para a animação Também vamos rotulá-lo e fazer outras coisas lá. Então, vamos levá-lo para uma loja de barcos de qualquer maneira Tudo o que estou dizendo é que você realmente não precisa separá-los aqui porque vamos fazer isso mais tarde. Agora vou aproveitar esta oportunidade para mostrar meus outros adesivos, que são meu adesivo de amor por você Agora, isso começou como um esboço simples, muito simples em um fundo preto, letras simples, super rápido E, além disso, fiz esse tipo de escrita em bolhas, que eu realmente gosto de fazer, é muito fácil Basta dar uma volta rápida na parte superior e depois preenchê-la Então comecei a construir minhas formas preenchidas por cima. E você pode ver isso aí. Agora, como decidi sobrepô-las, mudei-as um pouco Portanto, precisei construí-las em camadas separadas para fazer isso. Ainda terá aqueles incômodos pixels invisíveis ao redor de cada letra Ainda teremos que cortá-los, mas vou mostrar uma maneira diferente fazer isso no Photoshop mais tarde Eu também adicionei minha água aqui, porque seu amor é gostoso, é fofo, você sabe, eles estão todos se abraçando é fofo, você sabe, eles estão todos se abraçando Então, meu adesivo final é meu lindo adesivo. Começou a vida com apenas esse desenho de pombo, depois adicionei o belo Novamente, um esboço super rápido, muito rápido, e então decidi fazer letras bem quadradas por cima Essas são minhas três ilustrações. Novamente, este vai ter esses pixels. Eu vou te mostrar como cortar isso no After Effects como outra técnica. Depois de mostrar os três, você pode decidir o que funciona melhor para você. Mas é isso. Eu ilustrei esses três designs de texto diferentes para animar toda a classe Até agora, você deve ter pelo menos um design com o qual jogar. Nesse ponto, você pode se sentir à vontade para praticar mais a criação de diferentes estilos de texto, fontes sobrepostas e com pequenas ilustrações Mas contanto que você tenha apenas um, você poderá fazer tudo o que eu faço no resto da classe. Também coloquei meus arquivos na pasta de recursos. Se você quiser ir em frente e usar o meu para a próxima etapa. Só para mencionar que, eventualmente, você precisará de pelo menos cinco presentes se quiser fazer o upload para o Goffi e criar adesivos acessíveis Mas você sempre pode criá-los depois se familiarizar com o primeiro. Se quiser, agora podemos continuar preparando nosso arquivo para animação na próxima lição. Nos vemos lá. 5. Exportação e importação: Nesta lição, aprenderemos como exportar nossos arquivos do procreate para o computador Se você usa o Photoshop ou o Illustrator, vá para o código de tempo abaixo para saber como estruturar suas pastas e dividir suas Será muito importante escolher um local para seus arquivos que não se mova e atrapalhe suas animações posteriormente . Vamos ao que interessa. O Procreate é muito prático e fácil de exportar. Se você clicar em Selecionar aqui, poderá exportar vários arquivos juntos. Quero meu adesivo de feliz aniversário, meu lindo adesivo e meu lindo Eu vou compartilhá-los. Clique em Compartilhar. Em seguida, queremos selecionar arquivos PSD do Photoshop. Ele vai criar um menu. Vou enviá-lo para o meu Mac aqui mesmo. Vamos clicar em Air Drop. Você pode ver meu telefone e meu Mac , eles simplesmente aparecerão na tela. Então, se acessarmos nossos downloads e abrirmos o Finder, posso vê-los na parte superior Preciso criar um bom lugar para eles agora. Meu bom lugar para isso será no desktop e vou criar uma nova pasta com a mudança de comando. Vou chamar esse projeto de figurinhas do Instagram. Dentro disso, vou criar uma pasta de arquivos de trabalho. E vou criar uma pasta de exportação em todas as maiúsculas porque isso é coisa minha Ok, dentro dos arquivos de trabalho, crie uma nova pasta chamada Photoshop, PSD Em seguida, criarei uma segunda pasta chamada porque precisamos do After Effects. E também nessa pasta vou criar arquivo de imagens. Ok, então vamos arrastá-los para a pasta PSD. Vamos examinar cada uma delas sucessivamente para verificar as camadas e garantir que elas se encaixem bem Ok, vamos arrumar essas escavadeiras. Se clicarmos duas vezes nele, ele deverá abrir o Photoshop Aqui temos o adesivo em que trabalhei. Vou me livrar de todas as camadas extras que não preciso, não preciso mais da camada de esboço Também não precisa da camada de fundo. Acabamos de ter esses dois. Agora, neste momento, porque eu sei que vou usar isso para a aula de posicionamento. Eu preciso de tudo separado, especialmente com procreate, todas as camadas vêm com pixels invisíveis, que é o pesadelo no After Você veria que se eu arrastasse isso assim, isso me daria uma caixa delimitadora como o quadrado inteiro, em vez da caixa o quadrado inteiro, em vez delimitadora da É melhor simplesmente trazê-lo para Photoshop e recortá-las aqui, combinando para mesclar essas duas camadas para que eu possa mesclar Em seguida, vou salvar isso como uma cópia diferente. Posso chamá-lo de A porque foi editado. Sempre temos esse arquivo de backup para trabalhar com meu último selecionado, que é este aqui. Vamos apenas desenhar em torno do H. Não precisa ser nem um pouco legal, mas certifique-se de que todo o H seja luge Em seguida, clique com o botão direito do mouse na camada via corte. Agora você tem a camada um com aquele H nela. Podemos renomeá-lo aqui. Agora, se eu transformá-lo, a caixa delimitadora estará ao redor da letra, que é exatamente o que precisamos Sem pixels invisíveis incômodos. Quer continuar fazendo isso com todas as suas cartas aqui? Vou mudar para a ferramenta de laço poligonal porque basta tocar e é muito, muito mais rápido recortar as letras e , muito mais rápido recortar as letras e obviamente, ter certeza de que você está na Basta colocar camadas por corte exatamente da mesma maneira. Na verdade, você vai querer fazer isso com todos os seus adesivos, se os tiver tirado do Procreate Se você fez isso diretamente no Photoshop, talvez seja necessário fazer isso porque não tem o mesmo problema com a situação do pixel invisível Também mostrarei uma maneira de fazer isso mais tarde no After Effects. Se você não chegar a esse estágio com seu processo, vou dar uma olhada e rotular todas essas letras. Pode ser um pouco complicado procriar porque você precisa tocar e renomear E onde está isso? É só uma carta dupla, rápida e rápida. Acho isso muito mais fácil de rotular acelerar a solução para seu fluxo de trabalho. Ok, com esse rótulo, vamos salvá-lo novamente. Obviamente, no novo nome do arquivo. E então podemos verificar se está na pasta. Sim, então poderíamos criar uma pasta separada se você quisesse, especialmente para as do After Effects, mas precisamos garantir que ela permaneça aqui agora. Então, quando o incluirmos em efeitos de realidade aumentada, ele sempre terá um lugar para se referir a esse arquivo. Então, agora dividimos nossa ilustração em camadas utilizáveis. Na próxima lição, vamos importá-lo para o After Effects e instalar a ferramenta mais importante da sua carreira de animação. Nos vemos lá. 6. Instalando ferramentas de movimento: Nesta lição, importaremos nosso arquivo PSD para o After Effects e instalaremos ferramentas de movimento Um incrível plug-in gratuito para download, que acelera seu fluxo de trabalho geralmente torna a animação muito mais fácil. Tenho certeza de que vai te ajudar. Vamos começar. Então, primeiro, vamos redefinir nosso espaço de trabalho padrão clicando aqui Espero que pareça algo assim, mas vamos mexer nisso de Realmente não importa se isso não acontecer, quando você importa algo para o After Effects, ele se lembrará da última composição que você fez ao importar Você pode escrever clicando aqui e clicando em Importar. Você também pode clicar em Comando, que é o atalho mais popular que eu uso Você também pode ir até aqui para arquivar e importar. Queremos encontrar isso em nossas pastas recentes. Aqui, temos os quatro adesivos. Agora, para importar isso, o que gostaríamos de fazer é importá-lo como camadas. Queremos selecionar a composição, manter os tamanhos das camadas. E vamos simplesmente abrir isso. Isso é bom. Basta clicar em OK. Em seguida, vamos abrir essa composição. Ok, vamos colocar isso. 100% bom. Está parecendo bom. Aqui podemos verificar nossas configurações de composição. Podemos ver que a largura e a altura entraram corretamente, o que é ótimo. Então, temos a taxa de quadros. Agora está lembrando o que eu durei. Eu usei um desses adesivos. Eu o coloquei em uma taxa de quadros de 12. Isso normalmente é meio que a metade da taxa de quadros das antigas animações da Disney Então, as animações dos personagens, eu coloquei em 12 só para facilitar a entrega dos presentes Você pode até mesmo ir até oito e, obviamente, só precisará animar esses oito quadros por segundo 12 recomendam 12, e Giffe na verdade, recomenda pouco menos de 200 quadros Então, estamos bem dentro disso. Também queremos mantê-lo em menos de 6 segundos. No meu projeto, acho que vou fazer 4 segundos porque é com isso que trabalho. Normalmente, vou mudar minha cor de fundo, que é essa cor aqui, para 50% de cinza. 50% de cinza geralmente é uma regra muito boa porque você pode ver todas as outras cores, como branco, nítidas nela Clique em OK, e essa é a sua composição pronta. Ok, agora o que precisamos fazer é instalar um plug-in muito importante para o After Effects, que nos ajudará a completar todas as nossas animações e realmente melhorar seu fluxo de nossas animações e realmente melhorar trabalho no After Effects Vamos apenas salvar esse projeto no mesmo lugar. Vamos encontrar esse arquivo PSD desta vez. Vamos até a pasta e chamaremos esse conjunto de adesivos de grama de um, caso façamos mais conjuntos posteriormente Vou colocar esse também, caso tenhamos mais versões. Se o adesivo definir um clique em salvar, e esse será seu local de residência permanente Agora vou parar de usar o After Effects. Vou acessar meu navegador. Vou procurar ferramentas de movimento. O Motion Tools é um plug-in da escola de design de movimento. Se você achar isso, clique nele, você verá que há muitas informações aqui. Você pode assistir a um vídeo sobre as ferramentas, que eu realmente recomendo porque elas simplesmente percorrem tudo. Vou me concentrar em algumas coisas nessas aulas. Vou te ensinar como usá-lo com nossas animações de texto Mas se você quiser saber mais, obviamente você pode navegar pelo site. Agora, para baixá-lo, basta clicar em download gratuito no botão Tela que deve ser baixado para o seu computador. Vou mostrar isso no meu localizador. Vamos abrir isso clicando duas vezes. Vamos abrir isso. Então, o que eles fizeram, o que é realmente muito útil, fornecer um guia de instalação Na verdade, esse é um processo de duas etapas. Você precisará, antes de tudo, baixar o instalador do XP. Se você clicar nele também, poderá baixar seu Windows ou Mac lá. Vamos abrir isso então. O que você precisa fazer é arrastar o XP para a pasta Aplicativos. Agora, eu já tenho um, não vou fazer isso, mas isso só vai explicar como instalá-lo. Depois de fazer isso, abra o instalador do Zx. Basta arrastar esse arquivo de ferramentas de movimento para dentro dele. Ele diz que você está prestes a instalá-lo, vamos instalar. E então ele diz onde você o encontrará. Extensões de janela nos aplicativos compatíveis , conforme indicado na janela de instruções. Vamos abrir a janela, encontrar extensões e, em seguida, vamos abrir o painel um de ferramentas de movimento. Não se preocupe com os outros três por enquanto, vamos usar apenas um. Se for a primeira vez que você usa ferramentas de movimento, você precisará se registrar para que possamos levá-lo ao site e preencher os detalhes. Não se preocupe, você não precisa pagar nada. Se você já tem uma conta, basta fazer login aqui. Depois de se registrar, basta voltar e fazer login aqui. Depois de fazer login, seu painel de ferramentas de movimento deve estar pronto Eu gosto de encaixá-lo aqui à direita e depois ajustar o painel, ele se encaixa perfeitamente Essas são nossas ferramentas de movimento instaladas. Também temos a janela de composição aqui. Controles de efeitos. Este é o nosso painel de projetos e esse é o nosso cronograma Agora temos tudo o que precisamos para começar a animar. Junte-se a mim na próxima lição para descobrir como 7. Posição de animação: Nesta lição, vamos animar nosso design de adesivos usando animação de posição Animar a posição de um texto pode levar a todo tipo de diversão maluca, ondulada Então eu acho que você vai gostar deste. Vamos verificar nossa composição. Se clicarmos em cada camada, ela nos mostrará uma bela caixa delimitadora ao redor da própria letra, ao redor da grande Se entrarmos nas Configurações de composição, vamos apenas verificá-las. Ele se lembrará dos últimos que você já fez. A largura e a altura estão na quantidade correta de pixels. A taxa de quadros é 12 e , em seguida, a duração de 4 segundos. E minha cor de fundo é 50% cinza. Tudo bem se seu ponto de ancoragem não estiver no lugar correto Se você selecionar todos eles e clicar neste prático botão central nas Ferramentas de movimento, isso centralizará tudo para você Outro ótimo motivo para ter ferramentas de movimento. Apenas observe aqui que você pode alterar a posição do ponto de ancoragem depois de animado Portanto, não precisamos nos preocupar muito com isso agora. O que eu quero alcançar nesta lição é uma boa multidão com cartas de feliz aniversário. Para fazer isso, precisarei animar a posição de cada camada Se eu selecionar todas essas camadas e clicar em P, isso revelará a propriedade de posição de cada camada. Se eu fizer um ajuste nisso, você verá que todos estão selecionados. Agora, o que queremos fazer logo no início de uma animação de Jeff, ou de qualquer animação em loop, é definir a posição em que eles já estão Se clicarmos no cronômetro com o indicador de reprodução no início da linha do tempo, isso definirá um quadro-chave com essa posição exata Para fazer com que seja repetido, também precisaremos definir isso como nosso quadro final. Se avançarmos para oito quadros, clique neste pequeno diamante aqui, que colocará outro quadro-chave exatamente igual ao primeiro. Porque ainda não ajustamos nada. Tudo o que fizemos foi colocar a posição, a posição inicial e a posição final, para nosso feliz aniversário aqui. Essa é uma prática muito boa para formar um loop. Sempre comece definindo os quadros inicial e final e, em seguida, faça os ajustes no meio. Vamos para quatro quadros, no meio dos dois. Agora podemos decidir sobre o comportamento ou o movimento das letras. Eles vão subir ou descer, ou de um lado para o outro? Acho que, para os meus, vou fazê-los subir. Vamos reajustar isso para que possamos ver a composição completa Depois, com todas selecionadas, vou clicar em uma das letras e começar a arrastá-la para cima Se eu segurar a tecla Shift, isso acontecerá exatamente em uma linha reta. Lá vamos nós. Acho que está pronto o suficiente. Vamos ver o que temos. Se clicarmos na barra de espaço, a animação será reproduzida. Obviamente, no momento, minha linha do tempo é muito longa e temos que esperar muito tempo para vê-la. Vamos arrastar isso até 1 segundo e pressionar play novamente. Lá vamos nós. Podemos ver movimento muito simples para cima e para trás à posição inicial original. Não se preocupe neste momento o movimento está bem nítido. Vamos facilitar isso um pouco mais tarde. Por enquanto, vou mostrar um truque legal para fazer com que pareça mais divertido. Vamos adicionar a expressão elástica das ferramentas de movimento. Antes de adicionar a expressão elástica, vou estender a área de trabalho para 3 segundos. Para adicionar a expressão elástica, precisamos primeiro selecionar os quadros-chave. Para selecionar todos eles, basta clicar e arrastar sobre todos os quadros-chave na linha do tempo. Se você for até o painel de ferramentas de movimento e passar o mouse sobre o botão elástico, verá que algumas coisas diferentes aparecem O que queremos fazer é criar uma camada de controle. Enquanto clicamos no botão, pressionamos a tecla Alt e depois clicamos nele. O que isso é feito é adicionar uma expressão a todas as camadas e uma camada de controle no topo aqui. Dentro dessa camada de controle, temos esses três controles. Temos amplitude, frequência e decaimento. Vamos clicar em play e dar uma olhada no que isso está fazendo em contraste com o movimento anterior muito nítido que tínhamos, assim . Agora temos um pouco de primavera e um pouco de alegria para nosso feliz aniversário Está funcionando, mas definitivamente podemos ajustar isso para dar uma olhada no que essa peça mágica pode fazer. O que acontece se dobrarmos a amplitude para 40? Podemos ver que o salto elástico ou a superação ficam muito maiores Vamos adicionar 100 para realmente conferir. É bom exagerar um pouco mais nessas expressões porque queremos que nosso presente seja super forte. Se eu torná-lo muito pequeno, veremos muito movimento lá no momento. A expressão elástica está afetando todos os quadros-chave, mas, geralmente, eu gosto tê-la apenas no último quadro-chave Então você tem coragem de fazer isso, vou facilitar os dois primeiros. flexibilização fácil é apenas a desaceleração do movimento à medida que entramos ou saímos do quadro-chave A expressão elástica funciona bem quando há muita velocidade no movimento. Idealmente, teríamos a expressão elástica em um quadro-chave sem atenuação ou em um quadro-chave linear A maneira de facilitar a facilidade é selecioná-los clicar com o botão direito do mouse, acessar assistente de quadros-chave e, em seguida, facilitar Ou você pode usar o atalho prático, que é nove. Você vê agora que, quando eu toco, o elástico só funciona no último quadro-chave. Isso dá aquele efeito realmente natural, saltitante e divertido com Certifique-se de adicionar facilidade a qualquer quadro-chave em que você não queira o efeito elástico. Agora brincamos com a amplitude. A frequência é a rapidez com que ele salta. Vou colocar isso em 100 só para demonstrar. Agora podemos ver que está fazendo aquele movimento de menino, o que é muito divertido. Vamos apenas redefinir isso para 45. A decadência é a rapidez com que a primavera morre. Se você quiser que a primavera continue por mais tempo, você quer um número menor de decaimento Por exemplo, se eu colocasse zero, ele saltaria infinitamente e provavelmente não daria um loop muito bom Eu geralmente mantenho o decaimento 30-60. Vamos colocar isso em 30 aqui Você pode escolher, obviamente, com base na sua própria, se o quão saltitante e quanta decadência você gostaria que ele tivesse, vou colocar minha amplitude Esse é o look que eu estou procurando. Nosso próximo passo para torná-la mais interessante é escalonar essa animação Aqui no painel de ferramentas de movimento, temos uma seção sobre escalonamento ou sequenciamento Isso vai escalonar os quadros-chave ou as camadas. Dependendo do que você selecionou. Esse botão será sequenciado até o início da linha do tempo. Esta de cima para baixo, de baixo para cima e, em seguida, aleatoriamente, a seção acima Essa é a quantidade de deslocamento e as etapas Se selecionarmos essas camadas e as vermos como um deslocamento de uma, você verá que, ao clicar nela, ela moveu um quadro, cada Se eu colocá-los de volta no início e depois colocar o deslocamento como dois, e as etapas dois, e depois sequenciarmos, você verá que temos dois aqui, todos se movendo em dois saltos de quadro Você pode manipular isso de maneira muito bonita e fácil e obter efeitos realmente diferentes Vou fazer o offset como um e os passos um, e vou sequenciar a partir do melhor jogador. Vamos jogar isso. Está parecendo muito bom. Eu realmente gosto do movimento ondulado da multidão dessa. É muito feliz, muito alegre. O único problema é que acho que o aniversário deveria ser na frente dos felizes, porque vem em segundo lugar. Não está funcionando da maneira que eu gostaria. Felizmente, há uma maneira muito fácil de mudar isso. Meu truque rápido e fácil, sem alterar nada , nenhum dos quadros-chave, é selecionar da camada inferior até o jogador superior. Deixe a camada de controle elástica. Comandamos X para cortá-lo e, em seguida, comandamos V e ele retornará na ordem em que você o selecionou. Truque muito legal. Eu não tenho nenhum outro programa que faça isso. Ele o sequenciará automaticamente a partir do ponto de exclamação. Eu o selecionei primeiro para o H and Happy. Vamos mover a camada de controle elástica de volta para o topo para sabermos exatamente onde ela está. Vamos jogar isso de novo. Sim, agora a data de nascimento está na frente de Happy e parece muito boa. Mas talvez agora vejamos isso por completo. Gostaríamos de fazer algumas alterações adicionais na elasticidade. Está tudo bem. Você pode dirigir arte à medida que avança. Vou ajustar a frequência do salto aqui para 40, um pouco abaixo de Nice Devo dizer que, para mim parece um pouco lento por um instante, geralmente as histórias do Instagram são bem rápidas É uma celebração. Queremos que seja mais forte do que isso Podemos fazer ajustes. Vamos selecionar todas as camadas e abrir a propriedade da posição novamente clicando em. Se agora clicarmos nesse botão, clique e tudo estará organizado de volta com os quadros-chave no início. Isso é muito bom porque vai nos ajudar a ajustar nossa velocidade uniformemente. Agora, se eu abrir isso para que possamos vê-los todos ao mesmo tempo. Em seguida, selecione todos os quadros-chave segurando a tecla Alt novamente, clicamos e os arrastamos, apertando um pouco esse tempo Vou ajustar o quadro final para seis quadros. Vamos ajustar a linha do tempo e verificar a animação nela. Vamos ajustar isso novamente. Nós podemos ver tudo. Podemos ajustá-los completamente, como eu acabei de fazer. Ou podemos selecionar apenas o quadro final. Apenas a moldura do meio. Nós podemos movê-los. Vou apenas empurrar a estrutura final para mais perto da estrutura intermediária para obter mais velocidade na estrutura final. Mostrarei alguns gráficos de velocidade na próxima lição. Então você entenderá um pouco mais sobre isso, mas não se preocupe com isso por enquanto. Tudo o que estou fazendo é aumentar a velocidade desse salto e torná-lo um pouco mais forte. Tudo bem, vamos ver que com o sequenciamento ativado, com todos selecionados, desta vez vamos sequenciar porque clicamos nele, precisaremos sequenciar a partir da camada inferior É importante lembrar. Sequencie e depois toque. Está parecendo muito bom. Vamos fazer alguns ajustes finais de velocidade. Porque se eu olhar de longe, se eu simplesmente rolar para cima, você verá o tamanho do adesivo com o qual você estará lidando É muito útil em um adesivo exagerar um pouco mais Vá um pouco mais longe e você obterá mais efeito com isso. Vamos aumentar a amplitude para 55, a frequência para 66 e, em seguida, 55 no decaimento também Eu gosto disso. Fazendo o bem. Fazendo o bem, sim. Vamos verificar. Sim, provavelmente é muito pequeno para você, mas esses adesivos, como eu disse, vão um pouco mais longe, vão mais longe do que você faria em uma animação normal E você descobrirá que funciona muito bem. Estou muito feliz com isso. Agora eu vou salvá-lo. Comando S, se você fez o seu pular para cima e para baixo ou de um lado para o outro Vamos deixar isso aqui por enquanto. E eu vou te mostrar como exportar o jiff. Na aula de exportação, todos os adesivos serão animados nesse arquivo Então, junte-se a mim na próxima lição para animar a escala do nosso próximo adesivo Te vejo lá. 8. Escala de animação: Agora vamos fazer algumas animações de escala em nosso próximo Sinta-se à vontade para usar seu primeiro design novamente para isso, se você só conseguiu criar um ou usar meus arquivos da pasta de recursos. Também vou mostrar um método diferente de remover aqueles incômodos pixels de procriação invisíveis no Photoshop para que você possa animar Para este que vou fazer, eu poderia escrever o comando click here e depois o adesivo que vou usar para escalar E então crie a composição, pressione abrir e tudo bem. Agora, se eu abrir este, você realmente verá os efeitos desses pixels invisíveis. Se eu clicar no L aqui, você pode ver que o L tem a caixa delimitadora inteira em vez de uma ao redor da letra e o ponto de ancoragem no centro, as outras letras também seguem isso Precisaremos levar isso de volta para o Photoshop. Vou te mostrar isso de novo. Vamos desfazer a entrada. Vamos dar uma olhada no Photoshop. Aqui, se eu olhar para o L, parece bastante normal, exceto se eu pressionar transformar, você pode ver aquela caixa delimitadora Não vamos transformá-lo, vamos duplicá-lo. Você pode duplicar acessando aqui para duplicar a camada L, copiar, não importa o nome, e depois a mesclamos Agora, se eu tentar transformar essa letra novamente, você pode ver que a caixa delimitadora está ao redor da letra e não ao redor do quadrado inteiro Não sei bem por que isso funciona, mas funciona. Hz. Salve isso. Vamos salvar como quatro, como fizemos no nascimento, no primeiro dia, clique em OK. Agora, se importarmos aquele que é essencialmente o mesmo arquivo e o abrirmos. Se eu olhar para o L novamente, clique nele. Agora tem uma caixa delimitadora que está ao redor do L. Vou ter que repetir isso para todas as outras letras Outra maneira de criar facilmente uma nova cópia dessa letra é segurar a tecla Alt, clicar, arrastar e mesclá-la Vou fazer isso rapidamente com todas as cartas. Ok, vamos guardar isso. Precisaremos recarregá-lo porque ele vai bagunçar tudo. Vamos importar isso. Lembre-se de que queremos clicar em Composição Aberta, Ok e, em seguida, clicar duas vezes nela. Vamos examinar as camadas. Podemos destacá-los todos ao mesmo tempo para ver se estão todos presentes e corrigir o que estão. Lembre-se de que, se os pontos de ancoragem não estiverem centralizados, você sempre poderá clicar nessa ferramenta Button In Motion Vou apenas arrastar essa camada de água para trás e vou escondê-la e bloqueá-la, porque não vou animá-la Mas vou animar o resto das camadas. Vamos selecionar todos eles. E clique em para ver a escala. Isso abrirá a propriedade de escala. Assim como fizemos antes. criar esse loop infinito. Então, vamos clicar no cronômetro aqui desta vez, porque eu sei que queríamos uma animação mais rápida da última vez Vou usar seis quadros em vez de oito. Vamos clicar no pequeno diamante aqui para criar isso. Agora vamos até a metade e experimente algumas mudanças porque temos todas as camadas Se eu ajustar a escala na camada superior, isso também afetará o resto delas. Vamos definir esse eixo x para 110. Você verá que todos os valores mudam para 110, inclusive no eixo y aqui. Vamos encurtar essa linha do tempo para 1 segundo e jogar. Agradável. Está parecendo bom. É como um pequeno movimento cardíaco, que é o que eu queria alcançar com esse adesivo de amor Vamos experimentar alguns outros valores. Vamos diminuir, vamos para 80. Desta vez, tem o efeito oposto. Parece que está entrando e saindo, ficando menor e depois maior. Vamos tentar algo um pouco mais extremo. Vamos por 30. É muito, muito pequeno e depois muito grande. Provavelmente será uma ótima fristica porque tem muito impacto Mas vou escolher 110 por enquanto, porque gostei do estilo de bombear o coração Mas se assistirmos, é um pouco rígido. Então, vamos usar aquela adorável ferramenta de movimento, expressão elástica novamente. Vamos trazer o indicador de reprodução de volta ao quadro inicial e facilitar facilmente os dois primeiros quadros-chave Lembre-se de que o atalho para isso é nove com tudo selecionado Agora vamos clicar na expressão elástica segurando Alt. Clique para criar a camada de controle elástica na parte superior, você verá que ela está apenas dando aquele pequeno salto para a estrutura final Agora, como eu disse na lição anterior, eu queria mostrar um pouco mais desse efeito. Se eu simplesmente clicar e ir para minha camada de ponto de exclamação aqui, podemos começar a ver o gráfico sobre O que vai ser muito empolgante para alguns de vocês. Fãs técnicos, pois outros de vocês não precisam fazer isso de jeito nenhum Eu só quero mostrar visualmente como é a expressão. Se eu alternar o menu suspenso na escala, você verá a expressão Em seguida, posso abrir o gráfico clicando neste botão e visualizando o editor gráfico. Agora você pode realmente ver que a flexibilização desses dois primeiros está ocorrendo muito bem E então, como não temos nenhuma flexibilização, isso vai ultrapassar, permitir que essa expressão aconteça Agora eu posso ver que, na verdade não estamos entendendo a expressão completa aqui. Assim, posso tornar minha linha do tempo um pouco mais longa para que possamos ver a expressão completa acontecendo na animação aqui. Se voltarmos para a camada de controle elástica e ajustarmos a amplitude, digamos que subamos até 90. Agora podemos ver que esse excesso ou o efeito elástico é muito mais pronunciado no gráfico Podemos observar o gráfico como uma mudança, alguns dos outros valores, bem como a frequência Se eu aumentar isso para 90 também, você verá que o número de saltos após nosso quadro-chave final aqui Se eu colocar a decadência, lembre-se de que é a morte da onda para uma que encurtará esse espaço entre sh, o espaço aqui, se eu colocá-la em zero, você verá que essa decadência simplesmente Continuaria no mesmo ciclo para sempre. Gosto de ver o gráfico e ver como a expressão funciona, mas você definitivamente não precisa saber nada sobre isso. Embora eu esteja muito feliz com essa animação, quero mostrar a vocês alguns outros efeitos interessantes usando a escala em um eixo Vamos trazer nosso indicador de reprodução de volta ao quadro-chave central, desta vez com todos marcados a caixa aqui, que é nossa caixa de proporção restrita que vincula os valores x e y e dimensiona tudo Se eu desmarcar isso e alterar um dos valores, vamos reduzir o y para 100 Vamos ver o que isso faz se jogarmos agora, podemos ver que é como se afastar pela lateral, ou se eu quiser, digamos, o eixo x. Em vez disso, vai subir e descer a partir do topo. O que também é muito fofo. Na verdade, eu gosto muito desse. Mas o que acontece agora se mudarmos o ponto de ancoragem porque ele está se esguichando de cima Vamos tentar um ponto de ancoragem na parte inferior. Se eu clicar aqui, ele alinhará o ponto de ancoragem com a parte inferior da letra Agora podemos ver que está crescendo a partir desse ponto inferior, ficando mais alto e voltando, que também é muito Vamos tentar com um ponto de ancoragem esquerdo. Agora parece o mesmo que estava escalando de lado porque estamos fazendo isso do meio Mas se mudarmos apenas o uso do arquivo, podemos ver que ele está crescendo a partir do ponto de ancoragem esquerdo e depois voltando para Acho que vou ajustar um pouco mais a escala, certificando-me de que todas essas camadas estejam selecionadas Só para que tenha um pouco mais de impacto. Vou apenas ajustar um pouco a água. Vou apenas girá-lo um pouco para que ele se encaixe melhor quando estiver escalando. Agradável. Sim, estou muito feliz com isso agora. Esse é o meu segundo adesivo pronto, todo feito com os mesmos efeitos do adesivo de feliz aniversário, mas ao escalar dessa vez, não se esqueça Você também pode experimentar escalonar aqui usando ferramentas de movimento Novamente, aqui, vou escaloná-lo de baixo para cima Vamos dar uma olhada no que isso faz. Outro efeito interessante. Você também pode colocá-lo de volta ao início e experimentar alguns tipos diferentes de escalonamento. Por exemplo, é um escalonamento aleatório E veja o efeito que isso tem. Faça uma experiência com o escalonamento. Você pode conseguir algumas coisas legais. Essa é a nossa escala animada. Se tudo estiver pronto. Lembre-se de que você também pode usar essas técnicas em todas as outras propriedades. Rotação de capacidade. Por que não experimentá-los em outros designs? Portanto, certifique-se de que este esteja salvo. E vamos passar para nossa última animação de adesivos, animando a cor. Te vejo lá. 9. Cor de animação: Nesta lição, vamos animar a cor do nosso texto. Isso pode ser usado para muitos efeitos interessantes e mal posso esperar para mostrar como fazer isso. Também vou mostrar um método final de recortar essas letras para facilitar a animação, mascarando o After Effects Depois de conhecer este, você pode escolher o método que funcione para você em seu trabalho futuro. Aqui temos meu adesivo final que vou animar neste É o meu lindo adesivo com meu pequeno pombo dando o polegar Você pode ver todas as camadas que eu importei do procreate aqui Primeiro de tudo, um pouco de limpeza. Vamos tirar esses dois. Só nos resta o bonzinho e o pombo. E vou rotulá-los aqui porque é muito mais fácil rotular no Photoshop Agora eu poderia dividi-los agora mesmo usando a ferramenta de laço poligonal, mas vou mostrar uma outra maneira de fazer isso no próprio After Effects, que é muito, muito semelhante a essa Vou guardar isso mais uma vez. Vamos ligar para E e clicar, ok. Importe seu arquivo, clique com o botão direito do mouse ou comande I e encontre seus quatro adesivos AE Vamos fazer essa composição e depois pressionar abrir. Está bem? Em seguida, clique duas vezes nessa composição. Você verá que eu tenho exatamente as mesmas camadas aqui que eu tinha no Photoshop Vamos verificar minhas configurações de composição, como sempre, mesma largura e altura. Boa taxa de quadros, 12, duração, quatro, então vou mudar minha cor de fundo para 50% de cinza. Ok, legal. Então, vou mostrar como separar as camadas, assim como esta. O que precisaremos fazer com isso é criar máscaras. Para fazer isso, precisamos duplicar essa camada quantas vezes tivermos letras Então, temos 12345678 com meus acentos Pressione Command D. Então temos 12345678, e podemos rotulá-los se eu clicar em Enter e depois colocar Enter Entrar. Entrar. Entrar. Ótimo. Agora, o que vou fazer é eliminá-los. Em primeiro lugar, não vou animar o pombo. Podemos colocá-los na parte de trás e também podemos trancá-los. Em seguida, podemos prosseguir e selecionar. Agora, se eu estiver selecionando, isso é muito bom porque eu posso escolher aquele. No entanto, se eu quisesse dizer, escolha o C, como você pode ver, ele vai pegar tudo no momento. Precisamos cortá-los e mascará-los. Esta é a minha camada ocular. Vou apenas ampliar e depois usar a mão para mover a tela. Então, assim como fizemos no Photoshop, recorte-os com muito baixo teor de poliéster e os mascare Se você quiser movê-los, você pode mover certos pontos que você selecionou. Agora, se eu fizer isso sozinho, você verá que o olho está sozinho. Eu vou passar direto. Basta selecionar as outras letras nas camadas corretas. Lembre-se de ampliar se alguma letra estiver muito próxima e se mover com a ferramenta manual. Você sempre pode desfazer o último ponto que fez com o comando said também Ótimo, está tudo pronto. Se eu agora examinar e isolar cada uma delas, você verá que elas estão em suas próprias camadas, o que é ótimo. Agora, se eu quisesse dizer selecione o C, meu ponto de ancoragem aqui está aqui Talvez se eu quisesse animar como uma rotação ou posição, ela giraria em torno desse ponto, o que não é muito útil O que podemos fazer é centralizar todos esses pontos de ancoragem Você verá que eles estão todos reunidos no meio, exceto o, essa é a exceção Podemos ir até o Motion Tools e clicar no botão central da âncora Isso simplesmente percorrerá as camadas e as ajustará. Agora, obviamente, não queremos girar a posição aqui, estou apenas mudando a cor Mas, para uso futuro, talvez eu queira voltar e alterá-lo. É sempre bom manter essa limpeza como parte de sua prática E o que é realmente ótimo é que podemos ler e selecionar cada letra. Aceitaremos essa linha inferior, que mostrará apenas a parte superior quando a caixa delimitadora estiver sobre ela Então, teríamos que ir até este para selecionar aquele. Agora vamos trabalhar nas cores. Se eu selecionar e passar para efeitos e predefinições, posso pesquisar o efeito, Phil Você verá Phil aqui sob o número de geração 32. Se eu clicar duas vezes nesse, ele o preencherá automaticamente com sua cor padrão, que é esse vermelho muito brilhante e sombrio Para mudar isso para combinar com minhas outras cores, porque quero começar com esse lindo vermelho suave, basta clicar no conta-gotas aqui e depois no colírio do C ou de uma das outras letras Então, temos minha cor normal lá. Agora, o que posso fazer é copiar esse efeito de preenchimento, selecionar todas as camadas e colar. Agora, se eu examinar e selecionar qualquer uma das camadas, você verá que ela foi colada exatamente da mesma forma Agora, não temos um atalho de teclado para revelar a cor, mas temos essa barra de pesquisa aqui Se eu começar a digitar cores, você verá que, em todas as minhas camadas, a cor começará a aparecer Agora, se enquadrarmos essa primeira camada e clicarmos e arrastarmos para baixo, ela enquadrará todas elas, cada uma dessas camadas de cores terá um quadro-chave. Agora, se eu clicar no menu suspenso, podemos ver isso de forma clara e clara na barra de valores. E eu também posso clicar nesse menu suspenso no resto das camadas. Agora, quando usamos cores, coisas começam a ficar um pouco mais complexas. Vamos mudar nosso espaço de trabalho para ver isso. Vamos mover nosso painel de camadas até onde estão os controles do efeito. Vamos mover os controles de efeito até aqui. Vamos tornar a barra de composição um pouco menor, só para que possamos ver o tipo lá. Legal. Também podemos mexer um pouco as ferramentas de movimento Ok, então eu vou ampliar um pouco. O que queremos fazer para criar esse bom loop é copiar esse quadro-chave. Eu só vou mover isso para 1 segundo. Em vez de copiar e colar, posso usar essa ferramenta útil em ferramentas de movimento chamada E isso apenas fará uma cópia daqueles que estão selecionados na linha do tempo. Ok, agora para a parte divertida, vamos adicionar um pouco de cor. Então, vou colocá-lo cinco quadros e vamos selecionar uma cor diferente. Se eu pegar o conta-gotas aqui, posso escolher entre minha ilustração ou no painel de cores ou nas bibliotecas. Talvez, se eu pingar essa cor, você verá que ela agora aparece nessas barras É realmente uma ferramenta visual útil para ver as cores em tempo real Agora vamos mover isso para o meio ou e pressionar Play. Você verá que ele está fazendo esse lindo gradiente desbotado Vamos apenas encurtar essa linha do tempo possamos vê-la um pouco mais rápido Sim, podemos ver aquele belo pôr do sol acontecendo agora. Isso é bom e talvez seja o que precisamos, mas eu gostaria de uma pequena mudança instável Vou apenas selecionar todos os quadros-chave existentes e voltar aqui novamente para usar nossas úteis ferramentas de movimento. Aqui você tem os diferentes tipos de quadros-chave. Então, temos Bezier, Lina e Hold Queremos uma moldura de espera, agora você pode ver isso visualmente. Novamente, essa mudança instável vai acontecer. Sim. Bonito e chamativo. Ok, vamos aproximar isso e colocar mais cores aqui. Com isso selecionado, novamente, vamos escolher outra cor do nosso pombo Belo azul. Vamos lá novamente. Escolha outra cor aqui com o verde. Acho que acabei com as cores. Vamos ver, eles estão mudando. Agradável. Podemos ver uma pausa um pouco longa que faz sentido porque essa não está bem equilibrada Gosto quando está empatado. Claro que você não precisa tê-lo nem mesmo na Tool, talvez você goste mais de uma cor do que da outra. Eu também gosto muito rápido. Se fizermos isso bem, pequeno, vamos dar uma olhada. Sim, está parecendo legal. Essa é uma ferramenta muito útil para criar todos os tipos de efeitos de cores Você pode fazer arco-íris por orgulho, ou você pode fazer bandeiras, o que quiser Esse é um efeito muito bom, mas podemos usar nossas ferramentas de movimento novamente para escalonar essa animação Vamos ver qual o efeito que isso tem sobre isso. Vamos sequenciar de cima para baixo. Sim, sequência. Você verá que tudo se ajusta. Sim, isso também é legal. Eu gosto desse efeito. Mas acho que vou voltar para onde tudo está mudando de uma só vez , porque acho que isso é um pouco mais forte para mim Uma coisa que notei que você deve ter notado é que o estilo do meu pombo é muito diferente do estilo do meu lindo É como o FA tentar mudar cor e o traçado ao mesmo tempo. Vamos adicioná-lo depois no After Effects. Vou dar um zoom aqui e selecionar minha letra de uma só vez para que possamos vê-la bem perto do pombo O que vamos fazer é apenas criar um estilo de camada que desça até o traçado e veremos que esse traçado está lá. Se clicarmos para baixo, podemos ver que esse traço foi adicionado ao E novamente nesse vermelho muito sombrio Vamos deixar cair o preto a partir daí. Agora, na posição em que vou colocá-lo por dentro, ele mantém minha forma bonita. Vou aumentar o tamanho do traço para combinar com o meu pombo aqui Compartilhe como se estivesse melhor no centro. Vamos experimentar isso. Sempre podemos ajustá-lo mais tarde. Agora eu posso copiar o comando C e colar o comando V, esse efeito em todas as letras. Agora, se diminuirmos o zoom e pressionarmos play, podemos ver que esse traço está acontecendo bem Na verdade, vamos mudar essa posição para dentro novamente. Vamos copiar isso para todas as camadas. Sim, parece melhor agora porque não se toca muito, então não está tão perto Lembre-se, você sempre pode ler e ajustar qualquer letra com a qual você se sinta muito próxima de V. Vou mudar isso. Basta um toque e um toque nos seios. Sim, está parecendo bom. Eu gosto do meu pequeno e simpático pombo. Vamos vê-lo bonito e grande. Bonito e pequeno. Sim, acho que ele vai se destacar. Então, vamos lá. Você acabou de aprender como animar a cor de suas letras e adicionar um contorno que não muda de cor, se precisar Eu também usei essa técnica para planos de fundo chamativos no passado, então é uma ótima habilidade para saber Na próxima lição, mostrarei como explorar todas as suas adoráveis animações It files 0 10. Exportar e fazer upload: Nesta lição, mostrarei como exportar suas animações para presentes e enviá-las para nossa galeria de projetos Depois de receber seus presentes, na próxima lição, mostrarei como você pode enviá-los para Goff e obtê-los como adesivos utilizáveis Portanto, fique atento a essa. Agora que animamos todos os nossos adesivos, estamos prontos para renderizá-los renderizá-los como presentes O que vamos fazer é um pequeno processo de duas etapas. Vamos exportá-los como um arquivo mob do After Effects e depois vamos levá-los para o Photoshop para exportá-los como Jeff Essa é a melhor maneira que encontrei de fazer isso. Você também pode usar o codificador de mídia para exportar presentes, mas descobri que a qualidade não é tão boa Eu faço dessa maneira e recomendo que você acompanhe para começar a renderizar esses adesivos que temos aqui Aqui está meu lindo adesivo, lindo adesivo e adesivo de feliz aniversário Podemos simplesmente clicar no que queremos, depois ir para Composição e depois adicionar para renderizar Q. Aqui você terá algumas configurações As configurações que você precisará escolher para obter um modo transparente são 44 mais alfa. Para obter essa configuração, se você ainda não a tiver, basta clicar nesse módulo de saída selecionar Quick time na lista suspensa. Em seguida, vá para Opções de formato e encontre o Apple Prores 4444 nesta lista Esse é o único que permite exportar com o Alpha. Certifique-se de que esteja na sua lista. E então, quando você chegar aos canais, o RGB pode ser selecionado, você só quer RG mais Em seguida, clicamos em OK. Depois de escolher o módulo de saída, você também precisa escolher onde ele produzirá dois. Se você clicar nesse rótulo e encontrar sua pasta, a minha no meu desktop, minha no meu desktop, adesivo do Instagram Project Exports Nessa pasta de exportações, vou criar uma nova pasta para poder clicar aqui ou em Command shift. Em seguida, vou criar minha primeira pasta, que é o arquivo mob, clique em criar Vamos salvar isso sem quatro. Um bom adesivo. Salvar com um clique. Depois de selecionar onde ele vai, clique em Renderizar. Isso deve ser muito rápido porque é um arquivo muito pequeno. Vamos verificar nosso localizador e acessar Exportações. Em seguida, sua pasta deve estar lá e você pode conferir seu belo adesivo Se você pressionar a barra de espaço para reproduzi-lo, ele deverá apenas percorrer a animação A segunda etapa é colocá-lo no Photoshop. Se você escrever, clique no arquivo mob. Deve abrir esse menu pop-up. Se você abrir com e depois descer para outro, precisará encontrar o Photoshop nesta lista de aplicativos Depois de encontrar o Photoshop, basta clicar em abrir e isso deve abrir o Photoshop para você basta clicar em abrir e isso deve abrir o Photoshop para Deve abri-lo nesta linha do tempo. Se você não tiver essa linha do tempo aberta, sempre poderá encontrá-la na janela e, em seguida, na linha do tempo nessa lista. Agora, ao clicar na barra de espaço no Photoshop, você deve conseguir verificar Você pode fazer alguns ajustes em quanto tempo ele ficará aqui, se desejar. Vou deixar como está e depois ir para a exportação de arquivos. E depois salve para a Web. Isso é o que precisaremos para nossos Fs. Clique em Salvar para a Web. Em seguida, essa janela pop-up aparecerá. Agora, aqui, você tem algumas configurações nas quais você pode mexer , se desejar Geralmente, o que eu diria sobre esses arquivos é que eles precisam ser pequenos. Agora, a Jiffy recomenda 8 megabytes ou menos, ou se houver 136 kilobytes, então é muito, muito pequeno. Se quisermos visualizar isso, podemos visualizá-lo no navegador. Apenas um aviso aqui de que obviamente é muito grande. Assim, você pode ver um pouco de areia nas bordas. Além disso, é branco, então você precisa ter muito cuidado. Pode haver algum artefato ao redor que você não possa necessariamente ver De volta ao Photoshop aqui, você pode fazer ajustes se quiser reduzir o tamanho do arquivo Digamos que você queira usá-lo em um site e seja muito grande, você pode ajustar o número de cores aqui. Obviamente, quanto menos cores , mais claros são os tamanhos dos arquivos. Olhando para o tamanho do arquivo, são 136 kilobytes. Se eles caírem para 64, isso reduzirá esse número de kilobytes Isso também pode reduzir a qualidade do seu, embora pareça que apenas uma advertência não esteja aqui. Parece praticamente o mesmo do primeiro exemplo. Isso é bom. Podemos descer para 64 com confiança. A outra coisa que você definitivamente precisará aqui é marcar a transparência. Essa é a transparência que aparece em todas as bordas do meu jif E precisaremos disso para criar um bom adesivo para o Instagram Eu geralmente não gosto de hesitar aqui. Se quiser, você pode clicar em um pontilhamento novamente. Você pode visualizá-lo. Você pode ver o artefato que sai do lado de fora em comparação com este É só um pouco mais confuso. Essa é outra configuração com a qual você pode mexer. Vou deixar isso como estava. Vou remover o ponto de transparência. Não é um tamanho de arquivo grande neste momento. Vou apenas clicar em Salvar. Se voltarmos para nossa pasta, encontrarei a pasta, desta vez vou criar uma nova pasta com o comando shift. Vou chamá-lo de número dois, Jeff. Vamos criar isso. Temos um bom adesivo, Jeff. Perfeito. Clique em Salvar. Agora, o belo adesivo está pronto. Vamos querer repetir isso com nossos outros adesivos apenas na pasta Novamente, Composição, Adicionar à renderização. Percorra todo o processo com seus outros adesivos. Agora que está feito, vamos verificar esses arquivos na pasta. Aqui vamos nós. Nosso adesivo é super grande e tem um tamanho mais razoável, você também pode vê-lo na prévia E depois o adesivo te amo e o lindo adesivo, e estou muito satisfeito com tudo isso Estamos prontos para enviá-los. Agora, o primeiro lugar que vamos querer fazer o upload é obviamente nosso portfólio. O segundo lugar que queremos fazer o upload é para o Skillshare. Se você clicar no painel Projetos e Recursos e depois clicar em Enviar projeto, essa janela será exibida. Você vai querer escolher uma imagem de capa. Vamos fazer o upload dessa imagem e navegar até sua pasta. Podemos selecionar apenas um desses presentes para colocar lá, e isso funciona bem Agora, podemos chamá-lo de adesivo do Instagram, Projeto K, e usar um hífen lá Primeiros adesivos, se quiser, você pode adicionar algumas perguntas e comentários aqui A parte mais importante, porém, é adicionar todos os seus presentes a essa parte principal da pasta. Depois de fazer isso, basta clicar em Publicar na parte superior e eu poderei ver todos os seus adoráveis adesivos A última coisa a mencionar é que eu sempre gosto de salvá-los também como um arquivo PSD, caso eu queira entrar mais tarde e ajustá-los para que você possa simplesmente salvar o arquivo como antes, porque já temos arquivos PSD Vou criar uma pequena pasta nova e dizer isso, então aí eu posso rotular as edições do presente só porque é sempre bom salvar essas coisas Eu farei isso com os outros adesivos também. Você deve se sair bem enviar seus presentes para a galeria do projeto Na próxima lição, mostrarei como criar uma conta de presente e obter o plano de pesquisa. Instagram. Te vejo lá. 11. Faça-os pesquisáveis: Nesta lição, mostrarei como enviar seus presentes para Goff e criar uma conta de artista Isso tornará seus adesivos pesquisáveis e utilizáveis Então, se você acessar Jiffy.com, abrirá este site. Em primeiro lugar, você precisará criar uma conta. Você pode clicar no botão de inscrição e confirmar tudo lá. Eu já tenho uma conta, então vou fazer login. Então aqui você pode ver meu canal. Agora eu tenho alguns aqui, mas também estamos prontos para enviar esses novos para ele. Para enviar seus presentes, clique em Carregar e escolha Arquivo. Aqui, podemos ver todos aqueles presentes adoráveis que acabei de fazer. Vamos começar com o adesivo de feliz aniversário e clicar em abrir Em seguida, essa janela se abrirá e é muito importante que você permita ela seja pública, a menos que não queira que ela seja publicada ainda. Nesse caso, você colocaria privado e, em seguida, deseja adicionar algumas tags. Essas etiquetas serão muito importantes para encontrar seus adesivos. Mais tarde, no Instagram, verifique se você tem algumas tags lá. Aqui você verá que o seu foi enviado. Você pode decidir se isso é privado ou público. Obviamente, se você quiser que ele seja encontrado por outras pessoas, clique em público. A próxima etapa é adicionar algumas tags. Agora, eles são muito importantes quando você os pesquisa no Instagram. Isso é o que vai surgir. Em primeiro lugar, eu sempre coloco minha marca, que é meu próprio nome, então K. Leathers. Então podemos colocar o que é, então feliz aniversário. Então, podemos dividir a palavra, podemos colocar palavras associadas. Só para colocar a coisa toda, vou colocar meu nome e vou colocar feliz aniversário como uma palavra. Quando eu for pesquisar isso no Scram, provavelmente vou pesquisar Leathers como o primeiro A terceira seção aqui é Sol. Para isso, eu adicionaria seu próprio site, se você tiver um, que significa que qualquer pessoa que esteja pesquisando e realmente gostando deste Jeff pode encontrar você como artista e talvez contratá-lo no futuro, o que é sempre um grande Além disso, você tem Adicionar à coleção. Acabei de configurar esta seleção de adesivos do Instagram. Vou adicionar isso a esta pasta, as coleções apenas facilitam a localização do que eu recomendo. Eu selecionei esse e clique em Carregar para o Jiffy. Ele lhe dirá quando estiver concluído. Depois, você pode ver seu Jeff trabalhando no site. Agora, ele o comprime de certa forma. Não se preocupe muito, se parecer um pouco incomum no Jiffy quando for carregado e você tiver sua conta aprovada como artista, poderá ver seus adesivos com uma aparência perfeita em sucata seus adesivos com uma aparência perfeita Não se preocupe muito neste momento. Agora, como acabei de dizer, uma vez que você tenha cinco adesivos em sua página aqui, eu tenho sete adesivos Agora posso solicitar uma conta de artista. Se você acessar os três pontos aqui e depois nas Perguntas Frequentes, poderá encontrar marcas, criadores e artistas Depois, você pode ver o canal Candidate-se a um artista. Agora, isso lhe dará uma pequena orientação sobre como se inscrever, que é a próxima etapa que você precisará fazer para seus adesivos apareçam no Instagram Se você fizer isso, clique aqui se inscreva por meio do formulário aqui. O melhor deles é um criador. Se você estiver trabalhando com um cliente que deseja os adesivos do Instagram, se inscreverá para obter uma marca Eles precisarão fazer isso primeiro antes que você possa fazer o upload para eles como criador. Clique em Selecionar criador e, em seguida você preencherá os detalhes da sua conta aqui. Aqui você marcará a caixa para confirmar que seu trabalho pertence a você. Isso é muito importante. Todo o trabalho que você compartilha deve pertencer a você. Se você usou uma das minhas ilustrações para animar, certifique-se de não enviá-la como sua, pois isso fará com que você comece Certifique-se de ter suas próprias obras de arte que você está enviando Depois de marcar essa caixa, envie a inscrição e ela dirá parabéns. Portanto, isso pode levar de 24 a 48 horas para ser aprovado. Portanto, tenha paciência e fique atento a esse e-mail muito importante. Depois de ser aprovado, você receberá um lindo e-mail do Gif informando que você foi aprovado E então, quando você fizer login na sua conta, novamente, você receberá esse tipo de mensagem de parabéns. Então você pode simplesmente passar por isso, descobrir as práticas de marcação, descobrir a estratégia de conteúdo E você tem ferramentas diferentes e coisas assim. Então, ao acessar seu canal, você terá um canal com aparência diferente, como este. Então, depois de fazer isso, você pode adicionar quantos presentes quiser e eles estarão acessíveis no Instagram. Para encontrar seus novos adesivos, basta acessar suas histórias e um vídeo relevante, muito relevante E então vá até seus adesivos e pesquise suas etiquetas. Para mim, é meu nome, basta digitar meu nome E então todos os seus adesivos devem aparecer. Vamos colocar um que experimentamos na aula. Vamos comprar um belo adesivo de amor. Sim, isso parece ótimo. Teste os outros, eles parecem muito bons. Então é assim que você consegue seus adesivos no Instagram. Agora você tem tudo o que precisa para criar mais presentes e adesivos. Mal posso esperar para vê-los na galeria do projeto e no mundo das mídias sociais. Marque-me se você compartilhar seus adesivos e eu também farei um grande esforço para usá-los em minhas histórias Fique ligado no encerramento final desta aula. 12. Bem feito!: Parabéns por concluir esta aula. Você aprendeu a esboçar e colorir um design de adesivo baseado em texto Como importar para o Photoshop e After Effects em camadas prontas para animação Como animar a posição, a escala e a cor. Usando ferramentas de movimento para tornar essas animações fofas e divertidas. Como exportar esses presentes prontos para seu portfólio. E como criar um canal de artista e usar seus adesivos nas redes sociais Não se esqueça de que você pode aplicar essas técnicas a um mundo inteiro de ilustrações. Então, comece a animar, mal posso esperar para ver seus projetos enviados a galeria de projetos e colocar perguntas ou ideias lá também. Eu verifico cada uma das minhas aulas regularmente para oferecer ajuda, onde posso me marcar se você colocar algum trabalho on-line. Sempre me esforço para compartilhar o trabalho dos alunos sobre minhas histórias e destaques Finalmente, eu realmente espero que tenhamos nos divertido criando esses adesivos. Já passei por isso tantas vezes, fazendo marketing para diferentes empresas, e sempre me traz muita alegria quando alguém usa um dos meus adesivos Espero que faça o mesmo por você também. Obrigado novamente por fazer esta aula e espero ver você no futuro, tudo de bom e feliz animando