Le brief de départ
Public : communicants, créateurs et professionnels qui veulent réaliser une première animation utile. Action attendue : ouvrir la méthode. Promesse : transformer une idée en un fichier exploitable.
Le martin-pêcheur en origami, la boucle de pellicule et les couleurs corail et turquoise forment un univers commun. L’animation attire l’œil vers le sujet, puis ramène le regard au message. Le titre, la marque et l’appel à l’action occupent des zones stables.
Le storyboard à garder sous les yeux
- Installer. Le sujet, le titre et l’appel à l’action sont compréhensibles dès la première image.
- Animer. L’oiseau change de pose ; le décor et le cadrage gardent leurs repères.
- Revenir. La dernière pose retrouve une position compatible avec la première, sans saut visible.
Illustration et poses générées avec l’IA, puis découpe, animation et composition des bannières par code. Exemple de fabrication ; pas un test de l’export GIF natif.
Mesures de nos fichiers : 6 images de 200 ms, soit 1,2 seconde par boucle. Le GIF horizontal pèse 44 300 octets ; sa version WebP animée, 19 384 octets. Le GIF vertical pèse 325 677 octets ; sa version WebP animée, 66 964 octets. Ces valeurs décrivent uniquement ces exemples. Télécharger le WebP horizontal ou vertical.
Une création, deux compositions
Le format vertical demande une autre hiérarchie : titre en haut, sujet au centre, action en bas. Une bannière de 345 × 600 pixels ne se déduit pas en écrasant celle de 728 × 90. Recadrez le visuel ou réorganisez les éléments. Le même message doit rester lisible dans les deux formats.