Neste tutorial, mostrarei as etapas para criar uma bola quicando animada da qual você se orgulhará!
Vamos criar uma bola que salta para cima e para baixo. Nossa bola quicando será um ciclo, o que significa que o primeiro quadro de nossa animação também é o último quadro de nossa animação. Podemos repetir a mesma parte da animação várias vezes, e ela pode ser reproduzida infinitamente.
1. Desenhe as poses da bola
No caso de nossa bola quicando, o primeiro quadro será a pose 1, e o último quadro chamaremos de pose 2. Quando terminarmos nossa animação, ela fará um loop ao ser reproduzida.
Passo 1
Comece desenhando uma linha de chão a cerca de 2,5 cm da parte inferior da página. Isso vai aterrar nossa bola.
Passo 2
Esboce em sua bola – não precisa ser um círculo perfeito. Gosto de trabalhar superficialmente e grosseiramente quando faço uma animação. Vamos desenhar nossa bola a cerca de um centímetro do topo da página. Esta é a pose 1. A bola está acima do chão, pronta para cair e quicar!
etapa 3
Agora vamos sortear nossa bola na segunda posição. Esta é a pose 2. A bola está no chão, pronta para voltar para a pose 1! Você pode ver a imagem clara do quadro anterior para ter uma noção de posicionamento em relação ao quadro anterior.
Passo 4
Vamos voltar e adicionar um intermediário entre a pose 1 e a pose 2. Os intermediários são os quadros de animação entre nossas poses. Os intermediários dão a ilusão de que uma pose transita suavemente para a próxima pose.
O intermediário que estamos desenhando nesta etapa é para a ação entre a pose 1 e a pose 2. Quando eu animo, gosto de favorecer o quadro para o qual estou desenhando. Portanto, o desenho de animação da nossa bola não está exatamente no meio, mas um pouco mais próximo da pose 2 do que da pose 1.
Passo 5
Em seguida, adicione um meio-termo entre a pose 2 e a pose 1 para dar a impressão de que a bola está quicando de volta à sua pose original!
Vamos dar uma olhada em nossa animação até agora. Parece bom, mas falta alguma coisa. Parece plano.
Passo 6
Para dar um pouco de elasticidade à nossa bola saltitante, podemos adicionar uma moldura de bola ligeiramente achatada logo após a nossa pose 2. Deixei em uma imagem clara da pose 2 para que você possa ver o quadro esmagado em relação à pose 2. Certifique-se de manter o massa da bola a mesma – à medida que a bola se comprime ligeiramente, ela fica um pouco mais gorda nas laterais, mantendo assim a mesma massa da bola.
Isso é muito melhor! Adicionar o quadro de bola esmagada dá à bola mais ressalto.
Passo 7
Nossa bola parece boa, mas ainda falta alguma coisa. Vamos adicionar uma bola esticada após a nossa bola esmagada. No slide você pode ver como a bola esticada está posicionada em relação ao nosso último desenho. Observe como a massa se mantém igual esticando nossa bola e tornando-a mais alongada, e a bola fica mais fina nas laterais.
Agora nossa bola parece saltitante e mais parecida com uma bola de borracha elástica. Muito bom!
Aqui está uma olhada em nosso progresso. Eu rotulei a pose 1 e a pose 2 e destaquei os intermediários em verde.
Passo 8
Vamos adicionar outro meio-termo para suavizar a ação conforme a bola salta de volta para a pose 1. Quanto mais intermediários uma animação tiver, mais lenta e suave será a ação.
Passo 9
À medida que a bola se aproxima da posição superior, adicione mais um intermediário para desacelerar e facilitar a ação. Isso tornará o movimento mais realista. À medida que uma bola quicando salta para cima e atinge seu ponto mais alto, ela diminui um pouco a velocidade enquanto luta contra a gravidade antes que a bola comece a cair de volta ao chão.
Eu rotulei a pose 1 e a pose 2 e destaquei os intermediários em verde e nossos dois últimos intermediários em azul.
E agora vamos ver nossa animação. Essa é uma bola quicando de ótima aparência! Acho que estamos quase terminando! Mas primeiro…
2. Limpar e colorir nossa animação de bola
Passo 1
É hora de adoçar nossa animação e limpá-la! Eu gosto de trabalhar duro quando eu animo. Agora que estamos satisfeitos com a aparência de nossa animação, vamos aplicar tinta na parte superior de nossa linha bruta e dar a ela um contorno preto limpo e bonito.
Agradável! Olhe para todos os nossos quadros juntos. Isso sim é um belo conjunto de molduras limpas!
Aqui está a nossa animação. Isso parece ótimo! Bom trabalho! Só resta uma coisa a fazer…
Passo 2
Vamos colorir nossa bola! Pinte todas as suas imagens de bola. Azul é minha cor favorita, mas você pode fazer sua bola da cor que quiser. Vá em frente!
Essa é uma ótima bola quicando! Isso parece incrível! Em pouco tempo você criou uma bola quicando animada que tem peso e massa. Uma bola saltitante da qual você pode se orgulhar. Continue animando – o céu é o limite!
