La méthode de travail
pixel2motion part d’un logo matriciel et le sépare en parties animables indépendamment. Il les reconstruit en géométrie SVG modifiable avant de chorégraphier leur apparition. Des contours lisses, des espaces négatifs corrects et une silhouette fidèle priment sur la correspondance de chaque pixel anticrénelé de la capture originale.
La sortie comprend le logo statique, une étude animée HTML interactive et les preuves d’inspection. Un contrat d’image finale relie les deux étapes : l’animation doit se stabiliser sur le même signe vérifié. Relecture, ralenti et contrôle de vitesse permettent d’examiner la chorégraphie ; des points d’accès temporels permettent d’inspecter croisements et passages de relais difficiles.
Livrables attendus
- Un logo.svg modifiable avec identifiants stables pour les parties animées.
- Un logo_motion.html autonome avec relecture, vitesse et ralenti.
- Une spécification d’animation, des superpositions géométriques et des images capturées du mouvement.
Du brief à la revue
- 01Identifier les éléments animés
Examinez l’image source, distinguez le symbole du logotype et choisissez le contexte d’usage. Consignez personnalité de marque et ordre d’apparition avant d’ajuster la géométrie.
- 02Ajuster la forme fidèle la plus simple
Essayez des primitives et quelques courbes lisses avant de complexifier les tracés. Comparez les superpositions rendues et examinez les contours agrandis ; la source traite l’IoU comme diagnostic, pas comme seuil universel de validation.
- 03Animer et comparer l’état final
Construisez l’animation autour d’identifiants stables, puis examinez anticipation, action, croisements et stabilisation. Comparez l’image finale à l’état statique dans le même navigateur et la même fenêtre d’affichage.