Animação no Procreate para iniciantes: anime um cartão de Natal

1. Introdução: Ei, todos sejam bem-vindos à aula de arte de esboços. Meu nome é Leah e sou ilustradora e animadora da Alemanha. Nesta aula, você aprenderá a fazer seu próprio cartão animado no Procreate for Christmas. Você precisará de um iPad Pro e um Apple Pencil e, claro, Procreate. Você aprenderá a animar vários têxteis, vamos animar alguns motivos de Natal e, claro, algumas animações de fundo. No final, combinaremos tudo e exportaremos para que você possa enviá-lo para seus amigos. Espero que gostem desta aula. Certifique-se de fazer upload do seu projeto de classe e compartilhá-lo conosco. Estou tão animado para ver todos os seus resultados e vamos começar. 2. Configure seu modelo: No início, vamos olhar para a configuração. Abra o Procreate. Vamos gerar um modelo GIF que você pode usar mais tarde. Pressione o sinal mais aqui e pressione este botão. Para dimensões, vamos usar 1080.1080, tudo bem. Para o DPI 72 também é bom porque não queremos imprimi-lo, é apenas para on-line. Para o perfil de cor vamos usar RGB também porque não queremos imprimi-lo. Configurações de lapso de tempo, o que quiser. Propriedades de lona, eu vou escolher um cinza claro para fundo porque talvez nós vamos fazer algo em branco. Vamos verificar isso mais tarde. Vamos chamar este modelo GIF. Perfeito, crie. Agora estamos prontos para ir. 3. Texto 01 - Natal: Nas próximas lições, vamos aprender como animar texto de várias maneiras. Para isso, no início, vamos começar muito simples adicionando uma camada de texto. Você pode adicioná-lo aqui, no texto. Talvez comecemos pelo Natal. Aqui, você pode alterar suas configurações de texto, escolher uma fonte, tocar duas vezes nela e selecioná-la, então você pode escolher um estilo que você gosta. Sim, vamos com essa fonte, então pressione “Concluído”, e eu vou torná-la um pouco maior, centralizá-la. Perfeito. Agora, eu coloquei abaixo como minha primeira camada e abaixei um pouco a opacidade, então eu tenho isso como um guia para mais tarde. Agora vamos começar a animar. Vamos ativar o Animation Assist aqui. Abaixo você pode ver a linha do tempo. Há um monte de configurações diferentes que você pode escolher agora, vamos clicar no A, que é a nossa camada de texto e defini-la como Plano de Fundo. Então agora você pode ver com a caixa azul, este é o fundo e ele será sempre visível. Mais tarde, vamos desligá-lo. Neste momento, estamos na camada 1, que é esta aqui. Agora escolha um pincel. Eu gosto da tinta seca, este é alemão, que é um pincel padrão no Procreate. Para a primeira animação, vamos fazer linhas onduladas, animação de texto wiggly que é realmente fácil. Você só tem que desenhar sobre seu texto várias vezes. Vou reescrever o Natal e adicionamos outro quadro. Vamos para as configurações e definir as molduras de pele de cebola para um, e a opacidade do quadro da pele da cebola caiu para 25%. Ainda podemos ver nossa camada de referência muito bem e então fazemos isso novamente. Não precisa ser perfeito. Até é bom se não for. Fazemos balanços um pouco mais. Ótima. Agora vamos desligar a camada de fundo. Vamos para as configurações e escolhemos Loop e também Quadros por Segundo, talvez oito. Vamos dar uma olhada e pressionar “Play”. Aí está você. Você primeira animação de texto e parece muito bom. Vamos tentar algo mais difícil na próxima lição. 4. Texto 02 - Merry - me feliz: Nesta lição, vamos animar o texto enquanto usamos uma máscara e preenchemos a máscara com neve para que o texto apareça com um efeito especial. No início, é claro, precisamos da nossa camada de texto para referência. Se você é uma carta, você pode apenas escrever seu belo texto. Eu não posso. Vamos pela Merry desta vez. Toque duas vezes para selecionar. Eu estou usando o Futura negrito e realmente grande e adicionar um pouco de kerning para ele, então mais tarde, você pode lê-lo um pouco melhor. Perfeito. Isso parece ótimo. Mas não se preocupe, nós vamos desenhar sobre ele, e então ele vai ficar um pouco mais agradável. Deixe colocar isso na parte inferior, abaixe a opacidade e desenhe sobre ela. Você também pode usar a ferramenta de seleção para este. Basta usar o texto que usamos como guia, você não precisa se ater a ele perfeitamente. Estou fazendo isso um pouco mais meu, e selecione suas letras. Perfeito. Agora vamos usar aqui uma cor branca, arrastá-la para isso, manter sua caneta no tablet e empurrar para a direita até que tudo esteja preenchido. Perfeito. Você pode ver que eu cometi um erro aqui com o e. Eu vou usar a ferramenta de seleção e você apagá-la. Perfeito. Agora podemos excluir nossa camada de texto, e essa será nossa máscara. Agora, à animação. Vamos selecionar tudo nesta camada clicando nele e escolha Selecionar. Agora tudo está selecionado. Isso desliga. Adicione uma nova camada, clique nela e selecione “Máscara”. Perfeito. Se eu desenhar nesta camada, tudo fora da máscara não será visível, como você pode ver. Vamos ativar o Animation Assist e colocar nossa camada de fundo em segundo plano e diminuir a opacidade muito bem. Vamos dar um nome a este para mantê-lo limpo. Vou duplicar isso várias vezes com a máscara, então eu não tenho que excluir o que está nele mais tarde. Apenas às vezes renomeá-lo para mantê-lo limpo. Vamos começar com o primeiro. Vamos para as Configurações e abaixar os quadros de pele de cebolas novamente, também os quadros por segundo para oito, e a opacidade da pele para 20. Eu acho que ficaria bom se houvesse neve aparecendo e tudo será visível no final. Estou fazendo alguns pontos dentro da minha máscara na primeira camada. Espero que isso não seja muito alto para você, no microfone. Vá para a próxima camada e comece a fazer mais alguns pontos. Então eu vou duplicar algumas camadas vazias livres e continuar fazendo esses pontos. É importante que você aumente o número de pontos com cada camada. Agora podemos passar pela linha do tempo e podemos ver o que já fizemos. Parece muito bem já, mas se desligarmos a camada de fundo, provavelmente ainda não é muito legível. Então vamos duplicar as últimas camadas que fizemos. Ele neva um pouco mais, e então vamos animar um pouco de neve de baixo para cima até ele para que possamos ler melhor. Selecione esse, selecione “Duplicar”. Bem, você pode duplicar com deslizar para a esquerda. Estou pressionando “Duplicar” como você pode ver aqui. Não, só selecionando um. Coloque isso em cima disso, e isso, e esse aqui. Você vê que a nomeação das camadas é muito boa, então agora você sabe que 4, 5, 6, 4, 5, 6 é duplicado. Agora, temos um pouco mais. Acho que podemos começar a enchê-lo no quarto quadro. Estamos no quarto quadro, e vamos ativar nosso fundo novamente para que possamos vê-lo um pouco melhor. Agora vamos desenhar um pouco de neve na parte inferior, e talvez agora ligue a opacidade da pele de cebola um pouco maior para que você possa ver quão alta sua neve estava no último quadro e continuar preenchendo isso. Talvez começar devagar, adicionando apenas um pouco de neve com cada quadro e indo um pouco mais alto no final. Talvez nem tenhamos que enchê-lo até o topo. Talvez já pareça bem assim. Vamos dar uma olhada. Bem, isso parece muito bom. Vamos pressionar “Play”. Legal. Acho que isso parece legal. Eu não quero enchê-lo todo o caminho porque parece muito doce. Então eu vou adicionar um novo quadro duplicando meu último, e agora nós temos que excluir tudo o que está dentro desse quadro 6 aqui. Também podemos renomear nossas camadas duplicadas. Digo-te, às vezes, mais tarde, ficarás feliz por teres batizado as tuas camadas. Agora, na verdade, apenas alguns deles sabemos que vamos adicionar a neve dentro, mas a parte inferior vai ficar a mesma basicamente. Vamos duplicar esse talvez cinco vezes, então há um pouco de um fim. Por onde começamos? Aqui, com um 10. Vamos adicionar uma nova parte de neve no topo e mais alguns flocos de neve a ele. Agora repita este passo várias vezes até preencher todas as camadas. Incrível. Vamos dar uma olhada no que fizemos. Vamos desligar essa camada de fundo e pressionar “Play”. Mas ainda podemos ver essa camada de fundo. Perdi a caixa de seleção. Vamos tentar de novo. Legal. Experimente e compartilhe seu progresso com a turma e nos mostre em seus projetos de classe. 5. Texto 03 — da partir: Agora, para o último exemplo, vamos animar a própria camada de texto. Para isso, vamos adicionar outra camada de texto. Vamos usar a palavra de, toque duas vezes, e eu vou escolher uma forma de milk-shake de morango, e eu vou torná-la maior para que possamos vê-lo melhor e adicionar um pouco kerning para que possamos separá-los mais facilmente um do outro. Queremos cada letra separadamente, então vamos pressionar “Concluído”, e podemos excluir nossa primeira camada, tocar nela e, em seguida, escolher rasterise. Desta forma, não é mais uma camada de texto. Você pode editar seus pixels. Vamos colocar isso no meio da tela. Estamos nessa camada, escolha a ferramenta de seleção, à mão livre, e selecione a primeira letra e pressione “Copiar e Colar”. Agora tem sua própria camada, e vamos fazer isso com cada letra. No começo, vamos reorganizá-los para que eles não estejam mais tão separados. Talvez vamos adicionar um toque ON a ele. Vamos adicionar outra camada e chamar isso de “linha”. Vamos colocar uma bela linha de manobra abaixo dela. Agora, para a etapa importante, vamos colocar tudo em um grupo arrastando para a direita, você pode selecionar várias camadas e, em seguida, pressionar aqui no grupo. Damos o nome a este “1" porque nomeamos as nossas coisas de forma ordenada. Agora vamos fazer o que já fizemos duas vezes. Vamos ativar a Assistência de Animação. Agora cada quadro vai ser o grupo. Você pode ter várias camadas em um grupo e alterá-las, mas ainda será um quadro. Vamos duplicar isso e renomear isso para “ref” e desligá-lo. Se precisarmos voltar a ele, podemos usar isso. Porque eu quero começar com eles já balançando, eu vou escolher esta ferramenta e girá-la um pouco. Vamos virar o r para a direita para que tudo já esteja um pouco louco. Perfeito. A razão pela qual fizemos essa camada de referência, se você ampliar e você pode ver que nossos pixels estão um pouco loucos agora, eles não parecem tão bem. Isso ocorre porque se você virar algo ou arrastá-lo ou dimensioná-lo no Procreate, ele usa qualidade. Eu não copiaria a camada número 1 aqui e a transformaria novamente porque perderia mais qualidade com cada vez que a duplicamos. Vamos duplicar o ref em vez disso, colocá-lo em cima, ligá-lo, renomeá-lo em “2", entrar nas configurações, abaixar os quadros de pele de cebola para um, a opacidade para baixo. Também já podemos baixar os quadros por segundo aqui e girá-lo um pouco para este lado para que possamos vê-lo melhor. Começamos com o f e vamos girá-lo um pouco para a direita. Podemos ver no anterior que foi virado um pouco para a esquerda. Vamos fazer o oposto do que fez no último quadro. Certo, perfeito. A linha que você pode apagá-lo ou você pode fazer uma nova camada para ele, o que você quiser. Eu só vou fazer uma linha que é o oposto daquela linha que tínhamos antes. Perfeito. Vamos baixar o quadro por segundo para dois. Vamos dar uma olhada já. Você vê que isso funciona. Você poderia repetir os passos que fizemos várias vezes para que ele mexa com mais verity. Mas eu acho que isso já funciona muito bem para uma animação. Agora que você conhece várias etapas para animações de texto, vejamos nosso motivo principal. Vamos animar alguns motivos de Natal ou inverno para o nosso carge. 6. Vamos animar 01 - ramos e sino: Vamos animar alguns motivos natalinos de inverno. Primeiro, vamos começar com um esboço. Gosto de esboçar com vermelho. Vamos fazer um ramo decorativo. Talvez vire um pouco e faça outro. Eu já cometi o primeiro erro, colocando-os na mesma camada. Quero-os mais assim. Como você já sabe alguns conceitos básicos de animação, talvez vamos adicionar apenas um pequeno detalhe, que torna um pouco mais difícil como um pequeno sino. Talvez até adicione uma fita. Uma fita seria bom. Isso é doce. Vou desenhar tudo em camadas separadas agora e vou avançá-lo rapidamente. Mas só para você saber, vou colocar isso em uma camada, isso em uma camada, a fita em uma camada, e isso em uma camada. No final, teremos quatro camadas. Tudo bem, então agora podemos excluir nossa camada de esboço, e vamos colocar o sino e os ramos em um grupo e chamar isso de 1. Por que não a fita? Porque não vamos animar a fita, e podemos bloqueá-la como nossa camada de primeiro plano. Para isso, ative o Animation Assist e, se a posição da camada que você deseja bloquear estiver na parte inferior e você pressioná-la, poderá bloqueá-la como plano de fundo. Quando está no topo, você também pode movê-lo por aqui. Vai ser um primeiro plano. Você pode ter os dois se quiser ou precisar. Agora temos que pensar em como animar isso. Esboço sobre ele bem rápido. Quero que os galhos se mexam um pouco para os lados e quero que o sino se mexa também. Mas eu sei que o sino será um pouco mais complicado de tocar. Vai precisar de mais alguns quadros. É por isso que eu iria começar com o sino e animar os ramos no final com uma animação mais fácil. No final, eles se encaixam na contagem dos meus quadros em geral. Certo, vamos apagar isso e duplicar nossa camada como o tempo todo. Talvez desta vez usemos duas molduras chave, uma moldura de pele de cebola e vamos diminuir a opacidade. Na verdade, acho que seria sensato salvar um como árbitro. Então começamos com o sino no lado mais esquerdo. Em última análise, esta é a posição mais esquerda que pode ser. Em seguida, duplicamos sua camada de referência e chamamos isso de 2. Ativá-lo. Vamos definir esta opacidade um pouco mais alta, para que possamos vê-la melhor. Depende do que você está fazendo. Vamos girar a campainha de novo e vamos ampliar um pouco. No primeiro quadro, queremos apenas ter um pequeno movimento realmente facilitando o movimento. Então novamente, duplicando o árbitro. Chame isso de 3. Nós devolvemos para estar exatamente no meio como ele realmente está no árbitro, então podemos deixá-lo, e como nós não movê-lo para qualquer lugar, desta vez nós podemos apenas duplicar para um, ele não vai perder qualidade. Nomeie este 4. Mova a campainha para a direita. Duplica o árbitro novamente. Por que estamos duplicando o árbitro? Se você pulou as lições de animação de texto, não queremos perder qualidade porque cada vez que usamos a ferramenta de transformação, ela diminuirá a qualidade do que você transformou e vamos animar. Uma última vez, vamos transformá-lo uma última vez para apenas um pouquinho no final. Se passarmos por ele, isso já parece bom. Vamos tentar uma foto de pingue-pongue neste quadro. Um pouco rápido. Agora vamos animar os galhos. Para isso, vamos para a segunda camada e transformamos apenas um pouco. Além disso, escrevemos um apenas um pouco e continuamos isso até o último quadro para ir apenas um pouco mais acima do que o último, então não é muito movimento. Agora vamos dar uma olhada. Perfeito. Então agora você tem seu primeiro motivo de Natal. Você já poderia combinar isso com o seu texto e ter um belo cartão de Natal. Mas vamos explorar mais algumas coisas que poderíamos animar. Vejo você na próxima lição. 7. Vamos animar o 2 - a chimney para fumar: Para este, pensei que poderíamos fazer uma bela casa e animar uma chaminé fumegante. Eu vou projetá-lo primeiro como eu quero que ele pareça, e eu vou avançar para isso para o ponto em que vamos começar a animar. Desta vez, você pode se inspirar nisso ou você pode esboçar suas próprias idéias. Agora que temos nosso histórico, vamos ativar o Animation Assist e transformar esse fundo em nosso plano de fundo. Queremos que a fumaça seja branca, mas se começarmos a desenhar com essa cor branca, pode ser um pouco branca demais. Então eu começaria com a adição da fumaça branca e, em seguida, diminuir a opacidade até que você tenha um branco que você gosta. Então vamos escolher a cor e colocar isso para que não tenhamos que passar por cada camada e ativar a opacidade para a quantidade certa mais tarde. Aqui temos realmente o nosso primeiro, não problema, mas é irritante se você tentar combinar a chaminé aqui cada camada. Será visível mais tarde. Então vamos tirar a casa do nosso plano de fundo, colocá-la em cima, e torná-la em nosso primeiro plano, dessa forma, podemos desenhar atrás dela. Perfeito. Isto vai parecer muito melhor. Agora eu já estou muito satisfeito com a minha fumaça, então eu vou mantê-lo. Abaixe suas molduras de pele de cebola, talvez para dois, e a opacidade para baixo. Agora, o que vamos fazer com fumaça e vapor, queremos animar ondas. Isso significa que, em geral, se você tem uma onda e você quer que ela se mova, ela se moverá apenas um passo de cada vez, e você teria que preencher o que está faltando até o ponto de partida. Na verdade, é bem simples. Também parece muito bom. Na verdade, é bastante simples, mesmo que pareça um pouco complicado, mas você pode apenas tentar desenhar a mesma linha exatamente um pouco mais abaixo de sua página. Ele não precisa estar correto, e então você adiciona o que está faltando no início. Vai ficar bem, prometo. Vamos começar com isso. Adicione um novo quadro. Agora queremos que a fumaça se mova para cima, é claro, e um pouco mais longe. Acho que talvez esteja começando a se mover um pouco para a direita. Parece que isso é um pouco longe. Vamos para cima, para cima, para cima, e preenchê-lo. Vamos dar uma olhada. Já parece legal. Adicione um quadro, e talvez apenas trabalhe com um quadro agora, é mais fácil. Talvez começar pelo topo, talvez seja mais fácil para você. A polpa grande está saindo da tela e só teremos isso aqui. Agora vamos ser um pouco mais ousados. A fumaça vai para a direita, já começamos isso. Vamos fazer essa curva maior. Você vê esta curva aqui está agora aqui; esta curva aqui está agora aqui. Olhe. Já parece legal. Talvez um pouco plana aqui, talvez vamos adicionar um pouco mais de redondeza a ele. Parece legal. Vamos adicionar mais alguns quadros. Imaginemos como essa onda continuaria para baixo. Precisa ir para a esquerda de novo, certo? Então, se retirarmos essa onda, ela vai subir nessa direção. Esta curva vai estar aqui e como é uma onda, ela precisa ir para o outro lado de novo. Desculpe se estou falando um pouco de inglês ruim. Eu sou um falante nativo alemão e eu não falo muito inglês, então é um pouco difícil para mim mudar completamente, mas tenha paciência comigo. Estou a tentar o meu melhor. Vamos fazer isso curvilíneo. Não precisa ser perfeito porque, bem, também há vento. Talvez seja um pouco grande, não sei. Nós não estamos. Vamos dar uma olhada nisso. Eu gosto disso. Já que decidimos que vai ter um pouco de massa vindo aqui, vamos acrescentar isso aqui. Um quadro antes disso, que já está começando a massa um pouco aqui, então não haverá surpresas. Vamos levá-lo para o quadro. Continue com nossa onda indo um pouco mais assim. Temos que fechar essa forma. Perfeito. Acho que já parece muito bom. Agora você pode adicionar quantos quadros quiser. Quanto mais você tiver, mais realista vai parecer, menos você verá que é um loop. Mas queremos fechar esse ciclo. Acho que podemos fazer um loop, mas já não vai parecer tão bom. Não vai parecer tão bom agora porque você vê que ele salta muito rápido para o lado. Já funciona, mas podemos torná-lo um pouco melhor duplicando a primeira fumaça. Vamos renomeá-los primeiro. Vamos duplicar essa. Não precisamos dela no final, mas precisamos dela para orientação agora. Vamos adicionar uma nova camada entre a última e a primeira. Vamos colocar algo bem exatamente entre o que estamos vendo aqui. Precisa estar aqui em algum lugar. Está fazendo esta curva aqui e esta curva aqui, então é fácil fazê-lo reto, mas nós não queremos isso. Temos que improvisar um pouco para parecer suave. Vamos tentar torná-lo ainda curvilíneo. Você pode apenas brincar um pouco e ter uma olhada em como ele olha no final. Não será a perfeita. Você também pode adicionar in-between se ele não funcionar. Exclua a camada número 1 porque já temos isso em nosso loop. Agora você vê, ele não quebra mais tão rápido e nossa fumaça da chaminé está completa. Agora, se você quiser, você pode abrandar um pouco mais. Se você quiser que as estrelas olhem através, é claro, você ainda pode baixar a opacidade para 60. Vamos dar uma olhada como isso parece. Desde que colocamos aquela casa em primeiro plano, agora está sobre a neve, que eu não gosto. Agora vamos jogar fora a neve em cima dela. Perfeito. Está feito. Por favor, mostre-nos seu projeto na sala de aula. Estou muito animada para ver o que você fez. Vejo você na próxima lição. 8. Vamos animar 03 - dança Jimmy: Ei pessoal, para este último, eu decidi que vamos fazer um pouco mais avançado de animação quadro a quadro e vamos animar uma decoração de bola de dança para a árvore. Vamos dar uma olhada. Coloque-o numa posição de dança. Agora temos a nossa posição inicial. Você pode desenhá-los em qualquer posição que você quiser. Você também pode tentar animar uma dança de fio dental se você é realmente aventureiro. Vou improvisar no caminho. Então vamos ver o que esta bolinha vai dançar para nós. Para isso, vamos animar algumas posições-chave e colocar alguns no meio, eu acho. Depois, vamos limpar tudo. Vamos começar o Animation Assist. Vamos manter a nomeação das camadas assim como estão no momento porque provavelmente vamos excluí-las mais tarde de qualquer maneira. Vamos adicionar um quadro. Vá para esse quadro clicando nele ou arrastando. Vamos passar pelo segundo quadro arrastando para a esquerda, e vamos colocar a opacidade da pele um pouco mais alta. Então ele desce até o joelho. Ele vai endireitar a perna e colocar a perna maior. Se você quer saber o que eu fiz lá, você pode desenhar qualquer forma. Mantenha a ponta do lápis na tela e arraste-o para que você possa alterar o tamanho da forma que você acabou de fazer, e então você pode editar a forma aqui em cima. Talvez você possa fazer um tipo diferente de elipse ou transformá-la em um círculo, que é exatamente o que precisamos agora. Apagá-lo. Ele está subindo. Talvez ele também esteja abaixando os braços quando está em cima. Sim, estou a senti-lo. Acho que ele vai cair de novo, praticamente na mesma posição. Olhando para este lado agora, dobrando o joelho, e esticando o outro pé. Levantando as mãos de novo. Vamos dar uma olhada com pingue-pongue agora e apenas quatro quadros por segundo. Acho que parece muito engraçado. Vamos colocar alguns no meio aqui. Vamos adicionar uma moldura no meio e vamos colocar as molduras de pele de cebola em um para que só vejamos os antes e o depois. Vamos colocar um círculo primeiro bem no meio. Então sabemos que isto é aqui, isto é aqui, por isso precisa mesmo no meio da cara. Ele esticava o braço. Aqui está o começo do braço, aqui está, e precisamos ir bem no meio, e o cotovelo estará aqui e aqui, então precisamos ir lá no meio, e terminamos em algum lugar no meio. O mesmo procedimento aqui, em algum lugar aqui. Vamos ver o que ele vai fazer com o pé esquerdo. Ele está arrastando de volta? Ele pode fazer isso, ou ele está colocando? Acho que talvez ele esteja colocando. Eu gosto disso. O que você diz? Eu olho para a maneira como o pé tem que ir, pegar o meio, ir para o meio desse espaço aqui e desenhar a perna. Perfeito. Fazemos isso também para o outro lado. Você também pode copiar e restringir os quadros, se quiser. Eu não quero porque parece mais orgânico assim. Mas é totalmente legítimo se você quiser. Só estou te mostrando toda a experiência aqui. O mesmo procedimento. Vamos dar uma olhada. É super fofo. O sino sempre permanece o mesmo, então nós desenhamos isso como uma imagem e nós vamos duplicá-lo e nós vamos desenhar nos braços em cada quadro. No final, vamos adicionar alguns quadros de edição, provavelmente. Vou começar com a pose do meio como referência e vou colocar esses dois no mesmo grupo. Desligue a pele de cebola para que eu possa me concentrar no meu design aqui. Desligue a opacidade do esboço e desenhe em cima dele. Talvez este não tenha falas. Vamos fazer uma forma. Bem, isso é ótimo de se fazer. Vamos mudar a cor para talvez vermelho. Isso está tudo bem. Vamos fazer algumas reflexões sobre isso. Você pode adicionar quantos detalhes quiser porque você não terá que desenhá-los em cada camada, vamos apenas duplicar isso. Algumas sombras também. Quando você estiver feliz com seu design, vamos adicionar o rosto. Coloque isso em multiplicar para que possamos ver melhor. Eu não iria animar o rosto então eu vou desenhá-lo em cima do sino, mas você pode mantê-lo em uma camada separada se você quiser animar o rosto. Ainda precisamos da coisinha prateada em cima. É como um chapéu pequeno. Eu acho que é fofo. Ele é como um marinheiro. Não sei por que estou pensando em marinheiro, mas acho que parece um marinheiro. Vamos trancá-lo, colocar um pouco de sombra. Bem, isso é um pouco menos, e algumas reflexões. Demasiado. Talvez assim. Vamos desligar o esboço. Eu gosto disso. Perfeito. Vou fundir isto porque isto vai ficar sempre o mesmo. Eu vou mudar a cor de fundo também para que possamos ver melhor para cinza escuro, e nós o chamamos de Jimmy. Então Jimmy, o Baile. Em uma camada separada, chamamos isso de braços e pernas, ou o que você quiser. Ligue o esboço novamente e desenhe exatamente o que nós esboçamos. Deixamos isso para trás do Jimmy para não termos problemas com terminações trêmulas. Podemos desligar o esboço e reproduzi-lo. Ele já vai ficar bem em um quadro. Perfeito. Agora, vamos dar um nome a isto. Eu diria que pose do meio porque provavelmente vamos adicionar alguns quadros de flexibilização mais tarde, e então não precisamos dar nenhum número. Está tudo bem. Vou duplicar o Jimmy e levá-lo ao primeiro quadro. Selecione Camada 1, mova-a para que eu possa ver ambos. Eu colocaria Jimmy no fundo e o transformaria um pouco, não tanto quanto no esboço. Agora temos que dar uma olhada em como isso acaba no final com o rosto. Talvez tenhamos que redesenhar o rosto. Eu não sei. Eu quero que ele olhe para a esquerda, então eu provavelmente vou desenhar sobre o rosto. Vou transformá-lo um pouco mais. É tentativa e erro. É sempre tentativa e erro. Vamos desenhar sobre o rosto. Carinha doce. Eu não vou desenhá-lo exatamente na mesma posição, talvez em algum lugar mais entre a pose original. Parece bem. Vamos adicionar os braços e as pernas. É um pouco longo. Talvez eu vá com A e L mais tarde. Vamos desenhar nas pernas, e vamos transformar isso para multiplicar para que possamos ver o que estamos fazendo. Vamos preparar o esboço. Já parece tão fofo. Vou continuar a fazer isso com todos os quadros restantes, e vou avançar com isso. Vejo você daqui a pouco. Acho que fizemos um bom trabalho. Vamos deixá-lo dançar um pouco mais rápido. Seis quadros por segundo parece bom. Agora ele está tão fofo, adorável. Se você quiser deixar isso ainda mais suave, podemos adicionar alguns no meio. Como é que vamos fazer isto? Vamos duplicar esse quadro. Duplicado. Chamamos isso no meio, abra. Vamos movê-lo um pouco na direção do próximo quadro para que ele comece o movimento. Para os braços e as pernas, vamos apagá-los e também atraí-los para mais perto do quadro original do que para o próximo quadro. Dobre o cotovelo aqui. Os lados subem um pouco. Ele está colocando a perna em movimento. Você vê que ele está começando o movimento, então ele está no movimento. Agora vamos duplicar o quadro do meio, na verdade. Vamos deixá-lo entrar na pose do meio. Coloque-o um pouco abaixo do próximo quadro para liderar os braços e pernas. Agora os braços e as pernas precisam estar mais perto do quadro seguinte, então eu vou colocá-los aqui mesmo no meio. Agora o que eu fiz, isso foi certo. Para este, precisa ser mais assim. Talvez ainda haja uma ligeira curva na perna, e para isso talvez haja apenas uma pequena curva. Vamos dar uma olhada. Agora ele está facilitando o movimento. Isso parece legal. Agora continuamos a fazer isso. Agora ele está facilitando para a próxima posição. Vamos duplicar a pose do meio de novo. Podemos movê-lo um pouco para baixo. Apague esses braços e pernas. Você vai começar a ficar em posição. Isso é certo. Tenho uma ligeira curva aqui. Tenho uma ligeira curva aqui. Vamos duplicar a pose final. Coloque-o um pouco para cima. Vamos entrar na última posição. Mais uma vez, vamos atraí-los muito perto da posição final. Não precisa ser perfeito. Apenas em algum lugar no meio está bem. Talvez ele tenha apenas uma pequena curva aqui. Agora vamos dar uma olhada. É muito mais suave do que antes. Talvez possamos até fazer ir um pouco mais rápido agora. - Legal. Estou animado para ver o que você fez com isso. Quero ver muitos Jimmys dançando lá fora. Por favor, mostre-os para mim. Vamos construir um exército de Jimmys dançantes. Eu adoraria ver isso. Agora, temos três tipos diferentes de decorações ou motivos natalinos. Nos próximos passos, vamos animar algumas animações de fundo. Então já estamos no final. Vamos combinar o que fizemos em um cartão. Vou mostrar-lhe como exportar tudo. Agora vamos mergulhar na animação de fundo. 9. O plano 01 - neve: Nesta lição, vamos olhar para a animação de fundo e vamos mantê-los muito simples. Vamos escolher um fundo azul mais escuro para isso e o mesmo que um. Vamos ligar imediatamente o Animation Assist. Escolha uma cor branca e um pincel que você gosta. Eu realmente gosto da tinta seca um para a neve, especialmente porque ele tem uma borda áspera, difusa. Se você torná-lo um pouco maior, você pode vê-lo. Já parece um pouco com neve, certo? Vou te mostrar como deixar nevar. Primeiro, desenhe um pouco de neve, mantenha-a aleatória, mas coloque-a lá, espalhe e adicione um novo quadro e depois desenhe cada ponto que você já fez perto do último em um raio como este, naquela direção. Queremos que a neve se mova assim. No começo talvez este aqui e este vai lá, não precisa ir para a mesma direção e não na mesma velocidade. neve vem em todos os tamanhos diferentes e por isso tem peso diferente. Vamos diminuir um pouco a opacidade e também apenas um quadro para que possamos vê-lo um pouco melhor. Claro, tenha em mente, precisa haver alguns flocos novos chegando e os flocos precisam vir de algum lugar. Este floco vai para aqui, mas veio daqui. Mantenha isso em mente. Terei um floco de neve vindo daqui, que acabará por se transformar nesse. Tudo bem? Apenas mantenha isso em mente. Adicionar um novo quadro e fazer isso de novo e este? Não. Espero que não. Este vai se transformar naquele, aqui vai estar lá, e vamos fazer isso mais uma vez. Vou apagar os mais baixos aqui. Viu que não funcionaram tão bem. Agora você tem sua neve e quando você adicionar mais quadros, vai parecer um pouco mais natural. Claro que isso está indo muito rápido, então vamos abrandar um pouco. Parece mais neve. Você poderia usar isso para fundo e vamos tentar outro tipo de fundo no próximo vídeo. 10. Antecedentes - estrelas: Agora, para esta lição, vamos animar algumas estrelas. Vamos desenhar alguns pontos e cruzes agradáveis para as estrelas. Não muitos porque temos que redesenhá-los todas as vezes. Alguns maiores, talvez este maior também. Vamos realmente o Animation Assist e adicionar um novo quadro. Para a parte mais fácil, nós apenas copiamos os pontos que fizemos no mesmo local, quase no mesmo local. Se você está um pouco confuso como eu, tudo bem. Então vamos mudar o tamanho das pequenas cruzes. Os pequenos vão ficar maiores, e os grandes vão ficar menores. Este também deveria ser um pouco cruzado. Tudo bem. Isso já funciona. Vamos jogar em dois quadros por segundo. Eu perdi um lá, dois na verdade. Isso precisará ser um pouco maior, e isso também precisará ser um pouco maior. Então, isso já funciona. Se você quiser, você pode adicionar um no meio como fizemos antes e nós vamos diminuir a opacidade. Copie estes pontos para a parte mais fácil. Brilhe, brilhe. Ei, você poderia usar isso como um efeito de brilho para tudo. Os brilhos tornam tudo melhor. Tudo bem. Mas agora temos que dar uma olhada, qual deles era grande e vai ficar pequeno. Este é grande, e temos que desenhar isso em algum lugar entre isso. Isto é pequeno e fica maior. Apenas desenhe tudo no meio. Então, vamos jogar. Agora, temos duas opções. A única maneira que você pode fazer pingue-pongue, para que você não tenha que animar outro no meio. Talvez torná-lo um pouco mais impulsivo como este. Ou você copia o intermediário e coloca no final. Isso também funcionaria, especialmente se você quiser usar o fundo de estrela em sua composição final, você poderia fazer isso. Tudo bem. Agora, vamos combinar tudo. 11. Combine tudo: Para combinação, vou conseguir um novo arquivo. No início, vamos pensar sobre o que queremos combinar. Em geral, é mais fácil animar tudo em um arquivo porque assim você não precisa ajustar quanto tempo a animação de cada coisa está demorando, e especialmente o Procreate não tem um pouco aqui porque você só tem uma linha de tempo para baixo lá e você tem que colocar tudo o que precisa estar em um quadro em uma pasta e, em seguida, ele fica confuso facilmente. Então, se você quiser experimentar outros programas para animar, eu posso recomendar o CaliPack, que é muito novo. Custa um pouco, mas acho que é muito barato para testá-lo. Há também Roughanimator, que eu acho que custa um pouco mais como Procreate. Eu acho que foram apenas 10 dólares ou mais, mas você tem a licença para sempre, e você não tem o problema lá com uma linha do tempo, você tem várias linhas do tempo e você pode ajustar isso melhor do que Procreate. Mas os pincéis e efeitos e tudo é tão incrível no Procreate que eu ainda gosto de animar no Procreate, mesmo que tenha apenas uma linha do tempo. Seja qual for. Vamos esboçar nossa composição. Poderíamos ter coisas diferentes. Poderíamos colocar nosso sino aqui, e dizer Feliz Natal, assim. Você não tem que combinar tudo. Você pode combinar o que quiser. Você também pode fazer uma animação completamente nova com tudo o que você aprendeu. Poderíamos colocar o Feliz Natal no centro e deixar nevar, talvez ter os galhos com o sino e a fita abaixo disso. Nós poderíamos fazer isso, ou você poderia usar a casinha com fumaça para o fundo e colocar alguma animação estrelada na parte de trás com Feliz Natal bem em cima. Para se inspirar talvez, você também poderia fazer algo completamente novo. Por exemplo, você poderia animar um gato com um belo chapéu natalino e um cachecol dizendo Feliz Natal e deixá-lo nevar na parte de trás. Eu não sabia, as opções são infinitas e eu estou realmente curioso para ver o que você inventou no final. Além disso, por favor, diga-me se você compartilhá-lo nas redes sociais. Eu adoraria ver o que você fez. Acho que estou indo para a casa porque não animamos isso com pingue-pongue, eu acho. A animação de ping pong não funciona tão bem para combinar. Se você tem uma animação de pingue-pongue, eu mostro o que você precisa fazer. Você tem que quadros, 1, 2, 3, 4. Normalmente seria assim o tempo todo. Mas então você quer combiná-lo com algo que é mais longo e ele loops. Você pode combiná-lo dessa maneira porque este loop e este vai e vai para frente. Para esse pingue-pongue, você duplicaria esse aqui e aquele aqui. Agora você não precisa mais de ping pong, ele faz loops. Mas então você ainda tem que gerenciar que tudo tenha o mesmo comprimento. Então talvez você coloque alguns no meio ou deixe ele pausar em algum momento ou ele realmente precisa desses dois, ou é tempo suficiente assim? Desculpem a minha explicação. Mas eu vou te mostrar de qualquer maneira agora mesmo. Vamos com o estilo natalino aqui. Voltarei para minha galeria e duplicarei o projeto de fumaça. Então, do fundo, vou apagar as estrelas. Temos isso como nossa animação básica. Vamos trazer o nosso texto. A primeira coisa que queremos fazer neste projeto é achatar nossas máscaras. Então, clicamos em cada camada e dizemos, mesclar máscara. Agora que temos nossa animação final mesclada, vamos selecionar todas as camadas. Perfeito. Em seguida, coloque o Apple Pencil na mão esquerda e, com a direita para mim, arraste as camadas para fora do painel de camadas, toque com o Apple Pencil no botão da galeria para fechar as camadas e voltar para a galeria e, em seguida, vá para o projeto que você deseja entrar lá, toque nele e solte. Está importando todas as camadas como gostaríamos. Infelizmente, ele renomeou todas as nossas camadas e inverteu a sequência. Bem, que seja, vamos combinar isso de qualquer maneira. Só deixando cair de novo. É um pouco mais fácil fazer tudo ao mesmo tempo. Vamos colocá-los em outro lugar. Vamos posicioná-lo primeiro. Acho que vamos reduzir isso, toda a parte da Merry. Vou renomeá-los novamente muito rápido, então se mudarmos a posição, ainda saberemos o que é o quê. Sugiro que faça o mesmo. Agora vamos arrumar essas camadas novamente. No começo, eu só vou arrastar para baixo sobre estas cinco camadas aqui. Então vai ser um pouco rápido, 2 a 2, 3 a 3, 4 a 4 e 5 a 5. Então sabemos que nossos laços de fumaça depois de seis quadros, então vou excluir o 14º e o 13º quadro. Então sabemos que quando repetimos a fumaça duas vezes, ainda teremos 12 quadros no geral. Na Alemanha, você vai dizer que o sinal normal quente precisa ser limpo. Ele precisa ser limpo com um t. Então vamos duplicar cada quadro pequeno e colocá-lo no quadro certo. Isso deve funcionar. Íamos combiná-las nas fotos agora para podermos ver as duas ao mesmo tempo. Então nós renomeamos novamente para que não fique bagunçado. Vamos dar uma olhada. Perfeito. Isso é muito bom. Agora, precisamos do nosso Natal. Vamos para aquela pasta. Como antes, vamos selecionar todos eles, arrastá-los para fora, digitar na galeria. Volte para o projeto de fumaça. Se você estiver tendo problemas ou problemas arrastando as camadas pela segunda vez, arraste-as diretamente para o painel Camada. Você vem com as camadas e clica com o lápis nas camadas enquanto o dedo segura as camadas, e então você arrasta-as diretamente para dentro, então ele funciona. Selecionamos esses três, e reposicionamos aqui. Misturando os têxteis. Agora, temos que duplicá-los quatro vezes. Agora, nós também podemos fazer isso de trás para frente, nós apenas arrastá-lo para dentro Vamos dar uma olhada. Agora, isso já parece muito legal. Vamos adicionar nossas estrelas. Uma última vez, arrastando essas camadas. Vou mostrar-te outra vez. Vamos renomeá-los. Arraste-os para a galeria, para o nosso projeto e, em seguida, vamos abrir o painel Camada para garantir que ele seja importado. Ótima. Agora, vamos dar uma olhada. Agora, você vê que nossas estrelas estão um pouco no caminho, e nós poderíamos adicionar um pouco do primeiro plano para a casa, mas eu vou apagar esses quatro no caminho, bem rápido. Como fizemos antes, vou duplicá-los e colocá-los nas pastas certas, e garantir que eles estão atrás do seu texto para que o texto fique em primeiro plano. Como último passo, vou colocar o Natal na frente da fumaça em cada camada. Agora, vamos dar uma olhada no que fizemos. Parece muito doce. Em alguns passos finais, eu iria voltar para a galeria, selecionar nosso projeto, e duplicá-lo uma última vez, então eu chamaria este original e cartão achatado, porque nesta parte, Vou nivelar as camadas até os quadros reais, que o arquivo não seja tão grande. Então eu provavelmente adicionaria mais alguns detalhes na frente e no fundo, adicionaria meu nome, tudo. Vou adiantar isso, e você pode me ver fazer isso. Então vamos dar uma olhada na parte final que fizemos juntos. Estou muito feliz com o resultado, e espero que você também esteja. Na próxima lição, mostrarei como exportar isso. 12. Exportar: Podemos exportar isso de maneiras diferentes. Vamos para Configurações, Compartilhar e, em primeiro lugar, vamos exportar um MP4 animado. Quando você quer postar isso nas mídias sociais, eu pessoalmente não quero exportar pronto para a web porque a qualidade é um pouco ruim, então vamos escolher a resolução máxima, e você ainda pode mudar a taxa de quadros aqui se você quiser ir mais rápido ou mais lento, Acho que seis está bem. Em seguida, basta pressionar “Exportar” e escolher um lugar onde você pode salvá-lo, eu vou apenas salvá-lo no meu iPad. Mas você também pode, se quiser, salvá-lo como um GIF animado. Eu aconselharia a usar web-ready aqui. Eu posso brincar com as configurações, o que parece melhor para você. Eu deixaria tudo aqui e exportaria também. Você pode enviar isso para o seu canal Giphy se quiser e compartilhá-lo com o mundo. Além disso, se você quiser compartilhá-lo via Messenger, eu aconselharia enviar um GIF para seus amigos e familiares porque ele vai se repetir, ele vai loop. O vídeo não entrará em loop se você enviá-lo com o Messenger, mas o vídeo fará um loop no Instagram, se você publicá-lo. Além disso, no Facebook, se você quiser publicá-lo, use o GIF e, para Instagram, use o vídeo. Agora, algumas coisas finais. Claro, você fez belos adesivos e GIFs no caminho. Por exemplo, com Jimmy dançando aqui, eu cortaria a tela para caber bem nele. Não tenho certeza se está tudo bem, então olhe enquanto eu corto ele. A melhor maneira de evitar isso é ativar todos os quadros de cebola para que você possa ver o intervalo onde ele se move, e depois cortar para caber nele para que você não exporte espaço vazio. Feito. Em seguida, vá para Compartilhar, GIF Animado, Ready para Web, fundo transparente e ele está pronto. Você pode exportá-lo e enviá-lo para o seu canal Giphy ou para a sua história. No final, quero agradecer-te por ficares comigo. Eu me diverti muito fazendo isso, e eu ficaria tão feliz se você se juntasse ao meu calendário de advento GIF no Instagram agora. Estou fazendo adesivos frescos todos os dias até o Natal. Vou distribuir modelos de história grátis, onde você pode adicionar o seu GIF feito por si mesmo ou GIFs legais que você encontra no Giphy ou onde quer que seja, e compartilhá-los com seus seguidores e seus amigos, e eu ficaria tão feliz se você compartilhá-los comigo também e junte-se a mim nessa aventura. Desejo-lhe tudo de melhor. Espero que todos estejam saudáveis lá fora. Mantenha-se seguro, aconchegante, pegue uma xícara de chá e um biscoito, você fez bem. Estou animado para ver todos os seus projetos de classe. 13. Outro: Espero que tenha se divertido na aula. Eu certamente tinha. Ficaria muito grato se deixasse uma crítica. Isso vai me ajudar muito com esta aula, e também se você tiver alguma sugestão para futuras aulas, eu ficaria feliz em ouvir sobre elas. Além disso, se você gostou desta aula, talvez você possa conferir minha outra aula. É sobre animar gatos bonitos e começar seu canal Giphy, então talvez isso seja interessante para você. Espero vê-lo em breve na próxima aula. Tchau.