Animação do Procreate: crie gIFs e vídeos divertidos (Original)

1. Apresentação do curso: Ei, meu nome é Rich Armstrong de Taptapkaboom.com Se você já tomou uma das minhas aulas no passado, você vai saber que eu amo GIFs animados, rabiscos e animação stop motion. Também estou apaixonada pelo Procreate e pela ideia de um fluxo de trabalho exclusivo para iPad. Tudo isso equivale a esta classe, onde eu mostro como criar uma animação de loop divertida no Procreate, como exportá-lo como um GIF, e então como converter esse GIF em um vídeo em loop tudo no seu iPad. Ser capaz de animar é fantástico e uma habilidade super versátil para ter em seu cinto de ferramentas, mesmo que ele esteja apenas animando alguns quadros no Procreate. Com essa nova habilidade, você poderá criar storyboards com o incrível conjunto de ferramentas Procreate, dar vida e movimento em suas ilustrações e criar animações divertidas para trazer mais atenção e engajamentos ao seu trabalho. Se você é novo no mundo da animação, não tenha medo. Eu divido tudo e explico as coisas de uma maneira acessível e centrada no Procreate. Resumindo, essas capas de classe, conceitos básicos de animação, preparação de animação Procreate, criação de animações de loop doces, animação de arte existente, exportação de GIFs e vídeos em seu iPad e um monte de dicas e truques do Procreate. Se introduzir movimento e vida em seu trabalho parece divertido, venha assistir a esta aula. 2. Nova versão deste curso!: Ok, uma grande notícia. Há uma nova versão dessa classe, enquanto os conceitos de animação e a classe ainda estão corretos , o Procreate mudou Ficou muito melhor e a maneira como eu faço as coisas mudou. Então, criei uma versão atualizada dessa aula para refletir essas duas coisas. Na nova versão da aula, mais duas horas de conteúdo. Há mais de uma hora de vídeos de exemplo e muito mais material sobre como trabalhar com arquivos impressos, exportar vídeos e fazer vídeos em loop E toda a turma aborda o trabalho com o painel Animation Assist , além do painel Layers. Então, adoro ver você se matricular nesta nova turma e publicar seu projeto lá Mas se você quiser assistir essa aula e postar seu projeto aqui, isso é totalmente legal. De qualquer forma, estou ansioso para ver o que você vai criar. 3. Um guia de animação: Vamos cobrir alguns conceitos básicos de animação. Os aspectos teóricos são muito importantes, mas a mordaça é muito chata, então vou ser breve. Uma animação é uma ilusão de movimento. É um monte de imagens passando por seus olhos muito rapidamente para enganar seus olhos para pensar que há movimentos. Esses movimentos atraem nossa atenção e nos mantêm engajados. Um exemplo disso é uma animação flip book. Tenho certeza que você já experimentou isso e pelo menos um de seus cadernos ou em um monte de Post-its em algum momento da sua vida. No mundo digital, as páginas na animação flip book são chamadas frames e, em procreate, podemos criar esses quadros e exportá-los como um vídeo e como um GIF animado, que é na verdade um formato de imagem. Isso nos leva a taxas de quadros. Estamos acostumados a assistir vídeos entre 25 e 60 imagens por segundo. O termo de animação para isso é quadros por segundo e são as taxas de quadros de vídeos. As taxas de quadros dos GIFs artesanais são normalmente muito mais lentas e variam entre 5 e 15 quadros por segundo. No procreate, podemos visualizar nossas animações, adicionar mais quadros e ajustar a taxa de quadros conforme avançamos. Este é um recurso de animação super poderoso para uma ferramenta de arte digital. A maioria dos filmes em animação foram usados como um formato linear. Ele tem um ponto de início e fim, mas nesta classe vamos criar animações em loop. Você provavelmente se deparou com eles na forma de GIFs on-line e vídeos do Instagram. Eles são especiais porque eles fazem loop para sempre e deixam o espectador decidir quando eles acabam. Tecnicamente, uma animação em loop é aquela que é reproduzida do início ao fim uma e outra vez. Podemos aproveitar essa repetição e transformar um loop em uma animação de loop perfeita. Um loop sem costura pode ser visualizado como um círculo com seus últimos e primeiros quadros se destacando um do outro, assim como outros quadros na linha do tempo. O que é incrível é que procriar exportações em loop GIFs. Isso significa que, criando apenas alguns quadros, podemos criar uma animação de loop interminável sem interrupções. Tudo o que precisamos fazer é garantir que cada quadro conduza a partir do quadro anterior e que o primeiro quadro leva a partir do último quadro. Então isso é um pouco de teoria. Se você quiser aprender mais, confira algumas outras aulas e faça sua própria pesquisa. Na próxima lição, vamos ser práticos, sim. 4. Animação no Procreate: Agora vamos começar a criar uma animação básica no Procreate. Vou começar criando uma nova tela e Instagram, tamanho quadrado, que é 1080 por 1080 pixels e é bastante versátil. Vou diminuir um pouco e começar por escrever o quadro 1. Agora, no procreate, há duas maneiras de criar um quadro, a primeira é por uma camada de nível superior, e a segunda é por um grupo de nível superior. Vou cobrir as camadas primeiro, e depois entrar em grupos. Agora painel Camadas, você verá que o quadro um correlaciona-se com a camada 1. Quando criamos uma nova camada, ela cria um novo quadro. Então eu vou reduzir a opacidade da camada 1 ou quadro 1 e usá-lo como uma camada de referência para o nosso próximo quadro. No mundo da animação, isso é chamado de pele de cebola. Há uma quantidade razoável de maneiras de fazer isso no procreate e em outros aplicativos de animação. Uma vez que fizemos isso, eu posso rastrear o quadro de palavras, e isso produz uma sensação de animação muito agradável, que eu realmente gosto. Nós temos frame, e então eu vou mudar isso para frame 2. Uma vez que eu fiz isso, eu vou criar um novo quadro ou uma nova camada e, em seguida esconder minha camada anterior e eu vou traçar quadro novamente, e substituir o um por um três. Então eu vou fazer isso duas vezes mais para que eu tenha cinco quadros. Uma vez que eu tenho cinco quadros, eu posso ativar a visibilidade de todas as minhas camadas ou todos os meus quadros e ter certeza de que minha camada i, sua opacidade está totalmente em 100% novamente. Agora, com uma visibilidade de todas as camadas ligadas, realmente parece um café da manhã de cachorro, mas tudo bem. Agora vamos exportar nossa animação. Você vai para ações, certifique-se de que está na guia Compartilhar e, em seguida, desça até Compartilhar camadas e há algumas maneiras de compartilhar suas camadas. Vou mostrar-lhe como exportar sua animação como um GIF animado e um MP4, que é um formato de vídeo. Nós vamos para um GIF animado primeiro, e você verá que esta é uma pequena janela de visualização, é um pouco pequena, mas você pode ter um bom senso de animação superior está fazendo apenas visualizando-o nesta pequena janela. A primeira coisa que podemos ajustar como nossos quadros por segundo, e se formos para um ou mais lento, parece uma apresentação de slides ou um storyboard. É muito legal para exibir diferentes obras de arte, e talvez ilustrações diferentes nesta taxa de quadros. Assim que você começa a aumentá-lo, talvez para algo como cinco quadros por segundo, ele começa a parecer uma animação real. Você verá que o quadro da palavra, parece um elemento que se mexe e se movendo. Se vamos e colocar isso em cerca de 10 quadros por segundo, que eu realmente gosto é a minha taxa de quadros preferida e se sente feito à mão, parece que o quadro de palavra é um elemento real e um realmente se sente como uma animação agora. Se formos para cerca de 15 quadros ou 14 quadros por segundo, ele acelera um pouco e o quadro de palavras, parece que está se movendo um pouco mais rápido e realmente parece que é seu próprio elemento agora. Mas isso pode ser um pouco rápido para mim. Quando você aumenta para algo como 30, ele começa a se mover um pouco rápido, mas você pode querer animar na velocidade. Você pode ir até 60 quadros por segundo, que na minha opinião é apenas mental. Vou reduzir tudo isso para 10 quadros por segundo. A próxima opção é optar por um fundo transparente e a razão pela qual você pode querer fazer isso é exportar seu GIF para usar online, e on-line você pode mudar sua cor de fundo atrás do GIF para qualquer cor que você quiser. Bastante versátil. Mas, por enquanto, não vou usar isso. As duas últimas opções são exportar seu GIF como uma versão pronta para a Web ou como uma versão de resolução completa. Se você está preocupado com o tamanho do arquivo, vá para a versão pronta para a Web. Ele exportará um arquivo menor, mas a qualidade não será tão boa. Eu vou para essa versão e podemos compará-la com uma versão de resolução completa. A próxima coisa que eu faço é, eu salvar a imagem para que eu possa abri-lo no meu aplicativo de fotos e apenas visualizá-lo, verificou que tudo parece bom. Vamos para um GIF animado novamente, mas uma versão de resolução completa. Vou guardá-lo de novo. Finalmente, vamos para um MP4 animado. Novamente, você pode ajustar seus quadros por segundo e exportar um pronto para a Web e um de resolução total. Vou buscar uma resolução completa e salve. Agora, vamos fazer uma comparação. Abra fotos, vamos verificar nossa versão pronta para a web. Sim, parece muito bom, mas quando se compara com a resolução total de um homem, a qualidade é incrível quando se olha para esta resolução total. Você pode ver que está um pouco embaçado, mas ainda é bom. Mas cara, este é realmente crocante e a qualidade do nosso vídeo será bastante semelhante ao nosso GIF animado com qualidade de resolução total. Mas vamos pressionar Play, e ele pára e Play, e então ele pára. Este é o grande problema com a exportação de uma animação do procreate. Não faz loop, mas vamos cobrir como contornar isso mais tarde na aula. Agora vou voltar e abrir o Procreate, e vou mostrar a vocês como usar grupos de nível superior, quatro quadros. Na camada 1, se criarmos uma nova camada, que seria criar um novo quadro, se eu colocar um quadrado aqui e eu segurar e tocar, vai criar um quadrado perfeito. Tenho algo novo para animar. Se eu agrupar essas duas camadas, ele cria um quadro. Se eu for para GIF animado, você verá que no quadro 1, há um quadrado, o que é muito legal. Isso significa que dentro de um grupo, eu posso adicionar quantas camadas quiser e eu posso animá-las em uma base quadro a quadro. Vamos animar este, vamos duplicá-lo, vamos movê-lo para fora desse quadro, para fora desse grupo. Selecione essas duas camadas e agrupe-as e crie um quadro a partir dessas duas camadas. Vou animar isto ou movê-lo ligeiramente para a direita e criar uma ilusão de movimento. Vou continuar fazendo isso para todos os cinco quadros. Uma vez que eu fiz isso para todos os cinco quadros, as coisas começam a parecer bastante confuso. Agora há muitas camadas. Eles são muito parecidos. Eu realmente não tenho uma idéia do que está acontecendo e tipo, quão longe para a direita está este e qual camada é essa? Pode ficar um pouco confuso. Para me ajudar, o que eu gosto de fazer é simplesmente recolher as camadas e, em seguida, renomear cada um desses grupos, algo como quadro 1 e quadro 2 e assim por diante. Agora que nomeei minhas camadas, me sinto um pouco mais à vontade, um pouco mais confortável. Há alguma organização no meu documento. Agora, quando eu exporto isso como um GIF animado ou um MP4, um R-quadrados movendo-se da esquerda para a direita e se aumentarmos os quadros por segundo para dez ou mais, um realmente parece que o quadrado está se movendo. É incrível. Agora, a última coisa que quero mostrar neste vídeo é a ligeira diferença entre camadas e grupos. Além do fato de que você pode ter várias camadas dentro de um grupo, criamos uma nova camada, nova moldura, e colocamos a palavra, Ei, bem aqui. Quando o exportamos como um GIF animado no MP4, você verá que há um quadro que diz “Ei”, o que é esperado. Mas se escondermos esta camada e fizermos uma exportação, não há “hey” e não há moldura em branco, o que é ótimo. Mas se tivermos que criar uma nova camada e colocar algo como Yo nele e ligar hey e, em seguida, agrupar estes, exportar este yo hey, como um novo quadro, que é de esperar e, em seguida, escondemos este grupo ou este quadro quando exportamos como um GIF animado ou um MP4. Esta moldura em branco. Isso pode causar algumas frustrações quando você está animando seu tipo, “De onde está este quadro em branco vindo, eu não tenho certeza do que está acontecendo.” Bem, há uma ligeira diferença entre um grupo invisível e uma camada invisível. O que muitas vezes acontece é que enquanto eu estou animando nosso talvez estar rastreando quadro 1 no quadro 5 e então eu sou como, “Sim, vamos dar uma olhada rápida” e há um monte de quadros faltando e eu sou como “O que está acontecendo?” Isso é apenas algo para estar ciente. Outro grande uso de uma camada que eu vou excluir isso é como eu mostrei a vocês no início, nós tivemos nosso quadro um e então eu rastreei reduzindo a opacidade do texto da camada 1. Agora, outra maneira de fazer isso é criando uma camada entre dois quadros e, em seguida, selecionando a cor de fundo e preenchendo a camada e reduzindo a opacidade de uma camada para 80 ou 70 por cento. Esta é outra maneira de pele de cebola entre dois quadros diferentes. Agora, quando eu vejo o quadro 2, você pode ver o quadro para o conteúdo, mas você também pode ver o conteúdo do quadro 1. Então, se eu estiver animando entre o quadro 3 e o quadro 2, o que eu posso fazer é colocar minha camada de pele de cebola entre esses dois quadros. Isso é realmente versátil e significa que eu também posso desligar essa camada, desligar essas outras camadas e exportar e não há nenhuma moldura em branco de qualquer maneira, não há garras. Esse é o básico da animação quadro a quadro no procreate. O que eu realmente gosto sobre isso é que dentro de qualquer quadro que seja um grupo de nível superior, você pode adicionar quantas camadas, adicionar quantos elementos quiser, e você pode animá-los em uma base quadro a quadro. 5. O que animar: Agora que você sabe como criar quadros no Procreate e exportá-los, deixe-me dar-lhe um resumo rápido das coisas básicas que você pode animar quadro a quadro com o Procreate. A coisa mais fácil de animar como posição de um elemento reposicionando uma camada quadro a quadro, você pode criar a ilusão de movimento. A próxima coisa que você pode animar é a rotação de um elemento. Ao girar no Procreate, talvez seja necessário reposicioná-lo para que ele pareça mais realista girando a partir do ponto correto. Um exemplo disso seria um braço girando do ombro e não do centro de uma camada. Você também pode animar a escala de um elemento. Mas lembre-se de que quando você faz um elemento maior, a qualidade não será tão boa, então comece sempre com o maior tamanho e torne os elementos menores e menores. Uma ferramenta divertida para usar para animação é a ferramenta liquefeita. Se você quiser fazer algo parecer que está soprando no vento ou se movendo com um pouco de atitude, experimente quadro por quadro. O próximo é redesenhando um elemento. Isso pode criar um lindo campo wiggly, feito à mão. É ótimo para tipografia e para adicionar movimentos sutis para imprimir peças. Sou um grande fã desta técnica. A maneira final é redesenhando elementos quadro por quadro, mas também movendo-os, girando e escalonando-os como você faz. Isso é muito parecido com a criação de nossa própria animação flip book. É o mais demorado, mas também é o mais divertido. O que é realmente legal é que em cada quadro, você pode animar usando uma combinação de todos esses métodos. Procreate exporta um GIF em loop, mas ele não parecerá um loop contínuo, a menos que você o transforme em um. Isso significa que cada quadro precisa levar para o próximo quadro, e o último quadro precisa levar para o primeiro. Existem várias maneiras de fazer isso e, em alguns casos, é muito mais fácil de alcançar do que outros. Se você tem o tipo desenhado à mão, é muito fácil traçar o primeiro quadro repetidamente em novas camadas e vamos sentir que ele loops muito bem. Se você tem um elemento que está se movendo, ele precisa acabar um quadro longe de onde ele começou no quadro um. Uma maneira fácil de fazer isso é criar alguns quadros de um elemento movendo-se em uma direção e, em seguida, duplicar os quadros e reordená-los para fazê-lo voltar para onde começou. Está bem. Esse é o básico da animação quadro a quadro no Procreate. Eu sugiro brincar e se divertir com animações simples antes de tentar algo mais ambicioso. Nas próximas lições, vou abordar tópicos que facilitarão a criação de animações no Procreate. Conversaremos sobre qualidade, limitações de GIF, dimensões, conversão de GIFs em vídeos, organização, preparação e redimensionamento de seus documentos procreate, e mostrarei meu processo de criação de um GIF animado. 6. Tamanho e qualidade: Nesta lição, vou abordar a preparação da animação, a qualidade da animação, as dimensões do documento e o tamanho do arquivo. A finalidade das animações e o destino final determinarão como você vai animar e exportar sua animação. Também ajudaremos você a decidir sobre as dimensões de seus documentos e sobre quantos quadros e cores usar. O que eu recomendo fazer antes de iniciar qualquer animação é perguntar, quanto tempo você quer ou tem que gastar animando? Às vezes, a animação leva muito mais tempo do que o esperado, especialmente se você estiver animando vários elementos ou quiser fazer algo chique. Saber quanto tempo você tem pode mudar o que e como você anima. Há três coisas que ajudam a determinar a resposta. A primeira é a razão pela qual você está fazendo essa animação: se divertir um pouco , se promover, adicionar vida a uma ilustração para seu portfólio. O segundo é o seu destino: está indo para o seu site, Instagram, Dribbble, Behance, YouTube? O terceiro é o que você está animando. Animar um polvo pode demorar um pouco mais em uma única palavra agitada. Os GIFs podem ter um máximo de 256 cores. Isso pode parecer muito. Mas se você estiver fazendo pintura digital complexa usando gradientes e texturas ou usando muitos quadros com cores diferentes, seus GIFs exportados podem não ter a mesma aparência do Procreate. Dê uma olhada neste GIF, dentro do Procreate, e de fora do Procreate. Você pode ver como a qualidade não é tão boa? O Procreate gerencia e descarta cores extras quando você as exporta no GIF. Quanto mais simples for seu trabalho artístico e mais lisas suas cores, mais próximo seu GIF fora do Procreate estará do seu trabalho artístico dentro de um Procreate. Se estiver desligado para animações de alta qualidade, mais cores e mais controle, sugiro exportar suas camadas do Procreate e importá-las no Photoshop ou no After Effects para animação. Mas não vamos cobrir esta opção aqui. Em seguida, são as dimensões do documento. Animação que criamos no Procreate são digitais. Usamos pixels para medi-los, não polegadas, não milímetros, mas pixels. Se você está acostumado a trabalhar em tamanhos de impressão, ficará satisfeito em saber que as dimensões de animação geralmente são muito menores. Embora GIFs e vídeos possam ser criados em qualquer tamanho, existem algumas dimensões que fazem mais sentido do que outras. Eles são mostrados em comparação com a quantidade de pixels em um documento A4 de 300 DPI, que é semelhante a um tamanho de letra padrão, 1280 por 720 pixels. Isso é HD de menor qualidade. Está tudo bem para o YouTube. 1920 por 1080 pixels: isso é HD de alta qualidade. A maioria dos vídeos do YouTube e do Vimeo são desse tamanho. 1080 por 1920 pixels: este é o tamanho de uma história do Instagram. 1080 por 1350 pixels: este é o tamanho de uma postagem do Instagram. 800 por 600 pixels: este é o tamanho de um GIF animado no Dribbble. Todos os documentos criados no Procreate têm medidas de pixel. Mas se você criar o documento usando medidas físicas como polegadas ou milímetros, o valor do pixel será calculado pelas dimensões físicas e o DPI. Isso não é um problema, mas redimensionar seu documento para o tamanho correto em pixels pode ser complicado. Vamos cobrir isso mais tarde na aula. A última coisa a considerar é o tamanho do arquivo de suas animações. Se você estiver criando vídeos para o Instagram ou YouTube, tamanho do arquivo não importará. Mas se você estiver fazendo um GIF para sites ou se estiver fazendo uma animação para pessoas que vivem onde as velocidades da Internet são lentas, considere o tamanho do arquivo. Há três coisas que aumentam o tamanho do arquivo de uma animação. A primeira é dimensões. Quanto maiores forem as dimensões, maior será o tamanho do arquivo. A segunda é a contagem de cores. Quanto mais cores, maior o tamanho do arquivo. A terceira é a contagem de quadros. Quanto mais quadros houver, maior o tamanho do arquivo. Isso foi muito a considerar. Sua cabeça pode estar pronta para explodir. Vamos voltar a ser práticos. Na próxima lição, mostrarei como converter um GIF animado em um vídeo. 7. Como exportar vídeos em loop: Até agora, você já deve ter percebido que a animação é incrível e assim nossos gifs. Mas algumas plataformas não suportam gifs animados. No entanto, eles dão suporte a vídeos. Nesta lição, abordarei a introdução de sua animação do procreate em um vídeo em loop. Podemos exportar vídeos diretamente do procreate, o que é incrível algumas vezes. Mas ele não o exporta como um vídeo em loop. Isso significa que para três quadros de animação nosso vídeo terá apenas três quadros. O que significa que não tem nem um segundo de duração se a taxa de quadros for de 10 quadros por segundo. Em outras palavras, é muito curto. Se você está querendo postar um vídeo no Instagram, por exemplo, ele precisa ter pelo menos três segundos. O que é legal sobre o Instagram é que nossos vídeos de loops têm mais de três segundos em postagens padrão. Se sua animação for superior a três segundos e tudo o que você deseja é postá-la no Instagram como uma postagem padrão, então exporte-a como um MP4 do procreate. Mas o Instagram não faz loop de vídeos e histórias, e o YouTube certamente não parece nenhum dos vídeos. Como fazemos o loop dos nossos vídeos? Bem, existem algumas maneiras excessivamente complicadas de fazer isso no seu iPad com vídeo exportado. O que eu sugiro fazer é expor um gif, e usar um aplicativo chamado gif cracker para converter o gif em um vídeo. É gratuito e tem uma atualização paga barata para acessar mais alguns recursos, e é fácil de usar. Visite este link em um navegador em seu iPad. Ele irá trazer a página do cracker gif na loja de aplicativos. Depois de ter baixado gif cracker da loja de aplicativos e exportado seu gif do procreate, abra o aplicativo gif cracker. Certifique-se de escolher gif para vídeo na parte inferior da tela e, em seguida, selecione o gif. Se não vir o gif, prima o botão de actualização no canto superior esquerdo. Aumente os loops para o máximo para que o vídeo não seja reproduzido apenas uma vez. Escolha o seu tamanho e, em seguida, exporte-o. Uma vez exportado, você pode salvá-lo ou compartilhá-lo. Eu normalmente salvar e dar uma olhada em como ele se parece antes de compartilhar ou voltar e fazer alguns ajustes. Se você tem a versão gratuita do gif cracker, você só poderá escolher um máximo de metade do tamanho ao converter. Eu recomendaria pagar a pequena taxa de upgrade. Você não terá anúncios, poderá escolher o tamanho normal ao exportar e estará apoiando um desenvolvedor. Mas se preferir não gastar dinheiro, há uma maneira sorrateira de nos contornar. Tudo o que você precisa fazer é redimensionar sua tela e procriar para dobrar seu tamanho atual. Exporte para gif e, em seguida, escolha metade do tamanho no gif cracker para acabar com o vídeo de tamanho original. Tada. 8. Estrutura e organização: Os arquivos de animação podem ficar confusos, então vamos discutir estrutura e organização. Coisas divertidas, eu sei, mas vai melhorar a tua vida. No início de um projeto, eu crio um único arquivo original que eu mencionei poderia ser para impressão para que eu possa imprimir e animá-lo, ou poderia ser configurado para animação desde o início. De qualquer forma, se eu pretendo animá-lo, eu me certifico de separar minhas camadas o máximo possível, mas mantê-las bem organizadas. Isso significa que eu sempre posso voltar e fazer mudanças muito facilmente. Por exemplo, para este braço, tenho várias camadas que o compõem. Eu não faço muita nomeação de camada neste ponto, mas eu tento agrupá-los e nomeá-los algo descritivo, como braço esquerdo. Quando estou feliz com o original, eu duplicá-lo e renomeá-lo animação. Encontre necessidade de e se o tamanho do arquivo é medido em pixels são redimensiona documento de animação, ações superiores que Canvas, seguida, cortar e redimensionar, em seguida, cortar e redimensionar, ativar novamente amostragem se você quiser redimensionar o conteúdo. Caso contrário, ele mudará o tamanho da sua tela sem alterar o conteúdo e ocorrerá um corte. Você pode ter que usar o corte e redimensionar para duas vezes ou mais para obter exatamente o tamanho desejado. Quando o documento de animação estiver no tamanho certo, mescle e nivelar camadas semelhantes às que você não está duplicando tons de camadas para cada quadro. Veja como eu sugiro que você faça esse processo. Mantenha todos os elementos que serão movidos, dimensionados ou girados em suas próprias camadas separadas. Todas as camadas de um tipo ou cor específico que estão sendo redesenhadas em cada quadro podem ser mescladas em uma única camada. Talvez seja necessário usar mais de um se a ordem da camada for importante, então você poderá mesclar todos os elementos que não estiver animando em uma camada estática. Novamente, use mais de uma camada se a ordem da camada for importante. Se você não precisar manter uma máscara ou máscara de recorte, achate-a. Assim que todas as camadas forem mescladas e achatadas, nomee-as, agrupe ou suas camadas e chame o quadro de grupo 1. Em seguida, duplique esse grupo e renomeie o quadro 2. Faça alterações, redesenhe elementos e assim por diante. Se o documento original não for medido em pixels, não se preocupe. Há uma maneira de contornar isso, mas pode ser complicado. Para começar, crio um arquivo intermediário chamado Prep duplicando o arquivo original. Neste arquivo de preparação, farei toda a fusão de camadas que mostrei a vocês alguns momentos atrás. Faço isso para que haja menos camadas para mover para nosso próximo passo. Uma vez que as camadas são mescladas, crio um novo arquivo nas dimensões corretas em pixels e, em seguida, vou para o meu perfil e arrasto todas as camadas para este novo arquivo. Deixa-me mostrar-te como se faz isto. Selecione as camadas, pressione para baixo e arraste as camadas deste documento para a nova. Talvez seja necessário reorganizar suas camadas. Depois que as camadas tiverem sido copiadas, procreate pode tê-las colado na ordem errada. Este processo é um pouco complicado, mas funciona. A maneira mais simples de evitar fazer isso uma e outra vez é criar todas as telas futuras em pixels. Tornará a vida muito mais fácil. 9. Como redimensionar seu GIF: Às vezes, você precisa redimensionar sua animação para atender a um requisito dimensional exato. Por exemplo, Dribbble GIF precisa ser 800 por 600 pixels. Outras vezes, você precisa reduzir o tamanho do arquivo do seu GIF. Exportar seu GIF pronto para a Web pode ajudar, mas às vezes não ajuda. Nesta lição mostrarei como redimensionar suas animações no Procreate e como usar o cracker GIF para criar GIFs proporcionalmente menores. Vamos usar o exemplo Dribbble como nosso cenário. Nós temos esse arquivo de animação e se eu entrar nele, você pode dar uma olhada rápida em como ele se parece. Mas agora quero redimensioná-lo para Dribbble. Vou criar uma duplicata e vou chamá-la de Dribbble. Então lá dentro eu vou esperar até que ele carregue, lá vamos nós. Então vá para a minha tela, corte e redimensione. Agora, Dribbble é 800 por 600. Vou fazer uma reamostragem. Vamos colocar 600. Então 800 por 600 feito por agora e então eu vou cortar e redimensionar mais uma vez e mudar isso para 800 por 600 e reposicioná-lo. Lá vamos nós, e está pronto para Dribbble. Quando eu compartilho como um GIF, lá vamos nós. Funciona no formato Dribbble. Se tudo o que você precisa é uma versão menor de sua animação, mas ainda na mesma proporção, use o cracker GIF. Abra o cracker GIF, escolha GIF para GIF na parte inferior e selecione seu GIF. Em seguida, escolha um tamanho menor converta-o e, em seguida, salve-o. O benefício desta opção é que você não precisa ter outra versão do mesmo arquivo no Procreate para arquivos menores. Para seus projetos de classe, se você estiver lutando para fazer upload de seu GIF por motivos de tamanho de arquivo, tente a segunda abordagem. que leva muito bem ao tema do nosso projeto de classe, que vamos abordar na próxima lição. 10. Ajuda na animação: Ei pessoal, então vocês podem estar se perguntando por que eu pareço diferente agora, por que tenho um boné e óculos, e o fundo é diferente. Bem, o tempo passou. Enquanto o tempo passou, Procreate vem trazendo nosso recurso após recurso após recurso. Nesta lição, apresentarei a você o Procreate Animate Assist. É incrível, torna a animação no Procreate muito mais rápida e muito mais fácil. Vamos mergulhar nisso. Vou criar um novo documento ou uma nova tela. Vou apenas escolher um tamanho de tela, primeira opção aqui. Para abrir o Procreate Animate Assist, toque no ícone de engrenagem e vá para Canvas e ativa o Animation Assist. Lá vamos nós. Você verá na parte inferior esta pequena barra com os botões Reproduzir, Configurações e Adicionar quadro, e para desligar isso, basta tocar no botão de alternância. Lá vamos nós, ligue-o de volta. Em Camadas, você verá que há apenas uma camada, mas se você for bam e adicionar um quadro, verá que há outra camada adicionada. Isso é super rápido; super poderoso, mas só funciona com camadas. Se você tem um grupo, ele não adiciona um grupo totalmente novo. Ele apenas adiciona um quadro que é apenas uma camada. O que isso faz? Bem, confira isso. No quadro 1, o qual você pode navegar muito facilmente aqui; vamos fechar isso, vamos fazer um quadro grande 1. Em seguida, no quadro 2, adicione o quadro e vamos fazer cinco quadros aqui. Quando pressionamos “Play”, boom, ele joga muito rapidamente. Pause isso. Se você for para Configurações agora; whoa, você pode mudar um monte de coisas aqui. Vamos por cinco quadros por segundo, e eu sou gongo para tocar fora daqui, pressione “Play”. Você pode ver que ele vai 1-5 e depois volta para um. Pause isso. O que podemos fazer agora é ir ao Ping-Pong, e eu realmente gosto disso. Isso joga 1-5 e volta a um, então vou pausar isso. Vamos mudar isso para um quadro por segundo. Jogue, então 5, 4, 3, 2, 1 e depois volte para 2, 3, etc. isso é o que é Ping-Pong, e One Shot, bem, você pode adivinhar isso. Se você for o quadro número 1 e pressionar “Reproduzir”, ele vai até o quadro número 5, e então ele pára e volta para o último quadro. Você pode ver que é muito fácil navegar entre quadros, e ele faz todo o trabalho pesado em termos de criação de novas camadas, ocultá-las e mostrá-las para que isso seja poderoso. Vou voltar ao Ping-Pong porque isso é incrível, torna a criação de animações em loop sem costura super fácil. A outra coisa aqui que é muito legal são os quadros de pele de cebola. Você verá que você pode ver todos os quadros, mas eles estão desbotados. Bem, você pode mudar quantas peles de cebola você pode ver para que você possa dizer nenhuma. Você está vendo o quadro atual, ou eu gosto de ver o quadro na frente. Isso significa que é muito mais claro. Posso ir para o número 2 e posso ver o quadro antes e um quadro na frente. Se eu for para três, posso ver dois e quatro. Se eu for para quatro, posso ver três e cinco. Mas você pode estar se perguntando como: “Oh, é muito fácil agora porque diz quadro 5 e quadro 3, mas o que acontece se não houver números e eu estiver animando algo mais complexo?” Bem, você pode ir para quadros secundários Color, e os quadros atrás são lidos, os quadros na frente são verdes. Se mudarmos as peles de Cebola de volta para quatro ou até o máximo; Eu vou para três ou quatro, você verá que cinco são verdes e depois 1, e 2 e 3 são vermelhos. Se formos para o quadro 1, o número 1 é preto e, em seguida, 2, 3, 4 são verdes. Você verá que quanto mais longe o quadro estiver, mais desbotado ele fica. Podemos mudar isso também. A opacidade da pele de cebola não é muito escura ou você pode torná-la realmente leve. Tudo isso depende do que você gosta. Eu experimentaria as configurações. Este quadro primário Blend é estranho e, honestamente, não acho que funcione muito bem. Vamos para o quadro número 3. Se formos para Configurações e você ativar Mesclar quadro primário, o que ele faz é que ele faz da mesma cor com que você está trabalhando. O que se destina a fazer, é que se destina a fazê-lo desaparecer. Se você desativar Molduras secundárias de cor, não será possível ver o que o quadro primário de mesclagem faz. Ele simplesmente não faz nada. Isso é um ambiente um pouco estranho. Eu realmente não uso isso, então vou desligar isso. Molduras secundárias coloridas; Eu não uso demais, mas pode ser muito útil. O que temos aqui são cinco quadros. Você pode então jogá-lo 1, 2, 3, 4, 5, e depois ele vai para trás. Vamos pausar isso. O que é realmente legal são as camadas de fundo e primeiro plano. Vou adicionar um quadro e depois segurá-lo e arrastá-lo para a frente, e vou criar um quadro de fundo agora. Vou pegar uma laranja e vamos criar algumas montanhas aqui. Você também pode usar isso como um quadro de referência ou uma camada de referência e, em seguida, excluí-lo. Então o que você faz aqui é tocar nele, e você pode dizer: “Boom, transforme-se em plano de fundo”. Você vê, parece diferente agora. Quando você joga, ele vai ficar na parte de trás, o que é muito legal. Não será animado, mas será uma camada de fundo visível em cada quadro. Essa era a sua camada de fundo, para que você possa desligar e ligar isso. Vamos tocar nisso novamente. Você também pode duplicar uma camada e excluir uma camada e entraremos em toda a duração em apenas um segundo, mas vamos ativá-la novamente. Então, no quadro 5, vamos adicionar uma camada de primeiro plano, e aqui vou para um verde e vamos colocar em algumas nuvens. Estou colocando isso em cima para que você possa ver que é uma camada de primeiro plano, então vou tocar nisso e selecionar “Primeiro plano”. Você verá que há um pequeno espaço entre o plano de fundo e o resto dos quadros, e um pequeno espaço entre o primeiro plano e o resto dos quadros e isso é para diferenciar o plano de fundo e o primeiro plano. Algo a ser dito aqui é que somente esse primeiro quadro pode ser uma camada de fundo e somente essa última camada pode ser uma camada de primeiro plano. Vamos jogar isso, e você verá que agora há um plano de fundo e uma camada de primeiro plano. Isso é muito legal, acho que poderia ser muito mais poderoso. Eu acho que as camadas de primeiro plano e de fundo, elas poderiam ser animadas. Isso seria incrível, então vamos esperar que o Procreate saia com algo assim no futuro. Se formos para o quadro número 3 e tocarmos nisso; lá vamos nós, podemos mudar toda a duração para algo como 25 ou três. Vamos para 10. Isso o mantém por 10 quadros, o que é muito legal. Em vez de ter que duplicar isso 10 vezes, podemos apenas definir toda a duração para 10. Se vamos para o quadro número 1; pressione “Reproduzir”, você verá que ele fica aqui por 10 quadros, o que é cerca de 10 segundos no momento e, quando chegar ao final, continuará jogando, o que é bem legal. Agora, ele está voltando e vai segurar novamente por 10 quadros; ta, ta, ta, ta, ta, ta, ta, ta, e continuará a jogar. Isso é muito legal. Vou mudar isso para nenhum novamente. O que eu não gosto sobre toda a duração é que você não pode fazer isso mexer ou o que quer que seja, só permanece exatamente o mesmo. Mas ainda economiza muito tempo se você quiser criar uma animação de quadro inteiro ou um segmento de sua animação. Isso é Procreate Animate Assist ou Animation Assist. Lembre-se de que você pode ir até ele pressionando este ícone de engrenagem e depois indo para a tela e desligando-o e ligando, e ele criará todas as camadas para você. O que eu disse no começo é que isso realmente não funciona se você estiver criando grupos com camadas dentro deles. Eu queria criar um aqui; selecione esses dois e agrupe, e eu queria fazer um pouco de desenho aqui. Isso está em duas camadas diferentes. Se eu for “Adicionar quadro” e se voltarmos para as camadas, apenas anúncios e camadas. Ele não adiciona um grupo inteiro. Se você vai trabalhar com grupos, eu recomendo criar seus grupos de antemão e voltar à forma como estamos fazendo a animação no Procreate no resto da classe criando novas camadas e novos grupos, e em seguida, ocultando e mostrando as diferentes camadas ou grupos. Lá vamos nós. Isso é poderoso. Quando você exporta agora; deixe-me ir, vá para Compartilhar, se formos para MP4 ou um GIF animado, ele irá exportá-lo com suas configurações atuais. Aqui deve haver um longo atraso se você tiver um longo atraso, e então também está jogando para trás e para frente, o que é o efeito Ping-Pong. Você pode então ir para Web Ready, você pode optar por Resolução Máxima, e você pode alterar seus quadros por segundo aqui, o que novamente super poderoso. Isso significa que você não precisava definir seus quadros por segundo em seus documentos e, em seguida, seguir em frente com esses quadros por segundo aqui. Você pode alterá-lo à medida que está exportando. É isso para esta edição de animação Procreate, espero que você tenha gostado. Espero que você não esteja muito fora adiado por mim novo, novos antecedentes, novas coisas. Vejo você em breve. Adeus por enquanto. 11. Seu projeto: Ok. É hora de seus projetos de classe. O que eu quero que você faça se você ainda não fez isso é criar pelo menos um GIF em loop com 3-10 quadros e compartilhá-lo conosco. Carregue-o para o seu espaço de projeto no Skillshare e compartilhe quaisquer experimentos ou rabiscos de animação que você fez. Conte-nos o que você aprendeu e o que achou mais divertido sobre o processo. Se você está preso, por que não anima um ditado de seu país de origem ou cidade natal, ou talvez uma palavra ou ditado favorito. Use um estilo com o qual você se sinta confortável. Se você vai postar nas redes sociais e quiser chamar minha atenção. Se você postar um vídeo em loop suites no Instagram ou um GIF de pano no Dribbble. Menciona-me. Eu sou @TAPTAPKABOOM ou você pode usar a hashtag de estudante #TAPTAPKABOOM. Neste ponto da turma, adoraria que deixasse uma crítica. Significa muito para mim. O que vou fazer a seguir é mostrar meu processo de criação de um GIF animado do início ao fim. Vejo vocês no próximo vídeo. 12. GIF animado de Rich: Para começar, deixe-me considerar meu tempo e quanto tempo eu quero estar animando. Qual é a razão pela qual estou criando essa animação? Bem, eu quero fazer alguém sorrir enquanto eles estão rolando através de seu feed. Não precisa ser chique. Onde vai a animação? Eu quero postá-lo no Instagram e Dribbble, então trabalhar com 1.080 pixels quadrados é uma boa idéia. Posso redimensioná-lo para funcionar como uma história do Instagram, postagem do Instagram e como um post do Dribbble depois de criar a animação. Então, o que estou animando? Eu quero animar um personagem com um ditado, e eu vou usar um estilo artesanal simples, mas texturizado. As respostas a essas perguntas se traduzem em mim tentando gastar menos de uma hora na animação. Esperemos tempo suficiente para tirar um sorriso das pessoas. A primeira coisa que eu faço é criar um novo Canvas, eu vou ir para um tamanho quadrado IG porque é tão versátil. Então eu gostaria de fazer um pouco de planejamento. O que eu vou fazer é ilustrar um ditado que diz, sol está fora, armas para fora. Basicamente significa que quando está ensolarado você tem que mostrar suas armas, que são seus braços, seus músculos. Então isso vai ser um sol, e ele vai ter algumas sombras, alguns óculos de sol, e então tem alguns sob reflexos, e ele vai ter um sorriso. Isso talvez um pouco grande, talvez possamos fazer isso com o uniforme selecionado. Sim, isso parece bom. Então ele vai ter esses músculos grandes assim. Algo assim, e então sol se apagou, as armas se apagam. Então eu vou criar uma nova camada com esta no topo, diminuir a opacidade e usar isso como uma camada de referência, e então agrupar tudo para que a qualquer momento eu possa mover o grupo inteiro com todas as camadas. Bastante fácil. Então minha camada 2, bem, eu vou começar com cor amarelada, talvez um pouco mais laranja, e os pincéis que eu estou usando são pincéis personalizados, mas na maioria das vezes eles são réplicas ou variações de tinta seca, ou tinta Sangrar, e há um par de grunge aqui em cima que eu fiz sozinho. Vou usar um sangramento de tinta que é um pouco maior. Isso só torna a criação de formas de base muito mais fácil. Eu realmente não gosto de usar esta técnica completa porque você vai ver que quando eu aumentar o zoom, há uma pequena borda estranha. Eu gostaria de colorir mão absolutamente tudo, o que leva um pouco mais, mas eu acho que a qualidade definitivamente compensa. Vamos fazer isso e talvez, eu possa aumentar o tamanho do pincel um pouco. Lá vamos nós. Tenho o meu corpo. Quando eu diminuir o tamanho do pincel novamente, eu vou criar os raios, então vamos para algo um pouco mais escuro, lá vamos nós, e começar a criar os raios solares. Então eu posso colocar o corpo na frente novo e apenas ter certeza de que todos eles estão coloridos. Parece bom atrás do corpo real. Eu estou usando um pincel realmente áspero que lhe dá uma aparência artesanal muito agradável, mas você não tem que fazer isso. Isso parece muito bom. Parece um girassol. É só um pouco de corpo extra lá que eu não quero apagá-lo, e então nós vamos colocar de volta a camada de referência. Vamos pegar uns sunnys. Sunny esquerda, e ensolarado direita. Sim. É muito bom. Mude para um pequeno sangramento de tinta só para a ponte dos sunnys, as sombras. Isso é fantástico. Então eu vou usar uma máscara de recorte para que eu possa fazer uso dessas coisas reflexivas, e eu posso colorir as linhas sem ter que ser realmente preciso. O da esquerda é um pouco estranho, então vamos fazer isso de novo. Isso parece ótimo. Então vamos desenhar a boca. Sim, isso parece muito bom. próximos são os braços. Eu não acho que eu salvei essa cor, então eu vou selecioná-la novamente, e eu tenho uma nova camada criada. Não consegues ver o que estou a fazer aqui, por isso vou escondê-los. Isso parece muito bom. Vamos usar a tinta sangrar muito. Vamos criar uma nova camada 4 à esquerda. A razão pela qual eu estou indo todo o caminho para o braço real e não apenas parar isso é porque eu vou estar girando eles, e eu vou estar girando-os a partir deste ponto aqui, então eu realmente gosto que ele seja redondo por todo o lado e não ter este quadrado jetting fora pedaço como eu estou animando. Vamos voltar para trás essas coisas. Vou pôr isto aqui em baixo. A razão pela qual eu não colocá-los no fundo é porque isso os leva para fora do grupo, o que é um pouco frustrante. Isso parece muito bom. Acho que os braços são um pouco grandes, então vamos nos ajustar. Primeiro, eu vou fazer isso e então, yap use esse sangramento de tinta. É muito importante ter a ilustração básica ou original correta antes de fazer qualquer animação, caso contrário você gasta muito tempo reanimando ou reilustrando. Desculpe. Em seguida, um pouco para trás apenas para que ele enche, feito à mão novamente. Parece que ele tem músculos maiores deste lado, que é perfeitamente natural, eu acho. Ele parece um grande amigo Sun. Podemos colocar um pouco mais lá dentro. Sim, isso parece bom. Você pode ver o que eu fiz aqui é que eu realmente fiz um pouco de ilustração na camada errada. Vou cortar isso e colá-lo, e fundir-me na mão direita. A próxima coisa é fazer sol fora, armas para fora, então eu gostaria de fazer isso no topo, e podemos usar este sangramento de tinta, eu acho. Sim, isso parece bom. Sóis fora. Podemos movê-lo um pouco para a esquerda, eu acho, e girá-lo apenas uma mancha. Podemos ver o que parece uma vez que a camada de referência é desenhada. Criar uma nova camada para armas para fora. O sol está fora, as armas para fora. Como é que isso parece? Acho que parece muito bom. Sim, talvez possa girar um pouco mais, trocar. Sim, isso parece bom. Vou fazer um pouco de texturização agora, então vou criar uma nova camada e torná-la uma máscara de recorte. Dê a ele um modo de mistura multiplicada, e então eu vou tentar selecionar, lá estamos nós, selecionamos essa cor e usamos um tipo realmente grungy de um pincel. Coloque isso em cima deles e use a mesma borracha, a borracha de capacidade grunge. Chamo isso de técnica ruim de aspirador. Então eu estou realmente apenas tentando pegar um pouco do que eu coloquei para baixo. Isso cria um tipo muito agradável de textura. Eu posso fazer isso várias vezes, e funciona muito, muito bem. Então eu vou criar uma nova camada, fazer máscara de recorte novamente, e, em seguida, selecionar preto como a cor e usar a mesma técnica. Só para adicionar um pouco mais de textura. Não quero muito preto, mas este saiu com um pouco de sujeira. Lá vamos nós. Isso parece bom. Então eu vou fazer a mesma coisa para os raios, então máscara de corte, mas eu não vou usar nenhum preto desta vez. Então vamos fazer uma troca rápida de cores. Lá vamos nós. O que não fizemos foi, precisávamos de uma camada multiplicada, ok, algo assim parece muito bom. Então, finalmente, em cada um dos braços, torná-lo uma camada multiplicada e torná-lo uma máscara de corte, que eu possa passar por cima das linhas. Precisa de uma camada multiplicada, mas eu estava na ferramenta de raios. Algo assim, com bom aspecto, legal. Então, finalmente, no lado direito, máscara de corte, faça se multiplicar, use o pincel. Ok, então isso está parecendo muito bom. Sóis para fora, armas para fora. Esse é o nosso original. Fantástico. Eu vou voltar para minha galeria, mas talvez antes de fazer isso, você pode ver que minhas camadas estão muito bagunçadas. Mas eu sei o que eles são. Eu poderia agrupá-los, mas não há muitas camadas que eu não sei o que está acontecendo. Eu vou direto aqui e renomear este original e depois duplicá-lo. Nomeie esta animação e soletre-a corretamente, e vá direto para ela. Isso significa que agora eu posso começar a mesclar camadas e nivelar camadas. Então fundam-se. Selecione-os, agrupe-os e achate-os. Sim, vamos nos fundir. Então eu posso excluir minha camada de referência. Essas três camadas eu posso agrupar, achatar, e eu vou chamar isso de preto porque é tudo da mesma cor, e eu vou redesenhar cada um desses elementos. Então eu tenho meus óculos. Então vamos renomear tons. Este pode ser o corpo, este pode ser pode ser os raios, um braço esquerdo, por que eu continuo pressionando Shift, Eu não sei e braço direito. Ok. Em seguida, o meu grupo, eu vou renomeá-lo quadro 1. Lá vamos nós. Tenho o meu primeiro quadro, o que é fantástico. Agora posso começar a animar. Então, sai o sol, as armas e o sorriso dele, eu vou redesenhar aqueles em cada quadro. Seus sunitas ou suas máscaras, vou fazê-los balançar da esquerda para a direita, ou talvez para cima e para baixo. Seus braços e sua juba ou seus raios e seu corpo vão girar de alguma forma. Então vamos indo, eu vou duplicar isso, renomeá-lo quadro 2. Então o que vou fazer é criar uma camada de pele de cebola. Vou mudar o nome desta cebola e dar-lhe uma cor de fundo de branco. Então vamos encher isso. Ok, então a primeira coisa que eu vou fazer é limpar esta camada, e eu vou selecionar minha cor preta novamente. Verá que a minha boca não está lá. Então, o que está acontecendo aqui? Bem, a primeira coisa que podemos fazer é reduzir a capacidade da nossa camada de cebola, que parece muito bom, mas ainda não conseguimos ver nenhuma boca. Não tem nada a ver com quadro 1. Mas se tirarmos o corpo e nos levantarmos, podemos começar a ver coisas. Então vamos dar uma boca ao nosso cara, não com esse pincel. Vamos para [inaudível] um. Então vamos rastrear sóis. Eu não vou ser muito precioso em fazer isso exatamente, mas ao mesmo tempo, eu não quero que ele pareça realmente diferente do que ele é atualmente. Então, não importa o quanto eu tenha tentado fazer isso no passado, cada quadro será um pouco diferente. Mas é exatamente isso que eu quero. Então nós fizemos esse quadro, as sombras, vamos mover esses, um pouco de rotação. Você pode ver agora que podemos começar a ver onde as sombras estão no quadro anterior. Muito legal. Então o corpo que podemos ligar. O que eu vou fazer aqui é o corpo, eu vou girar ligeiramente para a esquerda, então vamos apenas ir quase como um entalhe, ou uma largura de raio. Então os raios, o que eu vou fazer é ir um pouco para a direita, mas ainda menos do que o corpo. Então, só um pouquinho e eu quero que isso realmente sinta como se estivesse girando. O problema com isso, porém, é que se eu fosse fazer isso, ele realmente não sentiria que está girando porque ele apenas iria parecer que ele está ligeiramente balançando. Então, só uma mancha, talvez até menos, algo assim. Então eu vou esconder meu corpo e meus raios em ambos os quadros. Agora, vamos dar-lhe um pouco de rotação, e apenas realinhá-lo. Um pouco de rotação e realinhamento. Então nós temos todas essas camadas feitas. Vou desmarcar minha camada de cebola e depois visualizá-la. Talvez mudar isso para 10 quadros por segundo. Sim, parece muito bom agora. Isso é ótimo. Se parecesse um pouco fora, eu o exportaria e verificaria na minha galeria de fotos, mas parece muito bom. Então vamos duplicar isso, e o que eu vou fazer é renomear isso para moldura 3 e depois ligar minha cebola. Vamos lá em cima. A primeira coisa que eu quero fazer é limpar a camada preta, e apenas refazer o texto. Então pegar a boca e essas duas camadas. Lá vamos nós. Sombras. Ou podemos girar isso para o outro lado e talvez movê-lo um pouco para baixo. Lá vamos nós. O corpo. Vamos girar assim. Então você pode ver que esse círculo não é reto, mas isso é ótimo. Eu não queria um círculo perfeito. Em seguida, os raios, vamos mover isso ligeiramente. Um pouco para a direita, sim. Mas eu não quero fazer referência ao quadro 1, eu quero fazer referência a um quadro 2. Então vamos fazer isso de novo. Lá vamos nós. Isso parece ótimo. Em seguida, braço esquerdo e braço direito. Mais uma vez eu quero referenciar quadro 2. Então vamos dar uma ligeira rotação. Ótimo. Vamos dar a este braço uma ligeira rotação. Ok. Quadro 3 está feito. Vamos dar uma olhada no que isso parece. Então um GIF piscando em todos os lugares. Vamos colocar essas camadas de volta. Novamente piscando em todo lugar. O que está acontecendo aqui? Vamos colocar essas camadas de volta. Ok. Isso está começando a parecer muito bom. Vou dar uma exportação de resolução total, salvar a imagem, e vamos dar uma olhada. Então, há um pouco de como. Isso é porque, sim, ele está indo do quadro 3 para o quadro 1 e especialmente o corpo ou todas as coisas que estão girando não realmente tão semelhantes quando ele vai do quadro 3 para o quadro 1. Mas vamos resolver isso assim que tivermos feito todos os cinco quadros. Ok. Procreate. Vamos criar ou duplicar quadro 3 e renomeá-lo quadro 4. Lá vamos nós. Podemos desligar todos esses, exceto o quadro 1. Mova nossa cebola para cima e eu limparei nossa camada preta. Legal. Vamos escrever nossa mensagem mais uma vez. “ O sol está fora, a arma está fora”. Dê a ele outro sorriso. Então suas máscaras podem se mover novamente, talvez um pouco para a esquerda desta vez. Sim, isso parece bom. Depois o corpo dele. Para que lado o corpo dele vai? Um pouco para a esquerda de novo. Em seguida, os raios, onde queremos quadro 3 e não quadro 1. Uma mancha à direita. Ok. Vamos desligar Corpo e Raios, ir Quadro 3, desligar Corpo e Raios, e então começar a girar os braços novamente. Só uma mancha e uma mancha. Olhando bem. Então você fez tudo isso. Agora vamos fazer outra exportação. O último. Então vamos mover nossa cebola de novo. Mostre, limpe isso. “ O sol está fora, as armas para fora”. Seu sorriso perdido. Lá vamos nós, cara. Sombras. Isso é bom. Seu corpo é girado um pouco. Isso é tentar revelar alguns dos raios, o que é problemático. Então podemos consertar isso em um momento. Os raios. Quero referenciar o quadro 4. Vamos mover esta rodada e apenas como manchas. Agora, enquanto estamos nisso, o que podemos fazer é apenas fazer um pouco de desenho para que não vejamos a parte inferior dos raios. Talvez possamos selecionar essa cor. Lá vamos nós e isso parece muito bom. Depois esquerda e direita novamente. Só uma mancha. Ok. Então isso parece com tudo. São cinco quadros. Agora, quando o animamos, exportamos nossa animação. Sim, isso parece muito bom. Então eu vou exportá-la como uma resolução completa apenas para verificar se tudo está bem. Sim, parece muito bom. Então agora vamos fazer um loop, o que é realmente muito fácil. Então eu não preciso mais da minha cebola. Vou excluí-lo e, em seguida, duplicar o quadro 4 e o quadro 3 e o quadro 2. Cara, ele parece um leão agora. Em seguida, exporte meu GIF animado e lá vamos nós. Ele está se movendo para frente e para trás. Então, vamos exportar isso em resolução total. Salve a imagem e, em seguida, confira ele no Fotos, e é um GIF em loop. “ O sol está fora, as armas para fora”. 13. O final (não aplicável para GIFs em loop): Este é o fim da aula, espero que você tenha se divertido e aprendido algumas coisas novas. Continue jogando e experimentando e tendo um monte de diversão e, em seguida, por favor, deixe um comentário e não se esqueça de me acompanhar e se inscrever para atualizações no tapkaboom.com. Se o bug de animação mordeu você e você quer fazer mais do que simples animação procreate, verifique em minhas outras classes de animação e dar uma olhada nas outras coisas incríveis no Skillshare. Este sou eu desligando. Tchau, por enquanto.