Conforme prometido, agora nos dedicaremos à primeira animação real, o Bouncing Ball. Isso será bastante emocionante, pois animar tem a ver com estar realmente consciente do que se está fazendo. O que estou representando? Como transmito o que realmente quero mostrar?

Neste caso, queremos simular que temos uma superfície 2D que dá a sensação de ser uma bola. Ela deve chegar ao chão, saltar para cima e continuar saltando.

Esse é o princípio que queremos transmitir e não é tão simples assim. Neste exercício, novamente aparecem algumas das Disney Rules sobre as quais já falamos. Mantenha-as em mente.


Passo 1

A bola é jogada em algum lugar e sobe. Ela recebeu essa energia (1).

Porém, em algum momento essa energia não é mais útil, pois é surpreendida por outra energia - a gravidade (2). Ela puxa continuamente a bola para baixo e, eventualmente, ocorre uma colisão. Aqui: o chão.

Animação fácil: Bola saltitante - as poses.

Onde a bola atinge o chão? Ela ainda mantém esse impulso do arremesso (1) e ao mesmo tempo há um movimento descendente (2).

O que acontece é que obtemos um movimento que puxa a bola em um arco descendente (3).

No fundo, a bola então atinge o chão.

Animação facilitada: Bouncing Ball - as poses.

Ela pousa no chão e é arremessada para cima novamente. Lei da gravidade de Newton.

Em uma animação, é preciso estar sempre consciente das circunstâncias físicas. Especialmente no caso do Bouncing Ball, onde se trata de representar algo com meios de animação que seriam fisicamente plausíveis.

A bola então desce aqui, refletida no mesmo ângulo em que chega, e sobe novamente.

No entanto, devido à sua inércia, volume, massa, atrito no chão, etc., ela não tem mais a mesma força. Não consigo explicar isso fisicamente com precisão, mas essa força diminui constantemente. Ela começa a dar saltos cada vez menores.

No final, esse é o comportamento que a bola demonstra.

Nesse processo, sempre existe um ponto de inflexão - vou desenhar isto em verde -, onde toda a força é transferida.

Animação fácil: Bouncing Ball - as poses

E existem os pontos mais altos, onde ela atinge a maior altura. Esses pontos marcados em verde são nossos Keyframes.

No topo, a bola está mais lenta, pois não tem mais energia lá em cima e é puxada para baixo, ou na verdade ainda tem impulso do arremesso, mas ao mesmo tempo é puxada para baixo e assim está em equilíbrio de forças, em uma estado de peso leve.

No fundo é o oposto: a bola está mais rápida, pois vem com força de cima e é repelida de baixo. Duas forças agem uma contra a outra e é por isso que há uma mudança extrema aqui embaixo.

Esse é o princípio do qual devemos estar conscientes antes de começar a animação e definir nossos Keyframes.

Animação feita facilmente: Bouncing Ball - as poses.

Passo 2

Agora que estamos cientes do princípio subjacente, vamos definir os Keyframes.

Na música, temos essa pequena mudança na qual já animamos. Agora cortamos exatamente nesse ponto o "Typo_Intro" com Ctrl+E.

Animação fácil de fazer: Bola saltitante - as poses.

Passo 3

Escrevemos "O Bouncing Ball" e posicionamos o texto centralizado no topo.

Animação feita fácil: Bola Saltitante - as poses



O Bouncing Ball é a parte pela qual se pode entrar maravilhosamente na animação, e por isso é o primeiro exercício em todo curso de animação.

Passo 4

Eu gostaria que o texto "O Bouncing Ball" aparecesse somente após o término de "Typo_Intro". Então, vou em "Typo_Intro" e pressiono O para ponto de saída, para chegar ao ponto de saída.

Em seguida, avanço um frame para "O Bouncing Ball" usando as teclas Page Up e Page Down ou Ctrl+esquerda/direita. Então pressiono Alt+E para definir o início.

Dessa forma, a transição de "Animação fácil" para "O Bouncing Ball" será suave.

Animação fácil de fazer: Bola Quicando - as poses



Alt+E: define o início

Alt+D: define o fim

Passo 5

Antes de prosseguirmos, vou aumentar um pouco o tamanho da fonte.

Animação feita facilmente: Bola quicante - as poses

Passo 6

Agora vamos direto ao assunto. Em seguida, criaremos a Bouncing Ball. Basicamente, consiste apenas em uma superfície colorida.

Vamos criar isso, definir o tamanho como 100x100 pixels e selecionar a cor branca.

Animação facilitada: Bouncing Ball - as poses

Passo 7

Através da camada "Colorize", o branco se torna amarelo. Bloqueio novamente a camada "Colorize". Em seguida, renomeio a camada para "Bouncing Ball" e confirmo com Enter.

Então, clico duas vezes na elipse e obtenho uma seleção circular que abrange exatamente minha camada e é exatamente quadrada. Um círculo perfeito.

Animação fácil: Bola Saltitante - as poses

Passo 8

Cortamos também esta camada novamente com Alt+Ö.

Então bloqueamos as máscaras e movemos a bola para a posição inicial.

Animação simplificada: Bouncing Ball - as poses.

Passo 9

Pressiono P para a Posição e faço a animação:

Com Shift+direita/esquerda ou Ctrl+direita/esquerda, avanço em incrementos de dez e a cada dez passos, coloco a "bola" nas posições descritas anteriormente no desenho, em cima e embaixo. Assim podemos facilmente definir poses de forma agradável, sem nos preocuparmos com o timing.

Animação facilitada: Bouncing Ball - as poses



E continuaremos no próximo artigo desta série de tutoriais "Animação facilitada: Bouncing Ball - As Curvas".