Crie sua primeira animação de personagem no Procreate

1. Introdução: [MÚSICA] Sei que a animação pode parecer um pouco intimidante, mas realmente não precisa ser. Depois de entender o básico, você verá um mundo de infinitas possibilidades e não poderá olhar para trás. Oi. Sou Anya Perepelkina, e sou ilustradora e animadora digital. Como freelancer, trabalhei com marcas como Adobe e 99designs, e fiz ilustração editorial e de marca, promoção de design e outros projetos incríveis. Eu tenho feito animação quadro a quadro algum tempo, e isso ainda me surpreende todas as vezes. Há sempre algo novo para aprender sobre isso, e sempre coisas novas para explorar e criar. Ele redefiniu minha arte e minha prática de muitas maneiras. Ter habilidades básicas de animação pode ser um ótimo trunfo para você, se você já estiver trabalhando na indústria criativa, ou se é algo que você deseja fazer no seu tempo livre. Uma nova habilidade tem o poder de transformar a maneira como você olha para o seu trabalho. Também na minha experiência pessoal, aprender coisas novas é a melhor coisa que você pode fazer se você se encontrar em uma crise criativa. Porque é sempre tão emocionante quando você tenta algo diferente e de repente você tem todas essas novas ideias em sua cabeça. Melhor sensação de sempre. Nesta aula, mostrarei como criar sua primeira animação de personagem no Procreate. Começaremos com alguns exercícios para ajudá-lo a entender o funcionamento interno da animação quadro a quadro. Em seguida, darei dicas sobre como escolher o que animar e obter uma referência para isso. Em seguida, esboçaremos seu personagem e trabalharemos na criação de um rascunho. Mais tarde, adicionaremos cores e, finalmente, exportaremos sua animação de personagem. Muito tempo e cuidado vão para criar uma animação quadro a quadro, porque você essencialmente trabalha em cada quadro separadamente. Mesmo que seja um desafio, confie em mim quando eu digo que todo o seu trabalho árduo valerá a pena. Você ficará tão orgulhoso de si mesmo. Espero que você esteja pronto para entrar nessa aula e aprender novas habilidades. Estarei com você a cada passo do caminho. Vamos nos divertir muito. Vamos começar. [MÚSICA] 2. Projeto de classe: [MUSIC] Hoje, criaremos sua primeira animação de personagem no Procreate. Serei honesto com você. Antes de começar a aprender sobre animação quadro a quadro, parecia complicado demais e por isso pensei que nunca tentaria. Estou tão feliz por estar errado. Se você está aqui, espero que você esteja em algum lugar à beira agora e confie em mim quando eu digo que você vai ficar tão feliz por ter dado o salto. Eu costumo ilustrar pessoas, então, naturalmente comecei com animação de personagens. Quando digo animação de personagens, não me refiro apenas às pessoas. Você pode, é claro, explorar desenhar animais ou personagens inventados, se é isso que você preferir. Os personagens apenas lhe dão muito espaço para exploração, pois há muitas coisas que você pode mover, seja essa expressão facial, cabelo, membros, roupas e assim por diante. Esta aula foi criada especificamente para iniciantes. É por isso que começaremos com alguns exercícios para ajudá-lo a entender melhor todo o processo de animação quadro a quadro. Se você não for iniciante, esta aula será ótima para você se você quiser entender o básico ou simplificar seu processo e torná-lo mais eficaz. Vou ajudá-lo a escolher um movimento para animar que será fácil e eficaz. Em seguida, começaremos a esboçar e planejar toda a animação e você ficará com o rascunho de sua futura peça. Então você poderá escolher suas próprias cores ou usar uma das paletas de cores que criei para esta classe e, com isso, dar vida à sua animação. No final, vou orientá-lo a exportar sua animação e mostrar como a transformei em um arquivo MP4 que você pode compartilhar em qualquer lugar. Para esta aula, você precisará de um iPad, um lápis Apple, além do Procreate. Você deve ter algum conhecimento prático do aplicativo, porque não vou muito longe em como usá-lo além dos recursos de animação. Procreate tem uma interface muito simples e limpa para animação, é por isso que acho ótimo para iniciantes. Mas existem alternativas. Eu diria que, em geral, qualquer software com recursos básicos de animação funcionaria muito bem. Também quero que você tenha em mente que a animação quadro a quadro é um processo bastante demorado. Sei que posso ver na minha mesa por horas a fio trabalhando em uma animação e isso não é ótimo. Certifique-se de fazer algumas pausas para beber água e andar pela mesa enquanto estiver trabalhando em sua animação. Com tudo isso dito, espero que esteja animado com esta aula. Vamos pular direto para ele. 3. Compreender a animação de quadro por quadro: Antes de saltarmos para a parte principal da aula, precisamos tomar algum tempo para entender melhor os conceitos básicos da animação quadro a quadro. Uma explicação simples da animação quadro a quadro, também conhecida como animação cel ou animação 2D, é que é um monte de quadros separados mostrando um após o outro para criar uma imagem em movimento. taxa de quadros de uma animação pode ser diferente, mas 12 e 24 quadros por segundo são o que você normalmente usaria para o tipo de animação que vamos fazer. Se uma animação for de 12 quadros por segundo, isso significa que ela está mostrando 12 quadros na extensão de um segundo. Isso também significa que a mesma animação será mais lenta em seis quadros por segundo em comparação com 12. Vejamos os recursos de animação. Primeiro, vá para Configurações, selecione “Tela” e ative a assistência de animação. Você verá esta pequena janela pop-up na parte inferior aqui. Clique em “Camadas” e vamos fazer essas camadas. Tenho visível. Cada camada visível também aparece na parte inferior aqui como um quadro, e elas vão ao contrário. Portanto, o primeiro quadro na parte inferior é na verdade, a última camada na lista de camadas. Se clicarmos em “Reproduzir”, eles serão exibidos como uma animação um após o outro. Em seguida, em Configurações, você verá diferentes opções de plano. ping-pong aqui mostra a animação do primeiro ao último quadro e, em seguida, no reverso, o one-shot a exibe uma vez. Normalmente tenho loops selecionados para todos os meus projetos. Você pode definir a taxa de quadros aqui apenas arrastando a alça. A melhor coisa a fazer aqui é apenas tomar seu tempo, mudar o valor, brincar e ver como funciona. Então, por último, mas não menos importante, é pele de cebola. Deixe-me virar isso todo o caminho e você verá. Basicamente, a pele de cebola permite que você veja todos os quadros que vêm antes e depois daquele que você selecionou. Os quadros que vêm depois são verdes e os quadros que vêm antes são vermelhos. Essa é a coisa mais incrível que você usará 100% do tempo. Você também pode alterar a opacidade dos quadros coloridos. Eu costumo mantê-lo em torno de 60 ou 70%. Agora que temos uma hora em que quero que pratiquemos juntos para ajudá-lo a entender melhor todo o processo. Preparei alguns arquivos de prática para você. Você os encontrará na seção abaixo da classe. Vá em frente e baixe-os. Para abrir os arquivos, clique em “Importar” na tela principal do Procreate, depois encontre onde você os salvou e escolha a flor intitulada primeiro. Já os tenho aqui, então não vou importá-los novamente. O primeiro arquivo tem seis quadros. Eles já devem estar selecionados e visíveis. Vamos reproduzir a animação primeiro. Agora vamos recriar essa animação juntos. Vamos excluir todas as camadas numeradas primeiro. Certifique-se de manter o caule e as camadas de referência porque vamos precisar delas. Agora, ligue os dois e diminua a opacidade da referência ao que você preferir. Agora, como é o primeiro quadro, você pode configurá-lo como plano de fundo. Desta forma, ele permanecerá no fundo de cada camada. Agora renomeie a camada de haste como número 1. organização é a parte mais importante da animação, e eu quero que você torne um hábito imediatamente de renomear todas as suas camadas. Vamos fazer a primeira camada agora. Para fazer isso, só precisamos refazer a primeira pétala da flor. Agora duplique essa mesma camada e renomeie-a como número 2. Em seguida, refaça a segunda pétala. Estamos chegando lá. Vamos fazer a terceira camada agora. Mais uma vez, duplique a segunda camada e refaça. [MÚSICA] Para as próximas duas camadas, estou desenhando a pétala inteira para que não pareça que falta um pedaço. [MÚSICA] Vamos reproduzir a animação agora. Incrível. Esse é o primeiro exercício feito. segundo exercício é o título do arquivo, Cherry, e estamos tomando um entalhe aqui. Você verá apenas três camadas aqui. Estaremos criando essa animação quase do zero. A cereja à direita e a folha vão se mover ao longo desses guias. Certifique-se de que o chamado guias seja o primeiro quadro aqui na parte inferior para que possamos configurá-lo como plano de fundo mais uma vez. Essa camada usaremos como estêncil, então vamos duplicá-la e renomeá-la como número 2. Já temos o primeiro quadro no arquivo. Agora clique neste ícone aqui. Ele abrirá este painel de controle de rotação. Vamos defini-lo para cinco graus. Você também pode definir isso para o vizinho mais próximo, ajudará com a distorção. Agora vamos movê-lo ao longo do guia apenas um pouquinho. Agora, novamente, duplique essa camada, renomeie-a imediatamente, trabalhando duro e crie um hábito aqui. Gire e mova-o ao longo da guia. Agora você pode continuar fazendo isso dessa maneira, ou se a imagem distorcer demais e isso o incomoda, você pode duplicar a camada inicial de cereja cinco vezes e, em vez de girá-la cinco graus todas as vezes, você pode fazer cinco, depois 10, depois 15 graus e assim por diante. [MÚSICA] Agora que temos seis quadros no total, vamos colocar esta primeira camada na parte inferior. Mais uma vez, a última camada é o primeiro quadro e passa para a folha. O que vamos fazer aqui é colocar um ponto ao longo do guia para marcar para onde a folha vai. Certifique-se de estar selecionando um quadro diferente toda vez que desenhar um ponto. Além disso, tente espaçá-los mais ou menos a uma distância igual um do outro. Agora podemos começar a unir as folhas. A última coisa a fazer aqui é redesenhar a segunda cereja em cada quadro. Certifique-se de que o segundo caule também esteja se movendo junto com a cereja à direita. Lá vai você. Usaremos a rotação para criar nossa animação mais tarde na aula. Isso definitivamente será útil. Agora, nesse último arquivo intitulado Cat, você verá um único quadro. Isso porque neste você usará todas as informações que acabou aprender para criar sua própria animação com base neste quadro. Deixe-me mostrar o que eu tinha em mente para este. No meu caso, há seis quadros no total, e é assim que o movimento se parece. Você pode usá-lo como guia. Existem três pontos de movimento diferentes aqui, como você pode ver. Bem, faça algo completamente diferente. Você sabe o que fazer agora, então é hora de colocar suas habilidades em prática. Agora, vá pegar esses arquivos de prática e experimente você mesmo, especialmente se esta for a primeira vez faz qualquer tipo de animação, sugiro fortemente que você realmente tome seu tempo e faça isso. Isso realmente ajudará você a entender como a animação funciona, e isso definitivamente facilitará para você mais adiante. Na próxima lição, escolheremos um movimento para sua animação e descobriremos maneiras de obter uma ótima referência para ela. 4. Escolhendo o que animar: [MÚSICA] Agora, espero que você entenda o básico. O próximo passo é escolher o que animar. Quando trabalho em uma nova animação, muitas vezes eu realmente não sei qual será o movimento quando eu começar. Esse não é o lugar mais sábio para começar. Hoje vamos ser responsáveis e vamos planejar com antecedência. Agora, como isso é tudo sobre fazer sua primeira animação de personagem, eu definitivamente sugeriria começar com um movimento muito pequeno que seria fácil de fazer. Para a animação que vou fazer nesta aula, escolhi um movimento simples que envolve mover um braço e interagir com a flor. A ideia é que a personagem levante a flor para o rosto dela e cheire. Para ter certeza de que você pode me seguir facilmente, sugiro movimentos que também envolvam levantar um braço ou uma perna. Considere adicionar um elemento com o qual o personagem pode interagir de alguma forma. Isso tornará sua animação mais envolvente e divertida. Tente evitar algo que envolva todo o corpo e especialmente corpos se movendo pelo espaço como caminhar. Isso é um pouco complicado demais pela primeira vez. Quando eu estava apenas começando, um dos principais problemas para mim era que eu poderia ter uma ideia mas nunca poderia imaginar certos movimentos sem uma referência. Eu tive que descobrir maneiras de obter essas referências e agora estou compartilhando com você. A primeira coisa que faço quando tenho uma ideia é ir ao YouTube ou apenas no Google palavras-chave extremamente específicas, como uma mulher feliz correndo ou um gato cheirando flores ou insira o que você está tentando encontrar aqui. Se você estiver com sorte, haverá imagens de estoque ou outros vídeos úteis. Você pode assisti-los repetidas vezes quando estiver tentando descobrir o movimento. Isso é uma coisa que você pode fazer. Mas minha dica número 1 é realmente muito, muito simples. É só filmar você mesmo quando você já sabe qual movimento você precisa é a solução mais flexível. Eu fiz isso pelo meu trabalho de ilustração o tempo todo também. Sei que pode ser estranho filmar-se fazendo movimentos de teto assim, mas honestamente, você só precisava descobrir as coisas. Então, obviamente, não precisa ser perfeito ou polido, é só para você. Por fim, é sempre ótimo cercar-se de ótimos exemplos. Eu sempre recomendo encontrar pessoas em campo para acompanhar no Instagram, Behance e outras plataformas e não apenas para animação. Agora que você sabe como a animação quadro a quadro funciona, você pode assistir seus filmes animados favoritos, programas de TV ou desenhos animados e estudar os movimentos lá. Além disso, mesmo sendo ótimo planejar tudo meticulosamente, ainda é um processo criativo. Certifique-se de deixar algum espaço para experimentos e decisões do momento. Uma referência é uma coisa ótima e muito útil para estudar o movimento e talvez descobrir a composição, mas isso não significa que sua animação tenha que se parecer exatamente com ela. Agora é a sua vez de descobrir qual movimento você vai animar, mas também sinta-se à vontade para me seguir e fazer o movimento exato que estou fazendo. Não há pressão alguma. Na próxima lição, começaremos a esboçar nosso personagem. 5. Como desenhar o seu personagem: [MÚSICA] Agora que temos uma referência, podemos começar a esboçar. Vamos criar um novo Canvas primeiro. Na tela principal, clique no ícone Plus e, em seguida, neste aqui. Eu costumo escolher uma tela quadrada 2500, 600 DPI para melhor qualidade de imagem, e você também pode ver o número de camadas disponíveis. Em seguida, certifique-se de que seu perfil de cores esteja definido como RGB. É o primeiro aqui. Você também pode renomear seu arquivo. Quanto aos pincéis, recomendo este conjunto True Grit Texture Supply. É chamado Stipple Studio, e tem uma tonelada de lindos pincéis. Meu pincel favorito aqui é o forro áspero. É incrível para a animação porque a textura do pincel lhe dará um movimento bonito em cada quadro. A última coisa antes de começarmos, deixe-me mostrar mais um recurso incrível. Quando estiver nas configurações, você pode selecionar esta opção “Referência”. Ele abrirá uma janela onde você poderá ver sua referência. Você também pode ampliar a imagem em si e, em seguida, você pode mover toda a janela pela tela para que seja uma pequena ferramenta útil para esboçar. Agora podemos finalmente começar. Estou desenhando uma linha para me ajudar com a composição, já que meu personagem vai estar sentado. Eu escolhi uma referência específica aqui, então vou usá-la muito para descobrir onde as pernas e os braços devem ir. [MÚSICA] Agora eu tenho meu esboço grosseiro e se você assistiu a filmagem, você viu que era um monte de coisas difíceis, dessa e daquela forma, para você ver o que funciona melhor. Eu mantenho todas as partes do personagem em uma camada separada para que eu possa mudar as coisas se precisar. Eu tento manter essas coisas separadas pelo tempo que puder, honestamente até o ponto vou começar a animar, que eu possa me dar a chance de mover as coisas. Vou diminuir a opacidade de todas essas camadas para cerca de 20% para que eu possa ver abaixo das novas camadas e começar a limpar meu esboço. [MÚSICA] O esboço agora está pronto. O próximo passo é criar o segundo extremo. Extremos em animação são quadros que o movimento atinge seu pico. No meu caso, já tenho o primeiro extremo em que o braço está para baixo, então preciso criar um quadro onde o braço é levantado e também mudaremos a flor para combinar com o movimento do braço. Vou redesenhar a cabeça da flor agora para poder movê-la. Eu quero que seja um pouco diferente neste quadro, então estou mudando as pétalas um pouquinho. Agora eu posso girar um pouco e movê-lo para mais perto do rosto dela. Agora eu posso girar um pouco e movê-lo Honestamente, não há nenhum método científico para isso. Apenas certifique-se de que não esteja muito longe do primeiro quadro e que faça sentido estar lá no novo quadro. Agora vamos desenhar o novo caule. Como a cabeça da flor é mais alta, o caule precisaria ser esticado. [MÚSICA] Para o braço, desenhei esses guias [inaudíveis] para me ajudar a ver onde a mão precisa ir. Agora é totalmente opcional, mas acho que ajuda. Dupliquei a camada com o braço nela. Só vou apagar tudo o que não preciso. Agora podemos usar a ferramenta Laço para selecionar apenas a mão. Só vou girar um pouco e movê-lo de acordo com o guia. Também certificando-se de que ela se alinha com a flor que temos. [MÚSICA] Agora podemos redesenhar o braço para combinar com a mão. [MÚSICA] Lá vai você. Aqui estão os dois extremos que precisaremos para criar a animação. Ainda estou mantendo tudo em camadas separadas neste momento. Cada grupo atua como um único quadro aqui. É hora de você ir e esboçar seu personagem, e lembre-se de que vamos animá-lo mais tarde então certifique-se de que você está esboçando com o movimento do plano em mente. Na próxima lição, começaremos a desenvolver nossa animação. 6. Elaboração da sua animação: É aqui que começamos a elaborar a animação real. Essa é definitivamente a parte mais importante de todo o processo. Pense nisso como a base para sua peça. Depois de terminar isso, é tudo fácil navegar de lá. Vamos arregaçar as mangas e começar a trabalhar. Antes de começarmos, vamos dar uma olhada nos dois extremos que temos agora. Precisamos determinar exatamente quais partes vão se mover. Para a minha personagem e a forma como eu planejei, primeiro, ela vai mover o braço para cima e com isso, a flor também sobe. Quando a flor estiver perto de seu rosto, ela vai se inclinar e cheirá-la. Porque ela está movendo a cabeça, o cabelo na cabeça dela também vai se mover. No meu caso, é a mão e o braço, o caule e a flor, a cabeça dela e o cabelo. É importante classificar os movimentos em seções assim e determinar a ordem correta também. Isso ajudará você a se sentir mais organizado e menos sobrecarregado. Vamos começar com o primeiro movimento. Um que você precisa lembrar aqui é que um movimento como esse seguirá um arco. Para ajudá-lo e me ajudar a entender, vamos fazer a coisa toda em uma versão de esboço muito áspera primeiro. Estou apenas desenhando um círculo para o cotovelo, depois uma linha do ombro ao cotovelo e outra linha do cotovelo até o pulso. Então, em uma camada diferente, mesma para o outro extremo. Você também pode adicionar círculos maiores para as mãos. Só vou desligar todas as outras camadas por enquanto. Em seguida, faremos o que está exatamente no meio. Mais uma vez, certifique-se de colocar tudo em camadas separadas. Vou ativar o Animation Assist que possamos ver tudo. Todo o movimento, eu diria, deve ser capaz de caber dentro de sete quadros. Agora podemos adicionar os quadros entre eles. Agora, se você se olhar no espelho fazendo o mesmo movimento ou se filmar a si mesmo, notará que a velocidade com que você está se movendo não é consistente em toda a coisa. Começa lentamente, então deve ser mais rápido no meio e novamente terminar lentamente. Vamos replicar isso. Por causa disso, o próximo quadro deve estar mais próximo do extremo do que o quadro no meio. Se colocarmos todos os quadros a distâncias iguais um do outro, não pareceria natural. Agora vamos espelhar isso do outro lado. Então, por último, vamos apertar um quadro adicional em cada lado entre esses dois. Agora podemos jogá-lo. Admito que parece estranho porque são apenas paus, mas agora você conhece o princípio. Um pequeno truque que uso para me ajudar neste próximo passo é conectar todos os pontos desses dois extremos para me dar guias que posso seguir a cada novo quadro. Aqui estou conectando os dedos, então este ponto entre a mão e a camisa. Todos esses guias também precisam seguir um arco, assim como o próprio movimento. Dependendo do seu personagem e do seu esboço, reserve um momento para tentar determinar todos esses pontos que vão se mover. Tudo isso pode ser feito na mesma camada, a propósito. Você poderá vê-lo por causa da pele de cebola. Tomei um momento para organizar as coisas um pouco aqui. Agora vou desligar esses guias de pau. Sempre podemos voltar para eles se precisarmos. Já temos nosso primeiro quadro, é o primeiro extremo. Vamos começar no segundo quadro. Estamos seguindo o guia aqui. Lembre-se de que esse quadro ainda deve estar muito próximo do primeiro. Esses guias facilitam muito o trabalho. [MÚSICA] É hora desse quadro no meio e é fácil. Só precisamos posicioná-lo bem no meio dos guias. Pode levar um pouco de tempo para passar por essa etapa. Consulte o movimento do stick que fizemos antes se você precisar ou pode ser apenas um caso de tentativa e erro para entender o que você precisa fazer aqui. Tudo faz parte do processo. [MÚSICA] Agora que tudo o que está feito, precisamos redesenhar o resto do corpo para combinar com esses quadros. A única coisa que está mudando aqui de quadro quadro é a parte do braço do cotovelo para a mão. Vamos jogar isso. Está começando a parecer algo. Agora, se eu puder lhe dar um único pedaço de sabedoria, eu lhe digo para numerar seus quadros. Isso é o que vamos fazer agora. Depois disso, precisaremos redesenhar o resto do personagem para combinar com todos os sete quadros. [MÚSICA] primeiro passo agora está concluído. Vamos passar para o próximo, que é o caule e a cabeça da flor. No meu design, esse tronco tem esse loop. Basicamente, o que vou fazer aqui é desenhar primeiro o quadro do meio, que é o ponto mais próximo do loop quase desaparecendo. [MÚSICA] Então, desde o primeiro quadro até o quadro do meio, vou tornar esse loop cada vez menor, e do meio ao último quadro, vou torná-lo um pouco mais reto. Também é importante aqui alinhar o caule com a mão que o está segurando. O caule agora está pronto. Acho que podemos passar para a cabeça da flor. Eu procurei por vídeos de flores no YouTube aqui para me ajudar a entender o movimento. Estou imaginando que as pétalas de flores realmente leves e saltitantes, o que significa que elas não permanecerão na mesma posição durante todo o movimento. Eles se aproximarão do caule à medida que ele viaja para cima. Deixe-me mostrar o que quero dizer aqui. Não sou cientista, então nem vou tentar explicar as forças em questão aqui. Você vai ter que confiar um pouco no processo aqui. [MÚSICA] Eu adicionei dois quadros adicionais aqui para esse salto no final. Esse é um quadro para as pétalas irem um pouco mais alto que o extremo. Em seguida, um quadro para ele voltar para a posição original. cabeça da flor está pronta. Aqui está a flor completa e acabada. Em seguida, vamos animar a cabeça. Esta parte é exatamente por isso que eu estava dizendo que você pode querer manter tudo em camadas separadas pelo maior tempo possível. Vamos pegar a camada apenas com a cabeça nela e vamos criar o movimento arrastando a camada minúscula em direção à flor. [MÚSICA] A quantidade de quadros aqui dependerá da distância entre a cabeça e a flor. Levei três quadros. Dependendo do tipo de movimento que você escolheu, você pode se safar apenas arrastando sua camada. Mas no meu caso, acho que não passa que ela está se inclinando. Também vou adicionar rotação a cada quadro. Você pode experimentar coisas diferentes aqui e ver o que funciona para você. Vamos ver agora. Na verdade, acho que parece muito melhor com a rotação. Dupliquei a última camada três vezes para me dar espaço para fechar os olhos dela. Acho que vai deixar claro que ela está gostando do cheiro da flor e dando à animação uma vida mais pacífica. Agora, para enfatizar que vou duplicá-lo mais algumas vezes. Isso é algo que você terá que decidir sozinho em sua animação. Veja o que faz mais sentido. Eu definitivamente recomendo duplicar seus quadros pelo menos algumas vezes depois que um movimento terminar e outro começar. As pessoas tendem a tomar um momento entre uma coisa e outra. Isso fará com que sua animação pareça mais natural. Agora, para a última parte, o cabelo. Olhando para a minha personagem, estou vendo alguns lugares onde o cabelo dela poderia se mover. Essa é a mecha de cabelo na frente da orelha dela, o coque no topo da cabeça, e depois a parte de trás do cabelo dela. Como ela está avançando, o pão precisa se mover para trás. mesmo vale para o arco aqui, e é a mesma coisa com essa mecha de cabelo também. Apenas movendo tudo um pouquinho para a esquerda. Quando se trata da parte de trás do cabelo dela, acho que não precisa se mover muito. Apenas um ligeiro aumento da renúncia deve ficar bonito. [MÚSICA] Agora, usamos a rotação, o que reduz um pouco a qualidade dos traços. Também duplicamos muitos quadros aqui. Isso vai parecer estranho na final. Precisamos redesenhar todos esses quadros para garantir que ainda haja movimento de quadro a quadro mesmo que o personagem não esteja se movendo. É por isso que recomendei um pincel texturizado como o que estou usando, porque ele vai garantir que ainda haja movimento nas linhas, mesmo que seja essencialmente o mesmo quadro. [MÚSICA] Lembra-se do que fizemos com a flor para equilibrar no final? Vamos fazer a mesma coisa com o cabelo. Precisamos adicionar mais dois quadros. Um para ele avançar e outro para ele voltar para a posição original. Deixe-me mostrar a quebra da camada para o movimento do cabelo. quadro número 10 é onde tudo começa. quadro número 15 é onde o pão faz os limites. Próximo quadro, ele volta, depois a fechadura faz os pães no quadro 17. O próximo quadro também volta. É um milagre, mas acabamos com a parte difícil agora. O rascunho está terminado ou quase terminado. Vou te dar um pouco mais de um desafio na próxima lição, e vamos levar isso ainda mais longe. Você também pode deixá-lo aqui. Você já fez um trabalho incrível. Aí você tem isso. Hora de você trabalhar em seu rascunho agora. Esta é a parte que levará algum tempo. Não vou mentir. Tenha calma, lembre-se de descansar e tenho certeza que o resultado será incrível. Na próxima lição, trabalharemos para transformar sua animação em um loop. 7. Fazendo o Loop: [MÚSICA] Se você está aqui, significa que você decidiu enfrentá-lo e fazer seu loop de animação. Estou tão feliz que você fez. Vamos usar todas as mesmas técnicas que já usamos. Só vai levar um pouco mais tempo, mas o resultado valerá a pena. Basicamente, no momento temos metade do movimento descobrir. Vamos revertê-lo duplicando quadros , então precisamos descobrir de qual quadro precisamos começar. Dê uma olhada em seus quadros. No meu caso, acho que tudo começa em torno do quadro 11. Sua cabeça ainda está perto da flor até o último quadro. Em seguida, ele precisa se inclinar para trás. Isso significa que precisamos começar a duplicar a partir do momento em que ela terminar de se inclinar para a flor, que é mais uma vez o quadro 11 no meu caso. Estou arrastando todo o caminho até o topo. Em seguida, vou duplicar o quadro número 10 e arrastá-lo para cima do quadro número 11. Continuaremos fazendo o mesmo com o resto dos quadros. Com todos os quadros duplicados, obviamente parece descolado porque passamos o tempo todo na flor e no cabelo. Para ter certeza de que parece bom ao contrário, é nisso que precisamos trabalhar novamente. Eu já nomeei todos os novos quadros duplicados e você deve absolutamente fazer o mesmo. Vamos ver aqui. quadro 25 é onde ela começa a levantar a cabeça de volta. Com isso, o cabelo dela precisa avançar. Vamos fazer a banda primeiro. Precisamos movê-lo ligeiramente para a direita, assim como fizemos da última vez, mas ao contrário. Essa mecha de cabelo também precisa se mover um pouco para a direita. Em seguida, o próximo quadro, novamente, faixa ligeiramente para a direita. O arco está se movendo junto com ele também. Estou olhando para o quadro anterior para garantir que não seja muito agitado. Honestamente, estamos fazendo a mesma coisa que fizemos para o movimento inicial. Só que desta vez estamos movendo as coisas do lado oposto. Você pode ter cabelos muito diferentes ou partes móveis muito diferentes em seu personagem. Basta olhar sobre sua animação, reproduzi-la repetidamente e ver quais coisas precisam ser alteradas para completar o loop. Aqui está a quebra da camada do movimento mais uma vez. quadro 25 é onde tudo começa. quadro 28 é onde a banda faz as bandas. A mecha de cabelo demorou um pouco mais para trazer de volta, então ele salta no quadro 31 e, em seguida, o movimento está completo. Vamos jogar, ver se algo precisa mudar. Acho que parece bem suave e o loop é perfeito. Podemos passar para a flor. Começa a voltar para baixo no quadro 28. Deixe-me apagar as pétalas desses quadros. [MÚSICA] Desta vez, as pétalas precisam subir porque a flor cai. Mais uma vez, não há absolutamente nenhuma regra para isso além de apenas experimentar as coisas e ver como elas se parecem. Todos esses quadros individuais parecerão tão estranhos, mas você já sabe que juntos eles ficarão ótimos. [MÚSICA] É quase inacreditável que estamos praticamente acabados. Eu só quero adicionar mais alguns quadros no final para ajudar no ritmo. Como é um loop, estou duplicando os dois primeiros quadros e estou arrastando-os para cima do último quadro. Isso deve tornar o movimento menos apressado. Agora que finalmente estamos aqui, vamos dar uma olhada no rascunho. Acho que parece ótimo e tenho certeza que o seu também. Veja que isso não foi tão ruim. Agora que você sabe como fazer isso, faça seu loop de animação. Na próxima lição, adicionaremos cores e trabalharemos para finalizar a animação. 8. Trabalhando na Animação: [MÚSICA] Finalmente, com a parte mais difícil feita, podemos relaxar. Como estamos nos concentrando na parte de animação do processo criativo nesta aula, preparei algumas paletas de cores para você usar em seu projeto, para que você não precise pensar tudo menos aumentar o nível de suas habilidades. Você pode acessá-los abaixo da classe e, obviamente, pode usar suas próprias paletas de cores para isso também. Dupliquei meu arquivo e excluí todos os quadros além de um. Agora adicione uma nova camada, e aqui você precisa se certificar de que todas as novas camadas estão abaixo da sua linha funcionem. Vamos criar uma composição de cores. Este é um passo que é 100% essencial no meu processo. Vou usar uma das paletas de cores que criei para essa classe. Vou apenas adicionar uma cor de fundo agora e começar a trabalhar na composição de cores. Uma composição de cores é basicamente um esboço muito áspero, mas para as cores, geralmente faço o pincel maior e apenas vou em frente. Não estou me preocupando em ser arrumado. Este é um passo extra, mas permite que você experimente todas as diferentes combinações de cores antes começar a trabalhar nos quadros finais. A única coisa importante aqui é manter cada objeto em uma nova camada, ou no meu caso aqui, eu sei que o rosto dela, e sua mão vão ser da mesma cor. Farei os dois na mesma camada e, em seguida, adicionarei novas camadas para todo o resto. [MÚSICA] Esta é minha composição de cores. Sei que parece áspero, mas tentei todas as diferentes combinações de cores, e gosto mais desta. Agora posso usá-lo para começar a trabalhar nos quadros finais. Eu inseri a composição de cores como uma única camada aqui para que eu possa referenciá-la rapidamente. Também adicionei camadas vazias e as agrupei. Tenho uma camada com trabalho de linha e uma camada vazia em cada grupo agora. Estamos prontos para começar a colorir o primeiro quadro. Estamos trabalhando nessa camada vazia agora, e estou usando o mesmo pincel e o mesmo tamanho. Na verdade, existem muitas maneiras diferentes de fazer isso. acho coloração assim bastante terapêutica. Mas se você quiser acelerar o processo, você pode desenhar as formas e preenchê-las com cores. Se o seu estilo de arte é um pouco mais plano e você não usa o trabalho de linha, é hora de talvez experimentá-lo. Caso contrário, você terá que criar cada quadro a partir do zero. Isso pode, e provavelmente o deixará louco, especialmente se esta for sua primeira vez fazendo animação quadro a quadro. [MÚSICA] Uma coisa que eu adoro fazer é usar texturas como um elemento móvel adicional na animação. O que eu tinha em mente para as calças é tornar o pincel um pouco menor, e começar a colorir muito grosseiramente, deixando pequenas lacunas. Você também pode clicar no pincel para abrir as configurações e definir esse valor de simplificação para zero. Desta forma, o pincel se sentirá mais natural. [MÚSICA] Agora, o padrão na camisa também pode trazer um pouco de movimento. Estou usando uma máscara de recorte e com o mesmo pincel, só para torná-lo um pouco maior. Vou criar um padrão que eu tinha em mente. Se você também está fazendo um padrão, eu diria que algo simples vai percorrer um longo caminho. [MÚSICA] Esse é o primeiro quadro pronto. Agora você pode continuar assim, colorindo cada quadro, mas isso vai demorar muito tempo. Uma coisa que podemos fazer para acelerar um pouco as coisas é duplicar as camadas que não estão se movendo, como esse tronco aqui. [MÚSICA] Como o pincel tem textura, você precisará entrar e preencher as lacunas lá, mas isso é muito mais rápido do que colorir novamente. [MÚSICA] Depende, precisamos colorir do zero porque queremos que eles estejam se movendo de quadro para quadro. Essas pequenas lacunas criarão esse movimento porque elas serão diferentes em cada quadro. A mesma coisa vale para o padrão de grade. Acabei de descobrir a camada com a cor da camisa para poder ver o padrão anterior com nosso velho amigo, Onion Skin. Eu diria que tente não movê-lo demais porque não queremos tirar a atenção de todos os outros movimentos em que trabalhamos tanto. Mas isso também depende, como se você não tivesse muito contraste entre as cores da camisa e o padrão, acho que você poderia se safar com um pouco mais de movimento. Definitivamente, experimente. É tudo sobre experimentar. [MÚSICA] Agora temos dois primeiros quadros. A partir daqui, você pode continuar duplicando quadros à medida que avança. À medida que o movimento muda, você terá que apagar um pouco aqui e ali e preencher as lacunas. Agora, quanto às canetas e ao padrão, você terá que duplicar todos os outros quadros. Eles estarão alternando entre si e criando um movimento bonito. Vou ainda mais longe e duplicar cada terceiro quadro. Você é bem-vindo a fazer o mesmo. Como temos muitos quadros, isso apenas introduzirá um pouco mais de variação. Tenha em mente que, para isso, você precisa de três camadas únicas para as canetas e para o padrão. Você terá que criar mais uma camada para cada uma delas. [MÚSICA] Aqui estão os primeiros três quadros feitos. Olha, esses três quadros criam belo movimento contínuo, um belo movimento contínuo, e isso apenas adiciona algo extra e o mesmo vale para o padrão. Agora, para o quarto quadro, estou tirando as canetas do primeiro quadro. [MÚSICA] Há um pouco de uma lacuna aqui. Vou entrar com o pincel menor novamente e preenchê-lo. Basicamente a partir daqui, teremos que continuar fazendo a mesma coisa repetidas vezes até que tenhamos todos os quadros coloridos. [MÚSICA] Isso demorou um bom tempo, mas tudo valeu a pena. Não foi? Vamos reproduzir a animação. Estou realmente feliz com o resultado e mal posso esperar para ver o que você criou. [MÚSICA] Agora, acabei. Agora é sua vez de projetar seus quadros. É só a parte divertida que resta. Aqui você pode deixar sua criatividade correr solta. Experimente alguns novos pincéis ou experimente sua paleta de cores. Na próxima lição, mostrarei como exportar sua animação. 9. Exportando seu arquivo: Finalmente estamos aqui. É hora de exportar sua animação. Exportar é realmente muito, muito fácil. Nas configurações, vá para a guia de compartilhamento e, em seguida, precisamos de duas coisas principais, um arquivo GIF e um arquivo MP4. Vamos clicar em GIF animado primeiro. Tudo é tão simples quanto possível. O mais importante é manter quadros por segundo aqui iguais à sua animação. Então, se você clicar em “Pronto para Web”, ele tornará seu GIF menor em tamanho. Você não deve se preocupar com todo o resto, então basta clicar em “Exportar”. Aqui está sua coisa habitual. Diferentes opções de compartilhamento. Nós só vamos salvá-lo. É isso realmente. Vamos fazer o mesmo para o MP4 animado. Aqui, a única coisa, novamente, é manter quadros por segundo iguais à sua animação. Vamos exportá-lo. A mesma coisa aqui, basta salvar o vídeo. Vamos ver agora, aqui está seu arquivo GIF. Ele está sendo reproduzido em um loop repetidas vezes, e aqui está seu arquivo MP4. Agora, a coisa com isso é que é muito curto e só vai jogar uma vez. Às vezes eu quero um vídeo mais longo, então deixe-me mostrar como eu costumo fazer isso no Photoshop. A razão pela qual eu uso o Photoshop em particular é porque eu já o tenho na minha área de trabalho e sinto que há uma boa chance de você tê-lo também. Caso contrário, acho que você poderia usar qualquer software de edição de vídeo. Primeiro, você vai querer abrir seu vídeo. Você pode fazer isso em Arquivo e depois Abrir, eu já o tenho pronto para começar. Como é um arquivo MP4, ele trará a linha do tempo na parte inferior. Se isso não acontecer, você pode encontrá-lo na Janela, depois na Linha do tempo. As coisas são bem diretas daqui, vou copiar o grupo de vídeos e passá-lo algumas vezes. Você pode fazer qualquer número que quiser. Agora, passando para a linha do tempo, basta clicar e arrastar todos os grupos para que eles vão um após o outro. Agora vá para Arquivo, depois Exportar e escolha “Renderizar vídeo”. Aqui esse deve ser o formato. Este é apenas um arquivo MP4. Você pode escolher alta qualidade aqui. Então 1080 por 1080 é o que você precisaria postar no Instagram, por exemplo, então vamos fazer isso. Taxa de quadros do documento, novamente, igual à sua animação. Certifique-se de ativar o Gerenciamento de cores e, em seguida, basta clicar em “Renderizar”. Lá vai você. Aqui está seu vídeo um pouco mais longo. Estou tão orgulhoso de você. Isso não foi fácil, mas você conseguiu. Agora vá e exporte sua animação e eu te vejo em um segundo. 10. CONCLUSÃO: [MÚSICA] É isso. Estou tão feliz que você decidiu fazer essa aula comigo e não tenho dúvidas de que sua animação parece incrível. Essa foi uma jornada e tanto, fizemos de tudo, desde aprender sobre animação quadro a quadro e escolher um movimento até elaborar sua animação e depois trabalhar nos quadros finais. Espero que você tenha aprendido muitas coisas novas e que esteja repleto de novas ideias para futuros projetos de animação. Uma coisa que eu quero que você se lembre desta aula é que a animação é divertida. Depois de superar o medo inicial do desconhecido e se esforçar, ficará tão impressionado com seu próprio trabalho. Esta é uma nova habilidade incrível que você tem agora e espero que você continue sua jornada de animação. Não posso agradecer-lhe o suficiente por fazer esta aula e espero que valha a pena o seu tempo. Eu encorajo você a compartilhar seu trabalho em todos os lugares que puder, mas especialmente aqui no Skillshare. Você pode falar sobre seu processo, compartilhar esboços iniciais, referências ou inspirações e, claro , sua animação final na seção de projeto de aula. Se você estiver compartilhando no Instagram, lembre-se de me marcar @Wildanya. Mal posso esperar para ver suas criações. Este foi um ótimo momento, muito obrigado por se juntar a mim hoje. Tchau.