Communitygithub.com

z1fex/04-storyboard-et-plan-de-tournage

Planifiez un film d'animation 3D plan par plan - un plan par proposition de narration, avec les mots, le lieu, le sujet, l'action et son mot d'arrivée, les échanges de visages, le mouvement de caméra, l'objet numérique, l'incrustation de légende et les indices sonores - et révisez-le sous forme d'images fixes rendues. À utiliser après la voix off (ou avec un timing provisoire) et avant la construction des plans.

Qu'est-ce que 04-storyboard-et-plan-de-tournage ?

Ce Skill permet de décomposer un scénario en un storyboard et un plan de tournage détaillés pour un film d'animation 3D. Il suit le principe 'une proposition = un plan' : chaque segment de narration (séparé par des virgules, deux-points ou points) devient un plan individuel. Pour chaque plan, une ligne de tableau est remplie avec des champs tels que le numéro, le timing, les paroles exactes, le lieu, les sujets, l'action (avec le mot d'arrivée), les expressions faciales, le mouvement de caméra, les objets numériques pour les nombres, la légende et les effets sonores. Le Skill impose un rythme visuel en alternant les distances de plan (large, moyen, gros plan, insert) et en plaçant les inserts sur les nombres et les gros plans sur les réactions faciales. Il inclut également des aides au timing (comme l'avance de 4 images pour un geste avant son mot), la génération d'images fixes pour révision via une commande Node.js, et un processus d'approbation par le propriétaire via un tableau de storyboard interactif (HTML/PNG) avec marquage 👍/👎. Le flux de travail insiste sur l'approbation du storyboard avant toute animation détaillée.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/z1fex/3D-Cartoon-Style-Animation-Claude-Skill/tree/HEAD/skills/04-storyboard-and-shot-plan

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

4 · Storyboard et plan de tournage

Une proposition = un plan

Divisez la narration aux virgules, deux-points et points. Chaque morceau est un plan, commençant au premier mot de sa proposition. Un film de 30 s comporte environ 20 plans (1,0 à 2,4 s chacun) ; ne maintenez jamais un plan plus de 2,5 s sans une nouvelle action à l'intérieur.

La ligne du storyboard

Pour chaque plan, écrivez une ligne (copiez le modèle de storyboard) :

ChampQuoi écrireExemple (plan 12, gravité)
#, tempsnuméro du plan, début–fin en secondes12 · 15.91–17.90
Parolesla proposition exacte« two hundred and forty thousand miles away. »
Lieuquel décorespace
Sujet(s)ce qui doit être dans le cadre (la vérification de cadrage utilise ces informations)le compteur du mètre-ruban, la Lune
Action → mot d'arrivéece qui se passe et le mot sur lequel cela atterritle ruban se déroule de la Terre à la Lune ; le compteur tourne et s'arrête sur « away »
Visageséchanges d'expressions et leurs motsTerre satisfaite ; Lune surprise
Camérale mouvement orbital : sujet, distance, lacet, tangage, champ de vision au début → à la finvue de côté de toute la ligne, se rapprochant 10.6 → 10.0
Objet numériquele dispositif pour chaque nombre (skill 9)mètre-ruban + compteur « 240,000 MILES »
Légendel'incrustation (skill 11)^240,000 / *miles away.*
Sonbruitages et accents (skill 12)sifflement du ruban + tic du compteur ; un ding sur 240,000

Rythme des plans

  • Alternez les distances : large → moyen → gros plan → insert (un objet ou dispositif) → large.
  • Placez les inserts de dispositifs sur les nombres et les gros plans sur les réactions faciales.
  • Changez de lieu aux moments clés (enjeux, escalade, rebondissement) et entrez chaque nouveau lieu avec une caméra en mouvement et un « whoosh » doux.
  • Le plan d'accroche et le plan de boucle ont le même cadrage, donc la boucle est sans couture.

Aides au timing (dans film.mjs)

  • LEAD = 4 * F : un geste ou un dispositif atteint sa pose clé 4 images avant son mot.
  • FACE = 2 * F : le nouveau visage d'un échange facial apparaît 2 images avant son mot (après une image mi-fermée et une image fermée).
  • Plan w : l'indice du premier mot du plan ; s.start = W(w), s.end = le début du plan suivant.

Réviser le storyboard sous forme d'images

Rendez une image fixe par plan et une planche-contact, plus la vérification de cadrage, avant d'animer les détails : node recipe/tools/render.mjs examples/<slug>/film.mjs <outDir> --stills shots --qa

Vérifiez : le sujet lisible à la taille d'un téléphone, la bande de légende claire, le lieu évident, et l'histoire compréhensible sans le son.

Le propriétaire approuve d'abord le storyboard

La règle du propriétaire (27 octobre 2026) : « Je veux que vous créiez d'abord des storyboards… pour que je puisse moi-même boucler… si j'aime le storyboard, et ensuite vous pouvez générer. » Ce n'est pas optionnel. Utilisez le tableau de storyboard du propriétaire (recipe/tools/storyboard-board.mjs) :

  • L'en-tête : titre · durée · taille · BPM · nombre de scènes, puis quelques lignes simples sur le film, puis « Décisions pour vous ».
  • Un panneau numéroté par plan : son heure et son titre, les paroles, l'image fixe rendue, une ligne explains:, une ligne sound:, une ligne → motion, une étiquette (« conservé de v2 », « nouveau ») et 👍/👎.
  • Le fil conducteur de l'histoire (le propriétaire, 27 octobre 2026 : « assurez-vous que le montage se fait selon l'histoire et à quel point nous pouvons bien expliquer en utilisant les visuels »).
    • Mettez l'histoire en une phrase dans le story du tableau.
    • Sur chaque panneau, écrivez quelle partie de l'histoire le plan porte et comment son image l'explique. Un plan qui n'explique rien est redessiné.

Écrivez storyboard/<v>/storyboard-<n>.json (templates/storyboard.json), pointant vers les images fixes, et dessinez-le : node recipe/tools/storyboard-board.mjs examples/<slug>/storyboard/<v>/storyboard-<n>.json

  • Ce qu'il écrit : un PNG et une page HTML cliquable. Sur la page, le propriétaire marque 👍/👎 et appuie sur « Copier le retour ».
  • Puis arrêtez-vous. Donnez le tableau au propriétaire, et révisez en storyboard-2, storyboard-3… (en conservant les tableaux précédents) jusqu'à ce qu'il approuve.
  • Ce n'est qu'à ce moment-là que vous enregistrez la voix et construisez les plans en détail. Le film fini doit correspondre aux panneaux approuvés.

Exemple travaillé

Le storyboard du film sur la gravité : 20 plans, tous les champs remplis.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills associés