Você já se perguntou por que suas animações não ficam tão boas quanto você esperava? Neste artigo, vou te ensinar um truque simples para fazer animações mais fluidas e dinâmicas, elevando o nível do seu trabalho. Fique comigo e descubra!
Indo direto ao ponto: como resolver de uma vez por todas o problema das suas animações e fazer com que elas se destaquem. Vou começar mostrando alguns exemplos de animações problemáticas para você entender melhor.
Problemas Comuns em Animações
Vou mostrar duas animações que fizemos para um cliente chamado Ricardo Viveiros, uma assessoria de imprensa. Observe com atenção e veja se consegue identificar o problema:
- Primeiro Exemplo: Percebe algo errado? Mesmo que os elementos estejam bem animados, há um problema evidente: a falta de ritmo.
- Segundo Exemplo: Neste, você nota que cada elemento só aparece após o anterior terminar. Isso torna a animação lenta e desinteressante.
A Importância do Ritmo nas Animações
O principal problema aqui é a falta de ritmo. Em motion design, o ritmo é crucial para manter o interesse e a naturalidade da animação. Quando os elementos aparecem sequencialmente sem sobreposição, a animação perde fluidez. Na vida real, as coisas acontecem simultaneamente, e suas animações devem refletir isso.
Como Resolver o Problema
Para resolver isso, você deve evitar usar a configuração de animação “iniciar após o anterior” para todos os elementos. Em vez disso, use a configuração “iniciar com o anterior” e adicione pequenos delays para criar uma dinâmica mais orgânica. Aqui está um exemplo de como fazer isso:
- Configuração Errada: Veja como a animação fica lenta quando todos os elementos esperam o anterior terminar.
- Configuração Correta: Observe como a animação se torna mais fluida e natural quando os elementos são animados simultaneamente com pequenos atrasos.
Dica Bônus: Usar Roupas que Facilitam o Dia a Dia
Além de melhorar suas animações, vou compartilhar uma dica pessoal: usar roupas práticas pode fazer a diferença no seu dia a dia. Eu uso camisas da Insider, que são incríveis. Elas não amassam, são leves, frescas e ajudam a evaporar o suor rapidamente. Com o cupom “ISSLIDEMESTRE”, você ganha 12% de desconto em qualquer compra na Insider Store. Confira as peças e aproveite!
Espero que este truque simples ajude a melhorar suas animações. Pequenos detalhes fazem grande diferença em qualquer trabalho. Se você gostou deste artigo, deixe seu like e comentário, e siga-me nas redes sociais para mais dicas e tutoriais.
Um abraço e até mais!
Confira o vídeo abaixo:
