Vincent - Le lab

Un espace un peu à part pour essayer des trucs de nerd (principalement) et parler de mes expériences en motion :)

Responsive Graph Bar

Petit exercice perso, j’ai encore utilisé une IA pour m’aider mais beaucoup moins que pour la dernière fois !

En revoyant une ancienne vidéo que j’avais réalisé pour Castorama, je suis retombé sur une barre de chargement, que j’avais à l’époque animée à la main… Et je me suis dit qu’il serait sûrement possible d’automatiser un peu tout ça avec des expressions.

J’ai relié la source du calque de texte au pourcentage du trim path pour passer de 0 à 100% en fonction de l’avancée de l’effet : facile ! Et j’ai ensuite relié la position du calque, toujours au trim path pour qu’il se déplace le long de la barre, automatiquement.

Ça marche trop bien : on peut accélérer ou ralentir l’avancée de la barre, varier le pourcentage… Le texte change et se déplace tout seul !

Après oui ça prends un peu de temps à mettre en place, sûrement plus qu’il n’en faut que de tout animer à la main… Mais si c’est un asset récurent dans une campagne, ça vaut le coup de perdre 20 minutes à mettre le truc en place pour gagner du temps par la suite ✌️

Selection Square

Sur l’anim d’intro de mon portfolio (et également dans mon showreel), j’avais utilisé comme élément graphique ce qu’on pourrait appeler un “rectangle de sélection” (pas trouvé mieux comme nom désolé). J’avais tout créé à la main dans After Effects, mais je me suis dit que ça pourrait être un exercice sympa d’essayer d’automatiser tout ça grâce à la magie de ✨ l’intelligence artificielle ✨

J’ai donc créé, avec l’aide de plusieurs IA, un script permettant de générer automatiquement ce “rectangle de sélection” et de pouvoir l’éditer ensuite via des sliders.

Le script fonctionne en différentes étapes :

  • Centrage du point d’ancrage du calque sélectionné, puis centrage du calque dans la composition
  • Récupération de la taille du calque puis création d’un cadre dans un calque de forme
  • Création de 8 carrés aux 4 coins et aux centres des côtés du cadre (toujours dans le même calque de forme)
  • Ajout de 3 effets (Fill et deux Slider Control) sur le calque de forme pour modifier la couleur et la taille des éléments
  • Parenting du calque de forme au calque sélectionné, pour pouvoir bouger les 2 en même temps facilement.

J’ai aussi fait en sorte que le script incrémente le nom des calques de forme si il est lancé sur plusieurs éléments dans une même compositions, pour éviter les conflits au niveau des expressions.

Pour être honnête, j’ai pas mal galéré 🫣 L’IA est d’un côté très douée pour faire des scripts, mais il faut sans arrêt repasser derrière elle, faire des dizaines d’aller retour et corriger les bugs soi-même. Il faut voir ça surtout comme une base de travail ou une aide pour comprendre et corriger les problèmes.

Page 2 of 2

Fièrement propulsé par WordPress & Thème par Anders Norén