Une commande sympathique pour attirer l’attention, via une animation, sur la messagerie instantanée de la boutique en ligne d’un client ( Comment, vous ne connaissez pas CityGeek ?).
Comme je suis une quiche en animation, mais que je me soigne, et que je réfléchis, j’ai eu une idée : animer une « marionnette 2D numérique » .
J’ai décomposé le dessin en morceaux dès sa conception sur le papier :
- Tête et torse
- Oreilles
- Bras droit
- Bras gauche baissé
- Bras gauche levé
Puis j’ai préparé des versions supplémentaires de certains éléments :
- oreilles levées / baissées
- yeux ouverts / fermés / clin d’œil
- bras en train de se lever / de faire coucou à droite / à gauche
Mon tout donne un fichier avec un sacré nombre de calques, auxquels je recommande chaudement de donner des noms explicites ! Y’a plus qu’à générer une par une la douzaine d’images détourées qui composeront l’animation :
Une fois ces images prêtes, on peut en faire une animation GIF en 2 coups de cuillère à pot avec un site bien pratique comme EZGif par exemple.
Importance du timing : Le format GIF permet de préciser, pour chaque image, combien de temps elle doit rester affichée. Ça vaut le coup de tester et d’ajuster, de ménager des pauses quand l’image s’y prête, afin que l’animation ne soit pas trop speed et saccadée.