Animação em Procreate para iniciantes: crie seus próprios GIFs e figurinhas

1. Trailer do curso: Você conhece esse sentimento? Às vezes, você está procurando o GIF certo, mas simplesmente não consegue encontrar algo adequado ao seu humor. Não mais. Hoje você aprenderá comigo como animar seus próprios GIFs animados no Procreate. Olá e bem-vindo. Meu nome é Vera. Eu trabalho como artista freelancer em Hamburgo e ensino no Skillshare desde 2019. Meu trabalho está cheio de pequenas histórias. Muitas vezes, são inspirados nas aventuras que vivenciei como operário ou em outros jogos de RPG e adoro como eles me ajudaram a me conectar com outras pessoas. Nesta aula, quero ajudar você a se expressar com pequenos GIFs e adesivos. Não só nas redes sociais, mas também nas mensagens privadas. Com minha orientação, você gerará algumas ideias que serão transferidas esboços e, em seguida, para conceitos finais de vários adesivos de reação animados. Para adaptá-los exatamente ao seu gosto, vou inspirá-lo com alguns exemplos diferentes para ajudá-lo a entender o que é possível. Você nunca deveria ter animado antes? Não se preocupe. Isso também é algo que você aprenderá hoje. Para o projeto da classe, você coletará todas as etapas da primeira ideia até a animação final. É muito legal ver como alguns rabiscos aleatórios se transformam em algo em movimento. Prometo que não só seu trabalho mais perfeito será apreciado. Não. Todos nós queremos ver as etapas inacabadas intermediárias e talvez não sejam tão perfeitas quanto você imaginou. Essas coisas são super inspiradoras para seus colegas e para mim. Além disso, você pode coletar alguns comentários e elogios por muito tempo, o que, em troca, o motivará. Se você é um artista e gosta de GIFs e adesivos, essa aula pode ser a coisa certa para você. Como mencionei, você não precisa de nenhuma experiência anterior com animação. A única coisa importante é que você precisará de um iPad com Procreate porque o processo é mostrado e adaptado a esse meio. Além disso, todos são bem-vindos. Não importa se você é um artista iniciante ou avançado, todos poderão tirar algo dessa aula e ampliar seus horizontes. Ao final da aula, você não apenas transformará muitas ótimas ideias em pequenos GIFs animados, mas também aprenderá muitas coisas que ficarão com você em seu caminho como artista. Então pegue seu iPad e vamos começar. 2. Projeto do curso: [MÚSICA] Você está pronto? Nesta aula, você criará suas próprias animações de bolso. Você pode apresentar suas ideias e iterações em seu projeto de classe. Pessoalmente, gosto de usar pequenos GIFs e adesivos para me expressar, mas muitas vezes me falta algo específico ou algo que se encaixe na minha identidade visual. Decidi aprender a fazer minhas próprias pequenas animações que posso usar nas mídias sociais e, como presumo que outras pessoas possam sentir o mesmo, quero que esse seja o projeto da classe. Você não precisa de nenhum conhecimento prévio sobre animação, mas um pouco de experiência com desenho é, obviamente , uma vantagem, mas não é obrigatório. Você precisa de um iPad, lápis Apple e Procreate. Você pode comprar este aplicativo por cerca de 10 dólares na App Store. Eu vinculei a página deles na descrição. Antes de entrarmos no tópico, você receberá uma introdução ao Procreate. Além disso, algumas informações sobre a animação 2D e como ela funciona, além de algumas especificações técnicas que você precisa conhecer ao criar GIFs para seu projeto de classe. Para estimular sua criatividade, faremos uma sessão de brainstorming e coletaremos ideias para seus adesivos. Na próxima etapa, você fará esboços dessas ideias e, em seguida, abordaremos as partes interessantes. Mostrarei vários tipos diferentes de animação e como os abordo, para que você possa escolhê-los e aplicá-los às suas próprias ideias. Ao final desta aula, você terá criado pelo menos cinco animações diferentes e também saberá exatamente como usá-las no Instagram, por exemplo. Eu criei essa aula para ser especialmente adequada para iniciantes, porque eu pessoalmente fiquei muito intimidada com a animação por algum tempo. Espero poder acabar com esse medo disso. Então, cabe a suas próprias mãos compartilhar seu processo conosco para se sentir realizado após esta aula. Você pode enviar toda e qualquer etapa intermediária para a galeria para que possamos ver seu processo e seu progresso. Estou aqui para apoiá-lo ao longo do caminho e estou muito animado para ver seu projeto e os de seus colegas. Por favor, não se esqueça de se divertir. [MÚSICA] 3. Introdução ao Procreate: Antes que possamos realmente começar, quero dar uma introdução ao aplicativo para que você sempre possa entender exatamente o que estou fazendo. Se você já está familiarizado com o Procreate, ótimo. Ainda abordarei todos os principais recursos básicos que serão relevantes neste curso, então estamos todos na mesma página. Essa é a aparência do Procreate quando você o abre. Na galeria aqui, você pode ver a prévia de todos os seus projetos ou as obras de arte pré-instaladas caso tenha instalado o aplicativo recentemente. No canto superior direito, você verá diferentes opções que iniciarão um novo projeto. Vamos começar com um documento vazio. Toque no sinal de adição. No menu que agora aparece, você pode escolher predefinições. Para mim, existem mais alguns porque eu salvei novos com o tempo. O tamanho do Canvas não é tão relevante para o teste agora, você pode simplesmente escolher o topo ou, como eu, criar um novo Canvas tocando neste botão na parte superior. Você pode definir qualquer tamanho aqui. Gosto de começar com um formato quadrado. Quanto mais pixels seu Canvas tiver, menos camadas você poderá usar. Infelizmente, isso é um pouco limitado no iPad e também varia de acordo com o modelo em que você está trabalhando. Como eu quero criar algo para uso digital hoje, vou me certificar de que o perfil de cores esteja definido como RGB. Esse tipo de perfil permite o espectro completo de cores que o iPad e qualquer outro monitor podem mostrar. O CMYK é usado para coisas que devem ser impressas posteriormente. Assim, as cores são um pouco mais limitadas. Portanto, tenha cuidado porque se você criou um arquivo em um dos dois espaços de cores, ele não poderá mais ser alterado posteriormente, você só poderá alterar o perfil dentro do espaço de cores RGB ou CMYK. Você pode deixar o resto das predefinições à esquerda como estão. Agora estamos no documento e temos nosso Canvas pronto. Você pode ampliar apertando dois dedos juntos. As funções mais importantes podem ser encontradas na barra de menu na parte superior e na borda da tela. É aqui que você volta para a galeria. A chave mostra várias ações e configurações. Você pode usar o mágico para fazer ajustes que lidam com cores, efeitos e nitidez, entre outras coisas. Essa coisa do símbolo S do loop helicoidal aqui é a ferramenta de seleção e a seta é a ferramenta de transformação. Você também encontrará pincéis, dedos borrados e borrachas à direita e, claro, o menu de camadas e as cores. Esses controles deslizantes estão à esquerda para mim porque eu sou destro, mas é claro que se você desenhar com a mão esquerda, você pode mudar isso. O controle deslizante superior altera o tamanho da ferramenta com a qual você está trabalhando e o inferior altera sua opacidade. O que eu acho particularmente interessante é que você pode definir suas configurações usadas de forma consistente para ambos com um sinal positivo aqui, para que você possa encontrá-las novamente rapidamente. Não tenho certeza se isso é possível apenas com as predefinições originais, mas você provavelmente me verá fazendo isso também. Deslizar com três dedos de cima para baixo abre o menu de copiar e colar. Um toque com um dedo abre o menu rápido para mim. Você pode encontrar controles por gestos em chave inglesa e configurações e personalizar tudo ao seu gosto. Além disso, o toque com dois dedos desfaz uma etapa e o toque de três dedos refaz uma etapa desfeita. Por fim, mostrarei como preparar seu arquivo para animação. Toque nessa chave e depois em Canvas. Lá você encontrará um botão deslizante para a assistência de animação. Quando está ativada, a barra de animação aparece na parte inferior da tela. Explicarei exatamente o que faremos com ele na próxima lição. [MÚSICA] 4. Animação 101: [MÚSICA] Nosso arquivo está pronto para ser animado. Mas o que exatamente é animação? Chamamos de animação qualquer coisa que crie a ilusão de movimento em um meio visual. Desenhos individuais nos quais algo muda de imagem para imagem são reproduzidos em uma rápida sucessão, e nosso cérebro interpreta essas mudanças como movimento. Isso funciona melhor quando o número de quadros mostrados é superior a 10 por segundo. Tudo abaixo disso ainda pode ser reconhecido pelos nossos olhos como imagens únicas e, assim, tornar a ilusão menos convincente. Vamos verificar em qual taxa de quadros nosso arquivo está configurado. Para fazer isso, toque em Configurações na barra de animação na parte inferior. O menu aqui mostra diferentes aspectos do seu arquivo. Na parte superior, você pode selecionar o tipo de reprodução. O infinito é, eu acho, autoexplicativo. A animação é reproduzida do início ao fim repetidamente até que você a interrompa. O pingue-pongue jogará do começo ao fim, e depois do fim ao começo, e assim por diante. One Shot reproduz a animação uma vez e depois a pausa. Em seguida, você verá um controle deslizante para os quadros por segundo. Isso vai de uma foto, ou quadro por segundo, até 60. Você realmente não precisa das outras configurações ainda. Vou falar sobre isso mais tarde. Você sempre pode alterar a taxa de quadros enquanto trabalha em sua animação. Lembre-se de que quanto mais alta você definir a taxa de quadros, mais rápida será a reprodução da animação e mais desenhos você precisará fazer. É sempre um equilíbrio entre, isso parece super suave e legal, e ****, por que eu trabalhei tanto em mim mesmo? Gosto de começar com uma taxa de quadros de 12 e, às vezes, no processo, acho que outras podem funcionar melhor. Isso é totalmente bom. A animação é um processo de aprendizado constante, e você terá uma melhor noção e compreensão dessas sutilezas com o tempo. Agora, você deve ter uma compreensão básica da animação e de como ela funciona. Na lição a seguir, veremos as condições de estrutura que são importantes para nosso projeto de aula planejado. [MÚSICA] 5. Condições de enquadramento: [MÚSICA] Para o projeto da classe, o objetivo é animar um punhado de presentes pessoais que você possa usar como reação. No entanto, eu gostaria de poder não apenas usá-los em mensagens privadas, mas também usá-los no Instagram, por exemplo, e compartilhá-los com outras pessoas. Aqui está a dificuldade essas animações serão vistas principalmente na tela de um telefone celular. Isso significa que eles não são particularmente grandes e devem funcionar bem e permanecer legíveis em tamanho correspondentemente pequeno. Legível não apenas no sentido de se há algo escrito nele, mas legível no sentido de você dar uma olhada e reconhecer o que é sem ter que se concentrar nele por meia hora. Isso não parece particularmente dramático. Mas o fato é que, na verdade, é muito mais difícil apresentar algo reduzido e sobrecarregado com mais brilho, brilho e informações visuais. Aqui estão algumas dicas sobre como manter seu design legível. As formas da sua animação devem ser claras e simples. Se você observar este exemplo, verá que ele parece bonito e grande. É possível reconhecer tudo, diferenciar as formas e ler bem o movimento. Mas assim que a vemos em tamanho pequeno, ela se transforma em uma massa marrom e você não consegue mais dizer o que está acontecendo. Então, o que você pode fazer? Eu tentei reduzir as curvas e as listras. Quanto menos pontos de inflexão a forma tiver, mais claro e simples o design, mais fácil será reconhecê-lo mesmo em pequena escala. Afinal, você pode ver todos os detalhes de qualquer maneira , então por que não facilitar para você e seus olhos? Não estou dizendo que os detalhes são estúpidos, só que eles não servem muito para esse propósito. A coloração dos elementos individuais cai em um padrão similar. Quanto mais diferentes forem as cores das formas, mais fácil será reconhecê-las. Isso não significa que você não deva combinar cores harmoniosas. Lembre-se de que cada matiz tem um valor de brilho e quanto mais diferentes forem, melhor será o contraste. Você pode usar isso de uma forma muito direcionada e usar o contraste para focar em certas coisas e colocar outras mais em segundo plano combinando cores semelhantes. Para recapitular, tome decisões conscientes e escolha as formas e cores com cuidado. Quanto mais simples você puder comunicar sua ideia, mais fácil será ver em pequenas e trabalhar com contraste nas cores para apoiar seu design. Agora, você pode pegar sua caneta e papel ou seu iPad, porque a próxima etapa é fazer um brainstorming. [MÚSICA] 6. Suas Brainstorming: [MÚSICA] Agora, vamos começar. Vamos debater juntos e anotar exatamente o que queremos fazer com os gifs animados. É claro que você é bem-vindo para usar minhas ideias e fazer sua própria variação delas no processo. Então, eu gostaria de convidá-lo a fazer o seu próprio. Aqui estão algumas perguntas para você que podem ajudá-lo a descobrir e definir sua própria voz criativa. Você também pode encontrá-los como uma planilha nos recursos. Vamos começar com o que sabemos. Quais tipos de presentes são seus favoritos para usar? São fotos pequenas com criaturas ou animais, talvez balões de fala, flechas, rabiscos, confetes ou o que exatamente você perdeu? Agora é a chance de preencher essas lacunas. Basta escrever tudo o que vem à sua mente. Próxima pergunta, quais declarações você quer fazer com suas animações? Há pensamentos específicos que vêm à mente? Declarações que você geralmente quer fazer com mais frequência, mas para as quais nunca encontrou exatamente a coisa certa? Um presente que diz, ei, eu gosto de você, mas você é muito chato. Eu não estou aqui para te julgar, apenas anote. Existe uma certa vibração que você gostaria de irradiar? Você é mais gótico, floral e colorido, fofo e fofinho, ou totalmente estranho e bagunçado? Faça anotações da maneira que fizer mais sentido para você. Talvez ideias concretas para projetos já estejam se cristalizando em sua cabeça, ou você até as tenha anotado. Na próxima etapa, definiremos essas ideias mais detalhes e faremos esboços para elas. [MÚSICA] 7. Rascunhe as suas ideias: Se você já teve ideias super concretas na lição anterior, ótimo. Eu vou te mostrar como eu abordo minhas ideias agora. Mas, na verdade, antes de fazer isso, vou te dizer algo que pode ser relevante para você também. Como pretendo usar essas animações em minhas histórias no Instagram, por exemplo, e torná-las acessíveis a outras pessoas, gostaria de poder acessá-las no aplicativo por meio dos adesivos GIF. Para fazer isso, eles devem ser enviados para giphy.com. Você também deve ter uma conta oficial de artista verificada no Giphy para que eles possam ser acessados, mas isso é realmente muito fácil. Você pode encontrar o link para isso nos recursos. O mais importante para que sua conta seja verificada é que você tenha pelo menos cinco GIFs em seu perfil. Se você tem objetivos semelhantes aos meus, seria ótimo abordar cinco ideias diferentes. De volta ao tópico. Esses outros designs eu gostaria de desenvolver. Eu faço alguns esboços e anotações que me fazem perceber qual foi a minha ideia. Porque às vezes eu costumo esquecer algo assim no processo. Esses esboços começam muito grosseiramente para mim, não são muito bonitos, mas servem a seu propósito. Lembre-se de que minha maneira de trabalhar não é o non plus ultra. Talvez seus esboços já pareçam obras de arte acabadas ou você sempre queira esboçar número possível de variações diferentes ou exatamente o contrário? O primeiro rascunho que foi feito. Você talvez trabalhe em cores desde o início? Seja qual for o seu processo, é importante que você trabalhe da maneira que faça mais sentido para você. Eu posso facilmente dividir meus designs em categorias. Texto, sem texto e animação em ebulição, animação em movimento. Claro, tudo está se movendo, mas me faltam palavras melhores. Nas próximas lições, abordarei os rascunhos visualmente e mostrarei a implementação em detalhes. Isso deve tornar essas categorias vagas um pouco mais claras e, claro, também ajudar você a criar suas próprias animações. A propósito, não custa nada simplesmente colecionar adesivos que você gosta como material de referência. Essa é a melhor maneira de ver quais exemplos existem, o que funciona bem e o que não funciona. Lembre-se de apresentar seus esboços e notas no projeto da turma para que possamos participar do seu processo e, em seguida, começaremos a animar no vídeo a seguir. [MÚSICA] 8. Animando texto: [MÚSICA] Concluímos nossos preparativos e é hora de passar para as animações reais. Nesta lição, mostrarei diferentes maneiras de fazer com que os textos se movam. Prepare seu iPad e o Procreate e, se quiser, você também pode baixar meus arquivos de amostra para esta e as próximas aulas. Dessa forma, você pode examiná-los de perto no Procreate e talvez entender melhor o que estou fazendo exatamente. A primeira técnica de animação que eu quero mostrar é simples, mas eficaz. Eu chamo esse estilo de animação culinária, porque parece um pouco com água borbulhando em uma panela. Ouvi esse termo pela primeira vez de Michael Ralph, crédito para ele, certifique-se de conferir seu excelente link de trabalho nos recursos. Para uma animação culinária, você desenha exatamente os mesmos elementos, ou letras, nesse caso, exatamente na mesma posição por alguns quadros consecutivos. Repita isso por pelo menos quatro quadros e pronto. Como pode ser um pouco complicado alternar entre as fotos o tempo todo, recomendo usar as configurações de casca de cebola. Além da imagem em que você está trabalhando atualmente, a casca de cebola também mostra as imagens antes e depois delas como molduras de fantasmas. Você pode usar as configurações na parte inferior da barra de animação para definir quantas devem ser. Eu uso principalmente um ou dois e defino a opacidade para 40-60 por cento. Você pode adicionar variação de notas à sua animação de culinária com o pincel que você usa. Por exemplo, se o pincel tiver muita textura , seu traçado variará mais e o movimento simulado nas letras terá mais impacto. Você pode escolher com que cuidado ou instabilidade deseja que seus traços sejam. Mais cuidado torna o efeito mais sutil, menos cuidado o torna mais perceptível. Obviamente, você pode preencher quantos quadros quiser. Eu recomendaria apenas não usar menos de quatro, só parece um pouco mais interessante. Você também pode jogar com cores. Faça com que as letras troquem de cor ou envie todo o texto para o arco-íris. Seja criativo e experimente. Você não tem nada a perder. Lembre-se de assistir à animação em formato muito pequeno durante o processo. Dessa forma, você pode verificar como ficará mais tarde. É melhor fazer uma pausa aqui e dedicar cinco minutos para animar seu primeiro texto no Procreate. Apenas experimente. Caso contrário, vamos continuar imediatamente. seguir, mostrarei como aumentar seu texto letra por letra. Eu recomendo que você escreva o texto uma vez para saber como ele deve ficar no final. Talvez você já tenha feito isso na etapa anterior. Depois, você pode simplesmente importá-lo. Depois de saber no que está trabalhando, é mais fácil lidar com essa animação. Para que o esboço não o incomode durante a animação, que você ainda o veja sempre, você pode defini-lo como um desenho de fundo. Para isso, a camada deve estar na parte inferior do menu de camadas, logo acima da camada de cor de fundo. Isso fará com que ele apareça como o primeiro quadro na barra abaixo. Toque nele para abrir as Opções de moldura e ativar o plano de fundo. Se você percorrer as molduras agora, o esboço permanecerá sempre visível e também não mudará nas configurações da casca de cebola. Eu quero que a escrita apareça gradualmente. Se você for superestruturado, poderá criar molduras em preparação nas quais uma letra é adicionada uma após a outra. Esses são os principais momentos da animação. Agora comece em um quadro vazio antes da primeira carta completa. A animação não deve demorar muito quando estiver pronta e, dependendo da taxa de quadros em que você estiver trabalhando, você terá mais ou menos quadros disponíveis. Eu apenas sugiro que comecemos com três etapas para cada letra, entre nenhuma e letra completa. Além disso, deixe um quadro vazio antes da primeira letra para inserir uma pequena pausa na animação. No primeiro quadro, vemos apenas um ponto ou alguns traços claros. No segundo quadro, a letra cresce um pouco mais claramente, mas é apenas metade visível. No terceiro quadro, está quase totalmente lá, mas não totalmente. O próximo quadro agora deve ser a carta finalizada previamente desenhada. Para cada letra seguinte, você faz exatamente o mesmo, com a diferença de que todas as letras que já cresceram também já estão no quadro. Você pode optar por copiar e colar a letra finalizada, uma de cada vez. Isso o manterá um pouco rígido após o crescimento, ou você redesenhará a letra em tamanho real para cada quadro, como na animação em ebulição. Novamente, você pode brincar com a limpeza dos traços o quanto quiser e também é totalmente livre para criar a forma como as letras aparecem. Estou ansioso para ver suas ideias na galeria do projeto. Na próxima lição, aplicaremos o que aprendemos para abstrair formas. [MÚSICA] 9. Formas de animação: Talvez você não tenha incluído nenhum texto em suas ideias? Bem, não se preocupe. Isso realmente não importa. espero que você ainda tenha prestado No entanto, espero que você ainda tenha prestado atenção à lição anterior. O que você aprendeu lá também pode ser aplicado a textos não textuais. Deixe-me mostrar como, e ainda tenho algumas dicas e truques extras para você. Eu sei que é um pouco cafona, mas eu gosto de corações, estrelas e coisas assim. Caro com isso. Se esse não é o seu estilo, você pode usar qualquer outra forma que quiser; triângulos, caveiras, não sei do que você gosta. Essa animação terá várias formas e depois explodirá como bolhas de sabão. Eu começo de novo com um desenho básico e o defino como plano de fundo. Não quero que todos os três corações cresçam ao mesmo tempo, mas se sobreponham, por assim dizer. Então, o próximo começa a aparecer antes que o anterior esteja totalmente lá. O processo começa na parte inferior e sobe. Eu começo com uma moldura vazia, que permanece vazia, e depois começo em uma nova moldura vazia com um pequeno ponto nela. Pode ter um pouco de formato de coração, mas dado o tamanho, isso realmente não importa. Agora, com mais três quadros, o último mostra a forma em seu tamanho final. Também no quadro dois do coração um, começo o próximo coração da mesma maneira. Mas espere. Às vezes, você precisa corrigir as posições no processo ou fazer outras alterações. Isso também funciona mesmo que tudo aconteça no mesmo quadro na mesma camada, mas é mais fácil alterar acidentalmente algo que já estava bom. É por isso que às vezes é bom ter elementos diferentes em camadas diferentes. No entanto, as camadas atualmente são equivalentes aos quadros. Se você adicionar uma nova camada aqui no menu, uma nova moldura aparecerá na barra abaixo. No entanto, você pode combinar várias camadas em um único quadro. Selecione as camadas deslizando da esquerda para a direita. As camadas agora aparecem com um destaque azul. Um novo botão também aparece na parte superior do menu; Gruppe. Toque nele e suas camadas serão movidas para uma subpasta. Ao mesmo tempo, esses dois quadros são combinados em um. De volta aos corações. Eu tinha acabado de começar o segundo coração no meio da animação do primeiro. Além disso, com a técnica de camadas e grupos, agora eu poderia facilmente mudar de ideia sobre o tempo e mover o coração duas camadas nos grupos para que essa animação comece ao mesmo tempo que a primeira ou quadro depois, ou talvez dois. Para mover camadas, tudo que você precisa fazer é mantê-las pressionadas por um momento e depois soltá-las em um novo local no menu de camadas. Agora tenho meus três corações. Já que eu quero que todos os três sejam vistos ao mesmo tempo. Continuei cozinhando o primeiro e o segundo. Em seguida, eles devem estourar e mais uma vez, um após o outro. Nem tudo ao mesmo tempo. Estruturalmente, eu abordo isso da mesma forma que antes. Eu começo com Heart 1 e deixo que ele cresça um pouco. No quadro seguinte, quase explode. Você conhece esses vídeos em câmera lenta de bombas de água estourando? A forma persiste por uma fração de segundo antes gravidade assuma o controle. Não sou cientista. Só espero que você saiba o que quero dizer. Eu só quero dizer que ainda estou deixando a forma de um coração lá, mas um pouco robusto. Como se tivesse estourado. No quadro seguinte, as sobras estão se espalhando e, no quadro seguinte , quase desaparecem. Quanto maior a diferença entre as posições dos pedaços, mais rápida será a sensação ao jogar. Você pode memorizar isso em geral. Maior distância; movimento rápido, menor distância; movimento lento, porque são necessários mais quadros para mover algo apenas um pouquinho por quadro do que quando há uma grande mudança em cada quadro. Também aplico esse processo nos outros dois corações até que todos estejam estourados e eu tenha uma animação finalizada. Ta-da. Eu continuo verificando durante o processo para ver como é em pequena escala, menos é mais. Estou ansioso para ver seu progresso na galeria do projeto. A lição a seguir será um pouco mais complexa. Mas não se preocupe, você já aprendeu as coisas mais importantes. [MÚSICA] 10. Animações mais complexas: [MÚSICA] Nesta lição, abordaremos animações que contam uma pequena história. Nisso, eu me concentro em uma resposta emocional específica a ser comunicada. Mas vou tentar dar a você uma compreensão geral dos elementos técnicos para que você possa aplicá-los às suas próprias animações. Como antes, começo com um esboço que coloquei em segundo plano. Isso mostra as poses principais mais importantes para a animação. A transição entre as poses é , obviamente, particularmente importante. É isso que conta a história. Se você representa o movimento de um corpo de A para B , geralmente descreve um arco que pode ser plano ou largo. O importante é que você não conecte A e B com uma linha reta. Isso pode funcionar em casos excepcionais, mas na maioria dos casos isso interromperia a ilusão. Comecei minha animação com a primeira pose. Para a implementação. Eu escolhi um pincel grosso com traços fortes. Isso me lembra de manter a animação simples, mantê-la legível em formato pequeno. Dependendo do que você está animando e do seu estilo, veja seu design e pergunte si mesmo se há algo que você possa reduzir para obter resultados mais legíveis e menos trabalho você mesmo. Mas não se preocupe, você sempre pode mudar as coisas intermediárias. Nunca é tarde demais. Agora posso trabalhar quadro a quadro porque estabeleci os esboços para a primeira e a última pose mais importantes. Eu sei para o que estou trabalhando. Em alguns casos, no entanto, pode fazer mais sentido definir primeiro a pose crítica de transição e, em seguida, pular de um lado para o outro entre as partes da animação. Esse processo garante formas, massas e pontos de conexão consistentes em seu projeto. Porque essas coisas desempenham um papel na credibilidade da animação. Basicamente, convencer o cérebro do espectador de que na verdade é um movimento e não apenas desenhos individuais. Como isso é um pouco mais complexo, vou te mostrar como eu faço isso. Se você quiser conectar duas poses com uma imagem intermediária, você precisa encontrar o meio entre o desenho A e o desenho B. Isso pode ser complicado às vezes. Lembre-se de usar as camadas de cebola ou a animação de slides para frente e para trás para ver os quadros como movimento e contexto. Não olhe o desenho inteiro de uma só vez. Freqüentemente, existem elementos individuais que mudam independentemente um do outro. Reserve um tempo para entender como as coisas se moverão no espaço dimensional e lembre-se sempre dos arcos do movimento. A animação exige prática, então não fique frustrado se ela não sair do jeito que você quer na primeira tentativa. Com alguns elementos, você pode ver facilmente como eles mudam de A para B e se eles se sobrepõem, e pode ser muito fácil encontrar o centro e desenhá-lo. Como você pode ver, há um grande movimento unidirecional pretendido em minha obra de arte. Para não fazer com que pareça muito rígido e mecânico, coloquei a chamada antecipação à sua frente. Este é um contra-movimento projetado para acumular energia para mover o corpo na direção oposta. É como dobrar os joelhos antes de pular ou puxar os braços para trás. Quando você joga alguma coisa. Isso adiciona uma faísca de realidade ao movimento e dá um pouco mais de suculência. O resto da minha animação é preenchido por mim com poses que fecham a lacuna até a posição final. Quantos devem existir fica a seu critério e depende da natureza da sua ideia. Só posso recomendar que você reproduza a animação de tempos em tempos para ter uma ideia se ela atende às suas necessidades e ajustar a taxa de quadros, se necessário. Você sempre pode desativar ou excluir quadros, adicionar novos quadros e modificar os existentes. Se a animação do seu adesivo é complexa, movimento tridimensional ou um pouco mais gráfica e plana. Você sempre pode apimentar isso exagerando a mudança. Se uma forma estiver esmagada, basta apertá-la um pouco mais. Se um movimento descreve um arco, torne-o maior. Mantenha as poses por mais um quadro ou dois para que o espectador tenha tempo para entender o que está acontecendo e, se o movimento for rápido, torne-o muito rápido. Mas também quebre as regras. Digamos, eles tiveram só porque você alega algo não significa que seja verdade. Vou tentar tudo sozinho. [RISOS] Como não existe uma maneira certa de se expressar, sua experiência, seu estilo, a maneira como você desenha animados são únicos, você deve comemorar isso. Dependendo de como você aborda a animação, agora você pode dar cor a ela. Use a função de quadro de grupo para colocar a cor atrás de cada linha e da nova camada. Ou use a gota de cor para preencher suas linhas na mesma camada. Ao deslizar da esquerda para a direita em uma camada com dois dedos, você ativa o Alpha Lock do conteúdo. Com isso ativado, você pode pintar facilmente sobre partes ou todas as suas linhas. Espero que tudo isso tenha sido compreensível. Mas se você tiver alguma dúvida, pergunte em seu projeto ou abra uma nova discussão no curso. Eu vejo e leio todas as suas postagens, então não hesite em entrar em contato comigo. Se você compartilhar seu processo, posso lhe dar um feedback e isso pode lhe poupar muita frustração. [MÚSICA] A seguir, mostrarei como preparar seus arquivos para exportação e como salvá-los como presente. [MÚSICA] 11. Animações de exportação: Como mencionei antes, quero usar meus GIFs nas mídias sociais. Portanto, as animações devem atender a determinadas condições de estrutura. Vou orientá-lo sobre as condições precisam ser atendidas no Giphy.com. Esse é o site que o Instagram, por exemplo, acessa se você quiser usar adesivos animados. Outros sites podem ter termos diferentes, portanto, sempre verifique os guias com cuidado. Portanto, temos que atender às seguintes condições antes de iniciar a exportação. Os adesivos precisam se mover. Você precisa de pelo menos dois quadros , mas esses dois quadros são realmente suficientes. Os adesivos devem ter um fundo transparente. Podemos garantir isso facilmente desativando a cor de fundo. Se você puder ver o padrão de grade em seu arquivo , isso está correto. No primeiro quadro, pelo menos 20% da área deve ser transparente. Se você implementou ideias semelhantes às minhas, isso não deve ser um problema, caso contrário, adicione um novo quadro no início e veja a melhor forma de atender a esse requisito. A reprodução deve ser definida como infinita. Se sua animação for baseada em pingue-pongue, você pode duplicar cada quadro e organizá-lo na ordem inversa no final. Um pouco complicado, mas não é um problema. Não tenho 100% de certeza se isso é necessário ou se a configuração do pingue-pongue também funciona porque ainda funciona infinitamente. Para resolução, o Giphy recomenda um múltiplo de quatro mas, em última análise, não parece importar muito o tamanho e a resolução que você carrega, a única restrição é que o o arquivo máximo não excede 100 MB. Vamos exportar. Toque na chave inglesa e vá para compartilhar. Na seção inferior, há diferentes opções para compartilhar camadas. Essa é a maneira estranha de Procreate dizer que isso vai passar quatro vezes em seis, pelo menos. Precisamos do nosso arquivo como GIF , então toque nele e a janela de exportação será aberta. No lado direito, você pode ver a reprodução e a exibição de sua animação à medida que ela será exportada. Você pode alterar sua taxa de quadros à esquerda, se quiser. Há também três controles deslizantes. Tenho que admitir que não consegui realmente encontrar uma boa explicação para o pontilhamento e o grânulo de cores por quadro. Experimente o que e se eles fazem algo com sua animação ou simplesmente deixe-os de fora. O terceiro é importante, no entanto, e você definitivamente deve ativá-lo. Brinque com o controle deslizante de limite Alpha. Alfa é a transparência em sua animação e o limite determina quando um traçado se torna transparente. Basta ver o que parece melhor. Isso varia muito dependendo como sua animação foi criada. Agora você pode verificar novamente se sua animação ultrapassa 100 MB ou não. Você pode ver isso aqui em cima. Se tudo estiver bem, você pode tocar em Exportar e pronto. Se o arquivo ainda for muito grande, você pode fazer o seguinte: voltar para a galeria, deslizar a visualização prévia do arquivo da direita para a esquerda e selecionar duplicar, depois entrar no arquivo, tocar na chave inglesa, e depois na tela. O botão superior, Cortar e redimensionar, permite reduzir o tamanho do arquivo. Nas configurações, você pode ativar a nova amostra da tela para manter a proporção da tela a mesma e alterar os números na parte superior. Se um arquivo ainda for muito grande, você também pode reduzir ou nivelar os grupos para, bem, reduzir a quantidade de camadas e esse é o tamanho. Espero que tudo tenha corrido bem e que você tenha seus GIFs prontos. Na próxima lição, mostrarei como você pode usá-los agora. 12. Como usar o Giphy: Agora você deve ter um punhado de adesivos incríveis, pessoais e animados. Se você os transferir para o seu smartphone, poderá enviá-los facilmente em mensagens, no WhatsApp, por exemplo, enviando-as como uma foto. Se você quiser usar algumas nas mídias sociais, mostrarei como fazer isso via Giphy.com. Primeiro, você terá que se cadastrar no site. Para que suas animações sejam encontradas, você também precisa de uma conta de artista. Para isso, você precisa de uma foto de perfil e links relevantes, por exemplo, para suas contas de mídia social ou seu site. Então, é claro, o mais importante, adesivos e GIFs. Você pode enviá-los clicando em Carregar na parte superior. As coisas que animamos hoje se qualificam como adesivos porque têm um fundo transparente. Basta selecionar o arquivo para fazer o upload. A próxima etapa é adicionar textos que sejam o mais descritivos possível. Portanto, use palavras que reflitam bem o conteúdo , mas não mais do que 20 ou Giphy reclamará. Em seguida, você pode tocar em Enviar para o Giphy e o adesivo será adicionado ao seu perfil. Depois de fazer o upload de algo entre 5 e 10, seu perfil estará pronto. Agora você pode se inscrever para uma conta de artista. Isso pode demorar um pouco, mas não se preocupe. Se você seguir as diretrizes, isso deve funcionar. Depois, você pode pesquisar seu nome do Giphy nas histórias do Instagram , por exemplo, ou no texto que você adicionou aos seus adesivos. Tada, lá estão eles. O melhor é que agora seus amigos também podem usá-los. Excelente. Agora, é hora de compartilhar seu trabalho conosco na Galeria do Projeto antes que eu tenha algumas palavras finais para você. 13. Considerações finais: [MÚSICA] Sim, você conseguiu. Obrigado por estar aqui. Juntos, abordamos conhecimentos básicos sobre Procreate e animação 2D. Fizemos um brainstorming, desenhamos e animamos e, finalmente, também aprendemos a exportar GIFs para usá-los nas mídias sociais. Se há uma coisa que espero que você leve com você na jornada do seu artista é que a animação não é tão difícil e, na verdade, é muito divertida. Agora, não se esqueça de nos mostrar seus GIFs finalizados e as etapas para chegar lá também. Estou realmente ansioso pelo ótimo resultado e estou pronto para dar feedback e elogios. Por último, mas não menos importante, também gostaria de pedir que você deixe um comentário sincero. Isso não só me ajudará a melhorar os cursos futuros, mas também ajudará os alunos em potencial a saber o que esperar desta aula. Se você está realmente com vontade de fazer animação agora, pode encontrar ainda mais aulas de animação no meu perfil. Se quiser, siga-me no Skillshare e em outras plataformas para se manter atualizado. Obrigado e até a próxima vez [MÚSICA]