Motion design
Chez Alma, le progrès nous motive. Nous cherchons à exprimer cette idée dans nos vidéos grâce à des systèmes d’animation simples et distinctifs.
Rejouer
Motion design
Principe d’animation
Nos animations illustrent l’idée de rythme au centre de notre branding. Tel un coeur battant, notre motif s’anime, du centre jusqu’aux extrémités.
Détails techniques :
Nous utilisons 30 images par seconde ou plus pour maintenir un mouvement clair et visible.
Rejouer
Motion design
Guide d’usage
Utilisez une vitesse régulière.
Les beatlines animées doivent avoir un mouvement constant. Utilisez un easing et une vitesse similaires pour un résultat cohérent.
Affinez les lignes externes.
Les beatlines s’affinent à mesure qu’elles s’éloignent de leur point de départ. Puis, elles s’arrêtent progressivement lorsqu’elles quittent l’écran.
Faites sortir les beatlines de l’écran.
Pour les animations tournant en boucle, sortez complètement les lignes de l’écran afin que l’animation reprenne de manière fluide.
Utilisez l’image comme masque avec la photographie.
La dernière ligne laisse un contour autour de l’image.
Motion design
Mauvaises utilisations
Ne modifiez pas l'espace entre les beatlines.
Ne démarrez pas le mouvement avec une faible vitesse. Le mouvement doit commencer à vitesse maximale.
N’ajoutez pas trop de beatlines, elles doivent avoir suffisamment d'espace pour respirer. Il s’agit plus d’un battement qu’une onde qui se propage.
N'ajoutez pas de flou au mouvement, nos éléments sont toujours nets.
Motion design
Guide d’usage
Démarrage : Commencez par animer les beatlines avec un mouvement linéaire sans modifier l’espace entre les lignes.
Continuer: utilisez un (loopOut(« continue »)) pour continuer l’animation du mouvement tout en maintenant le contrôle sur la disposition et l’espacement des beatlines.
Remappage : précomposez l’animation et appliquez un remappage temporel pour le mouvement souhaité. Les beatlines doivent commencer avec leur vitesse maximale et s’arrêter en douceur lorsqu’elles sortent de l’écran.
Boucle: Remappez le reste de l’animation et faites-la tourner en boucle. Les lignes sortant de l’écran doivent être repoussées par le battement entrant.
Motion design