Motion design
Regardez l’exemple de motion design présenté, puis apprenez à rédiger un brief, prévisualiser, réviser et exporter un projet. Le guide pas à pas utilise un projet d’entraînement Focus distinct.
Commencer avec l’un des cinq exemples intégrés
Sur Home, choisissez Motion design sous le prompt. Quatre lignes sont visibles à la fois. Faites défiler la liste des exemples pour afficher Product Promo tout en bas.
Trouver une direction pertinente
- Bring Ideas to Life : une histoire de 20 secondes en papier découpé, axée sur la narration, les personnages et une texture artisanale.
- The Future Is Already Here : une bande-démo technologique de 20 secondes, axée sur un montage rythmé, une typographie cinétique et des surfaces chromées.
- Motion Designer Showreel : une présentation d’animations de 15 secondes pour les portfolios et les introductions.
- One-Shape UI Motion : une transformation continue d’interface de 14 secondes, des boutons et états de chargement aux lecteurs et graphiques.
- Product Promo : un film de 15 secondes sur un produit de paiement fictif, présentant ses avantages, des démonstrations d’interface et une conclusion aux couleurs de la marque.
Prévisualiser d’abord, puis adapter le prompt
Cliquez sur la vignette pour ouvrir Preview. Fermez-la, puis cliquez sur le titre ou le texte du prompt afin d’insérer le brief de l’exemple dans l’éditeur. Remplacez le produit, le texte, le minutage et le style avant l’envoi. L’ouverture d’un aperçu ne crée pas de nouveau projet qui vous soit propre.
Avant de commencer
Effectuez une fois la configuration de la connexion à l’IA. Choisissez un projet suffisamment petit pour pouvoir l’examiner : l’exemple Focus utilise un point vert, une carte de tâche, une coche d’achèvement et un message de marque final. Il utilise des animations et du son locaux plutôt qu’un service externe payant de génération de médias.
Étape 1 — Choisir Motion design
Sur Home (accueil), ouvrez le menu du type de création sous le prompt et choisissez Motion design. Les exemples de motion design intégrés apparaissent sous la zone de saisie. La liste affiche quatre lignes à la fois ; faites-la défiler pour atteindre la cinquième. Parcourez les cinq exemples si vous souhaitez un point de départ.
Étape 2 — Décrire le résultat
Indiquez la durée, le format d’image, les textes visibles, la direction visuelle, le minutage des scènes, l’audio et les fichiers finaux. Demandez une source modifiable et un MP4 lisible lorsque vous avez besoin des deux.
Crée un film de motion design de 10 secondes intitulé Focus, en 1920×1080 à 30fps. Utilise un blanc papier #fafafa, une couleur encre #262626 et une discrète touche de vert #63fe13. Fais circuler un même point vert de manière continue à travers une carte de tâche Collect, une coche Done et un logo Focus final. Affiche Focus de 0–2s, Collect de 2–5s, Done de 5–8s et « Make room for what matters. » de 8–10s. Ajoute une musique originale douce et quelques effets sonores subtils, sans voix off ni services externes payants de génération de médias. Crée dans ce projet la source modifiable et le véritable fichier MP4.Étape 3 — Attendre la production et le rendu
L’agent crée les fichiers sources et les ressources, puis effectue le rendu de la vidéo. Un plan ou une prévisualisation animée de la source ne prouve pas que le fichier MP4 existe. Attendez que le fichier vidéo soit disponible et que le rendu soit indiqué comme terminé.
Étape 4 — Examiner la vidéo
Ouvrez l’artefact MP4 et lancez sa lecture. Vérifiez les textes, la continuité des mouvements, les transitions, le maintien de la dernière image, la musique et les effets sonores. Parcourez également la timeline, en plus de regarder la vidéo du début à la fin. Examinez séparément la source modifiable lorsque vous devez continuer à travailler dessus.
Étape 5 — Demander une révision précise
Continuez dans le même projet. Indiquez précisément la modification à effectuer et ce qui doit rester cohérent, puis demandez un nouveau rendu. Dans le guide réel, la deuxième version modifie uniquement le message final. Ouvrez le nouveau MP4 et vérifiez que la phrase révisée est visible. La mise à jour de la source ne modifie pas rétroactivement une vidéo déjà rendue.
Remplace la phrase finale « Make room for what matters. » par « Focus on what matters. ». Conserve les autres scènes, la durée de dix secondes, les couleurs et l’audio. Effectue le rendu de focus-v2.mp4 et conserve le fichier focus.mp4 d’origine à des fins de comparaison.Étape 6 — Télécharger la version vérifiée
Ouvrez le MP4 que vous souhaitez livrer et cliquez sur Download (télécharger) dans sa barre d’outils supérieure droite. Choisissez un emplacement et un nom de fichier dans la fenêtre système d’enregistrement. Vérifiez que le fichier local existe, qu’il peut être lu et qu’il contient la dernière révision. Si l’enregistrement ne peut pas aboutir, conservez le projet et joignez l’état d’erreur de la fenêtre lorsque vous demandez de l’aide au support. Cliquer sur la commande Download ne signifie pas que l’enregistrement est terminé.
Conserver le projet modifiable
Pour cet exemple, le fichier d’entrée est motion-source/focus/index.html. Lorsque vous déplacez la source, conservez avec lui son fichier GSAP, ses polices et son contenu audio. Le MP4 est le livrable destiné à la lecture ; il ne contient pas le projet source modifiable.
Rendre un brief plus facile à suivre
Précisez les textes visibles plutôt que de demander à l’agent de les deviner. Utilisez des plages temporelles pour les moments importants et indiquez si le résultat doit être un film ou une animation interactive. Mentionnez explicitement la musique et la voix off. Pour les révisions, nommez la scène ou la plage temporelle et indiquez les éléments qui doivent rester inchangés.