Devo deixar claro aqui, todo este artigo foi tomado como base o tutorial [Tens de ter uma conta e sessão iniciada para poderes visualizar este link], e eu recomendo a leitura do tutorial muito mais do que este tópico.
Você que é Iniciante, você mesmo, sabe o que é o easing que todos dizem faltar na sua animação? Não? Pois bem, easign nada mais é do que um recurso utilizado pelos animadores para suavizar o movimento, também pode ser traduzido como o conceito físico da aceleração, vetorialmente não interessa para nós o sentido deste vetor no momento, basta ter em mente que um corpo ou um movimento não ganha velocidade instantaneamente e também não para instantaneamente. Ainda não entendeu? Então imagine a situação, quando você dá a partida em um carro, ele já sai disparado a 220km/h? Não né, a velocidade dele começa progressivamente a subir quando desenvolvemos aceleração, e regressivamente quando pisam no freio.
Para que o easing seja aplicado de boa forma em sua animação, é importante entender sobre Timing. Timing e o easign são coexistentes mas podem mudar de forma independentemente, isso vai depender do aspecto que você quer dar, quer ver um exemplo? É justamente a diferença entre o movimento do sol em relação à terra e um pêndulo.
O sol no céu
Pêndulo
Como pode ver, ambos os movimentos descrevem o mesmo movimento de arco, porém com timing e easign totalmente diferentes, isto é o que ajuda a identificar o que aquele objeto é ou o que ele está fazendo.
Mas embora depois de tudo isto, você ainda pode estar com alguma dúvida do que o easign realmente é, então vou falar um pouco para você sobre gradação.
A gradação de easing é a seguinte: fraca, moderada, forte. O mais fraco é, a menos que interfere com o espaçamento, o que significa que a easing fraco pode resultar na modificação de espaços em um par de quadros (no início ou o fim do movimento).
Nota: O termo refere-se a um fraco grau de interferência com o espaçamento. Fraco não significa mal executado!
Aqui você pode ver como easing afeta o espaçamento. O primeiro da esquerda (I) é o espaçamento inicial (sem easing), a segunda (II) tem sido afetada por uma espécie fraca de easing e o terceiro (III) por um forte tipo de atenuação. O exemplo a seguir, mostra um movimento de mesmo timing porém com easign completamente diferentes.
Muito bem, agora que você sabe o que significa o easing que todos falam, é hora de praticar! abra seu pivot e treine, movimentos mais simples que sejam ajudam você a entender este conceito. ficamos por aqui pessoal!