No último tutorial, já definimos as poses - distribuídas de forma uniforme - e não prestamos atenção ao timing. Ainda precisamos nos esforçar um pouco mais nesse aspecto. Quando reproduzimos, percebemos que não está tão bom assim e que o Bouncing Ball não é um exercício tão simples.

Passo 1

Para começar, pressiono B para estabelecer minha área de trabalho. É extremamente importante não apenas definir pontos de entrada e saída, mas também sempre estabelecer a área de trabalho atual. Caso contrário, isso se tornará um grande desperdiçador de tempo, tendo que recalcular tudo repetidamente e rever tudo do início.

Portanto, use a área de trabalho para sempre recortar sua composição para a área atual.

Animação feita facilmente: Bouncing Ball - as curvas

Passo 2

Para ajustes finos e para que a bola possa cair suavemente, precisamos das curvas no Editor de Gráficos. Se você tiver um segundo monitor, utilize-o exclusivamente para as curvas. Seja ousado, crie diferentes áreas de trabalho, altere-as e ajuste-as. Pressione Ü para entrar em tela cheia na área de trabalho.

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

Passo 3

No momento, ainda não consigo mover as duas curvas independentemente uma da outra, pois o After Effects convenientemente agrupa as posições X e Y. Em 95% dos casos, isso é útil, mas quando se trata de animação, não é. Na verdadeira animação, é essencial ter controle sobre as curvas. Isso é possível ao clicar com o botão direito em Separar Dimensões.

Isso nos dá as posições X e Y separadamente. Quando selecionamos uma, as tangentes correspondentes também são exibidas à direita, permitindo trabalhar corretamente com as curvas.

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

Passo 4

A posição X em um arremesso horizontal é um movimento uniforme. Nada o impede ou o para. Portanto, ele continua com sua velocidade inicial até eventualmente desacelerar.

Todos esses keyframes podem ser excluídos.

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

Passo 5

Esta primeira parte é feita de forma linear através dos botões ou manualmente ajustando as tangentes.

Animação feita facilmente: Bouncing Ball - as curvas

Passo 6

No final, a bola deve desacelerar. Para isso, criaremos uma parte reta e a deixaremos terminar suavemente.

Animação facilitada: Bouncing Ball - as curvas

Passo 7

Você deve estar ciente de uma coisa sobre as curvas: a curva mostra o seu valor. Anteriormente, falamos sobre curvas, que eram as curvas de velocidade. O After Effects seleciona automaticamente entre essas duas opções.

Ao clicar com o botão direito nas curvas, posso escolher entre Editar Curva do Valor, Editar Curva de Velocidade ou Selecionar Tipo de Curva Automaticamente.

Selecionar Automaticamente o Tipo de Curva é a configuração padrão.

Uso a Curva de Velocidade quando trabalho com muitas coisas ao mesmo tempo.

Gosto de escolher Editar Curva de Valor, sempre que tenho a oportunidade. A Curva de Valor é usada quando estou lidando com elementos individuais, como o Bouncing Ball, por exemplo.

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

Passo 8

Quando estou lidando com muitas coisas, como por exemplo, mudar as cores das máscaras, não há pontos de valor, então não consigo fazer isso via Curva de Valor.

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

Passo 9

Nas Curvas de Valor, você deve estar ciente de que a inclinação da curva é a velocidade; a derivada da curva, por assim dizer.

Vamos pegar o eixo x, que é relativamente simples: Se eu crio minha curva de forma plana, como por exemplo aqui, então ela se move rapidamente de um valor para outro no início e depois altera os valores apenas em pequenos passos.

Animação feita fácil: Bouncing Ball - as curvas.



Quanto mais plana for a curva, mais lenta será a movimentação. Quanto mais íngreme a curva, mais rápida a movimentação.

Este é um princípio muito importante que você deve sempre ter em mente. Se um movimento estiver muito lento, torne a curva mais íngreme. Se um movimento estiver muito rápido, torne a curva mais plana. É preciso pensar um pouco nessas curvas.

Passo 10

Torna-se emocionante com a curva y.

Ao compararmos os dois padrões (A e B), já podemos ver a semelhança. Quando eu agarro e arrasto um ponto (B), o ponto correspondente (A) é puxado para cima.

Isto acontece porque o sistema de valores do After Effects é regulado de forma que valores y grandes estão embaixo, e valores y pequenos estão em cima. Eu sempre lembro disso pensando em peso - quanto mais y, mais para baixo ele puxa.

Normalmente deveria ser ao contrário, mas não é um problema. A curva está de cabeça para baixo, mas acostuma-se e se dá bem com isso.

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

Passo 11

Já pensamos que existe um equilíbrio de forças neste ponto (1). Portanto, precisamos de uma curva plana.

Com a tecla Shift pressionada, conseguimos adaptar bem isso.

Na animação diz "Curvas bonitas resultam em uma animação bonita." Portanto, se você notar que o arco não é muito bonito, como antes, então mude isso até que a curva fique realmente bonita.

Depois seleciono todos os meus pontos de partida e pressiono Easy Ease (2)…

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

Passo 12

Com isso, obtive exatamente essa funcionalidade e posso tornar as curvas ainda mais bonitas, puxando-as um pouco mais planas.

Animação feita facilmente: Bola Saltitante - as curvas.

Passo 13

Aqui em cima, agora vem uma força e luta contra a outra, sendo dominada de um momento para o outro e a bola é atirada na direção oposta.

Para isso, precisamos quebrar a tangente, não podemos fazer isso de forma contínua, pois a tangente proporciona uma boa transição e isso não é o que queremos aqui. Queremos morder nesse ponto.

Com a tecla Alt pressionada, consigo separar a tangente. Muito importante: você só precisa quebrar a tangente uma vez. Um clique Alt por tangente é suficiente. Se eu mover a segunda metade e pressionar a tecla Alt novamente, as duas metades se conectam novamente. Então: apenas uma vez.

Animação fácil: Bola quicando - as curvas

Passo 14

O próximo passo também deve ser assim. À primeira vista, não parece tão ruim, mas ao dar zoom, é algo diferente.

Ao quebrar a tangente, é uma curva diferente. E essas pequenas diferenças são perceptíveis.

Portanto, dediquem um bom tempo para essas coisas e aproximem-se um pouco.

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

Passo 15

Este botão aqui é bastante útil, ele diz Ajustar todos os gráficos na exibição, ou seja, dá zoom para que eu consiga ver tudo claramente.

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

Passo 16

Um segundo botão importante é este:

Se você selecionar a área da curva que deseja editar especificamente e depois clicar em Ajustar para exibir a seleção, ele dará zoom exatamente nessa área com o maior tamanho possível.

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

Passo 17

Você percebe: ainda não assisti à animação. Porque, quando a assisto, é sobre timing. Aqui se trata de espaçamento - pensamos cuidadosamente sobre como as curvas devem ser.

Então, ainda vou ajustar um pouco mais essas curvas.

Agora temos os primeiros saltos, e ao olhar as poses anteriores, já melhorou significativamente.

Animação feita facilmente: Bola quicando - as curvas



A bola já está saltando bastante, mas ainda não está funcionando completamente. Ainda há muito a ser ajustado no timing e nas poses.

E em relação ao timing, chegaremos na próxima parte do tutorial "Bouncing Ball - o Timing".