Motion Deck · template HyperFrames 2 sur 6

Showreel génératif

Un plan, une idée de mouvement : un point qui éclot en étoile, des capitales très larges qui claquent, une forme qui devient une autre dans ses poignées de transformation, des tuiles qui pivotent en vague, une onde qui traverse une grille de points, un nuage de points en 3D, un ruban rayé, des mots qui s'enroulent en spirale, une signature en serif.

Rendu du template avec ses valeurs par défaut (15 s, muet) : Textes : ceux du Motion Deck (noms des styles, adresse du deck), aucun texte nouveau.

identifiant : showreel-generatif · format 16:9 · HyperFrames 0.8.73 + GSAP 3.14.2

Six images de notre rendu

Showreel génératif, image 1
1.2 s
Showreel génératif, image 2
3.8 s
Showreel génératif, image 3
6.2 s
Showreel génératif, image 4
8.8 s
Showreel génératif, image 5
11.2 s
Showreel génératif, image 6
13.8 s

Notre rendu à côté de l'exemple

À gauche la vidéo 2, au centre la vidéo 5 (une image toutes les 0,5 s, recadrées sur la vidéo), à droite notre rendu du template, une image toutes les 0,5 s. On en reprend la manière, ni les plans ni les textes.

Comparaison avec l'exemple

La fiche du template

La manière d'animer

Aplats francs (nuit, rouge, crème, bleu électrique, jaune) qui se relaient par balayage ou iris. Chaque plan montre UNE mécanique de motion design, générée par le code (points, tuiles, particules calculés à chaque image) plutôt que dessinée ; le texte est rare et arrive à la fin. Habillage de caméra fin : coins, libellés mono, REC, timecode.

Pour quel message

Une ouverture de vidéo, une bande-annonce de marque ou un générique : montrer un savoir-faire ou une identité sans rien à expliquer, en 10 à 20 s.

Palette par défaut
Polices

Unbounded 900, Newsreader (serif et italique), JetBrains Mono 600

Exemple copié

Vidéos 2 et 5 du carrousel (showreels « one prompt »), même manière, une seule page
instagram.com/p/Ddy2jrzDjFL, regardées image par image le 29/09/2026

Le template

Une composition HyperFrames paramétrée : textes, couleurs et durée passent en variables, rien ne se réécrit dans le HTML. Le README liste les variables et les figures.

index.html README.md template.json rendre_template.py

Source : 03 - Ressources/Skills/creation-motion-design/templates-hf/showreel-generatif/ cd "03 - Ressources/Skills/creation-motion-design/templates-hf" python3 rendre_template.py showreel-generatif vars.json film.mp4 --voix voix.wav

Le demander au skill

creation motion design : template showreel-generatif, format 16:9, sur la voix [fichier]. Textes : [une phrase par plan], couleurs : [charte].