Motion Fabvotre motion designer IA
FR
Ouvrir l’app bêta

Prompts de la communauté

Animation d'interface

Animation d'interface : des vidéos faites avec Motion Fab, chacune avec le prompt qui l’a créée. Ouvrez un prompt dans l’app, ajoutez vos propres éléments, et l’agent construit la vidéo.

Simple Motion

Showreel d'app fluide de 15 secondes en motion design pur

<direction> Réalise un showreel horizontal de motion design de 15 secondes pour mon app, en 1920x1080 à 60 fps. Tout est du graphisme dessiné, sans images filmées. La seule chose que j'apporte est le logo de mon app (une icône d'app en carré arrondi). L'idée est un mouvement continu où chaque section passe son dernier objet à la suivante. Un point devient le logo, le logo devient le nom, les lettres deviennent des points, les points deviennent des balles de course, une balle inonde l'écran, une forme se brise en carreaux, les carreaux deviennent un nuage de points 3D, puis viennent des mots cinétiques et une carte de fin. Chaque section montre une compétence de motion. Utilise des couleurs plates, des formes vectorielles nettes et un HUD de viseur de caméra par-dessus tout, avec des coupes calées sur un morceau à 128 BPM. Évite les images filmées, les dégradés et les textures, la voix off, et toute section qui part de rien au lieu de naître de la précédente. </direction> <structure> 1. 0–1,9 s, presque noir : un point rose repose dans un fin anneau gris, et l'anneau s'ouvre avec expo.out. Un second anneau se déroule jusqu'à un grand cercle pâle (0,45 s, expo.out). À 0,5 s mon logo sort du point, ses couches apparaissant l'une après l'autre avec back.out. Il se stabilise plus grand à 0,92 s en tournant doucement. Un fin anneau rose de texte mono circulaire ("APP NAME · IDEAS IN MOTION · APPNAME.APP ·", remplace par le tien) apparaît autour et tourne lentement. À 1,7 s le logo rétrécit avec un léger flou pour redevenir un petit point clair. 2. 1,9–3,5 s : sur le drop à 1,93 s deux disques jaillissent du point, le clair d'abord et le rose 30 ms derrière (expo.out, 0,3 s), si bien qu'un fin anneau clair chevauche le bord rose. Le nom de mon app dans la grotesque large monte lettre par lettre depuis la ligne de base : chaque lettre est découpée dans sa propre boîte, avec 30 ms de décalage et 0,26 s expo.out. Le nom remplit toujours la même largeur de 1640 px. Un fin trait sombre se dessine depuis le centre au-dessus, avec "01" qui se tape à gauche et mon adresse web à droite. À partir de 2,55 s une vague de largeur traverse les lettres : chacune se comprime de 150 % à environ 55 % de largeur puis revient en 0,6 s, 0,1 s après la précédente. Le mot est réajusté à 1640 px à chaque image, donc les lettres étroites grandissent en hauteur. À 2,84 s un slogan clair en serif italique ("ideas in motion") monte mot par mot en dessous. À 3,3 s les lettres s'effondrent en points sombres et le slogan tombe. 3. 3,5–5,6 s : un balayage diagonal clair arrive du bas à droite (0,16 s). Six points sombres plongent en courbe vers le début de six lignes (power2.inOut, décalés) et prennent les couleurs des lignes. Un titre en serif italique se tape depuis la gauche ("Chat instead of a timeline."), avec une note mono à droite ("NO KEYFRAMES · LIVE PREVIEW") et des étiquettes de piste "IDEA" et "MP4" aux deux extrémités. - Chaque ligne a un numéro rose, un nom mono ("animated type", "shapes", "transitions", "3D effects", "sound", "live preview"), une minuscule icône de courbe qui se dessine toute seule et une ligne de piste qui se dessine de gauche à droite. - À 4,215 s six balles (sombre, violette, rose, en répétition) courent 1040 px en exactement 0,94 s, chacune avec sa propre courbe : linear, power2.inOut, expo.out, back.out(1.7), elastic.out(1, 0.3) et bounce.out. - Des graduations au-dessus de chaque piste marquent où se trouvait la balle à chaque 1/16 de la course. Trois anneaux fantômes qui s'estompent suivent chaque balle, les balles s'étirent selon leur vitesse, un point suit chaque icône de courbe en synchro, et chaque balle reçoit un halo de contour à son arrivée. - À 5,3 s les lignes s'estompent, les balles volent vers le centre et fusionnent, et la violette gonfle jusqu'à remplir l'écran. 4. 5,6–7,5 s, violet : un cercle clair jaillit d'un point (elastic.out, 0,45 s). Douze points satellites sont propulsés sur une orbite (expo.out, espacés de 12 ms). - Derrière se trouvent de fines lignes de repère en croix, un cercle d'orbite en pointillés avec des graduations et les étiquettes "270°" et "90°". - Des lectures mono sont placées sur les côtés : "SHAPES NO KEYFRAMES" à gauche, et des demandes de modification entre guillemets à droite ("“BIGGER” “SLOWER”", "“ANOTHER COLOUR”"). - Des anneaux d'onde roses pulsent autour du cercle. - La forme se transforme alors : cercle → triangle → étoile → carré. Chaque transformation dure 0,26–0,3 s sur back.out(2,2) avec une rotation de 120°, et des contours écho roses suivent la forme seulement pendant qu'elle tourne. - Les satellites se transforment un temps après, l'un après l'autre, et disparaissent à 7,22 s. Elle se fixe en carré droit de 360 px. 5. 7,5–9,75 s, presque noir : le carré se divise en neuf carreaux de 120 px. Un labyrinthe de Truchet grandit anneau par anneau jusqu'à remplir l'écran (back.out, environ 30 ms par anneau) ; chaque carreau porte deux arcs de quart de cercle dans des coins opposés, dessinés en lignes claires de 20 px. Des vagues roses le traversent : d'abord deux bandes de gauche à droite, puis un anneau qui se resserre vers le centre. Les carreaux dans une vague tournent de 90 ou 180 degrés, rétrécissent à 80 % et deviennent roses, si bien que les lignes se brisent en tirets, puis reviennent une fois la bande passée. Une petite étiquette mono se tape en bas ("SHAPES · TRANSITIONS · NO KEYFRAMES"). À partir de 9,45 s les carreaux s'effondrent du centre vers l'extérieur. 6. 9,5–11,25 s : une grille de 24 x 24 points apparaît là où étaient les carreaux, vue de dessus. Elle s'incline en un plan en perspective et se replie en sphère, vase, blob écrasé et tore tout en tournant autour de son axe vertical. Entre les formes elle se déplace en power2.inOut, avec de faibles lignes entre voisins, environ un point sur neuf rose, et des points plus ternes avec la profondeur. Une étiquette mono se trouve dessous ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT"). Elle zoome à travers la caméra et s'efface à 11 s. 7. 11,25–13,0 s, mots cinétiques : un mot toutes les 0,23 s, chacun sur son propre fond plat et remplissant la largeur dans une largeur différente de la même police. Remplace les six mots par ta propre phrase. - "IDEA" : sombre sur rose, glisse depuis la gauche, échelle de 1,3 à 1, flou qui se dissipe en 0,14 s. - "IN." : clair sur presque noir avec un point final rose, arrive de la droite avec du flou, et une petite note mono en haut à gauche ("EDIT IN WORDS ↗"). - "VIDEO" : ultra-condensé violet sur la page claire, lettres montant du bas espacées de 25 ms. - "OUT." : clair sur violet, arrive de la gauche avec du flou, avec une note en haut à droite ("↘ MP4 EXPORT"). - "NO" : sombre sur jaune. Les lettres tombent en angle avec back.out, puis des copies contourées du mot remplissent des rangées au-dessus et en dessous et défilent en sens alternés pendant que la rangée principale dérive vers la gauche. - "KEYFRAMES." : clair sur presque noir, glissant vers la gauche à vitesse constante avec un fin trait diagonal, puis partant vite avec du flou. 8. 13,0–15 s, carte de fin : le rose inonde depuis la droite et un anneau clair se déroule depuis le centre (0,42 s). Mon logo arrive en tournant au centre (back.out) avec une petite explosion de confettis de points, d'anneaux et de triangles en sombre, clair et violet, puis se déplace à gauche du lockup. Le nom de mon app tombe lettre par lettre à côté, du flou à la netteté, 0,22 s chacune. Un slogan en serif italique monte en dessous ("your AI motion designer"). Un trait se dessine, et une ligne mono se tape en dessous : "PICK A TEMPLATE · DESCRIBE YOUR IDEA · MP4 EXPORT", un petit point d'enregistrement, puis mon adresse web à droite. Tiens la dernière seconde. </structure> <composition> Palette, tout en aplat : - noir profond presque noir #0d0b1e - rose vif #fb2d89 (l'accent principal) - page claire #faf9ff - violet doux #7c6cf2 - jaune chaud #ffd23f, pour une seule coupe cinétique Polices : - Une grotesque large variable avec axe de largeur (Anybody, graisse 900, largeur 50–150 %) pour le nom et les mots cinétiques. - Un serif italique éditorial condensé (Instrument Serif Italic) pour les titres et slogans. - Une mono (JetBrains Mono) pour les étiquettes d'interface, 14 px, espacement des lettres 0,16em. Un HUD de viseur de caméra recouvre toute la vidéo : - De fins crochets d'angle de 2 px, à 44 px de chaque coin. - En haut à gauche : le nom de mon app en capitales mono grasses suivi d'un slogan plus pâle ("APP NAME IDEAS IN MOTION"). - En haut à droite : l'étiquette de la section en cours ("01 — APP NAME", "02 — NO KEYFRAMES", "03 — SHAPES", "04 — EDIT IN WORDS", "05 — 3D EFFECTS", "06 — KINETIC TYPE", "07 — TRY IT FREE"). - En bas à gauche : un timecode défilant avec images ("00:00:03:09") et un court slogan ("LIVE PREVIEW"). - En bas à droite : un autre slogan ("NO KEYFRAMES"), quatre petits carrés qui s'allument un par temps, et "MP4". - Le long du bord inférieur : une ligne de progression de 2 px qui grandit avec le temps. Le HUD alterne entre encre sombre et claire à chaque coupe pour rester lisible sur tout fond. Tous les mots à l'écran sont des exemples à remplacer par les tiens. </composition> <techniques> - Chaque section se termine sur un objet dont naît la suivante : point vers logo, logo retour vers point, disques vers nom, lettres vers points, points vers balles, balle vers inondation violette, carré vers carreaux, carreaux vers grille de points, nuage de points zoomant à travers la caméra vers les mots cinétiques. - Chaque nouvelle étiquette de section du HUD se tape en 0,3 s, avec des glyphes aléatoires courant devant le curseur. Les autres lignes mono se tapent aussi. - Typographie à largeur variable : anime l'axe de largeur de chaque lettre et réajuste tout le mot à une largeur fixe à chaque image. - Les révélations de lettres sont découpées dans la boîte de chaque lettre. - Utilise un léger flou de mouvement uniquement sur les mouvements rapides, et une faible frange de couleur violette sur le grand balayage en iris. - Les contours écho, anneaux fantômes et halos sont de fins traits roses ou de la couleur correspondante qui s'estompent vite. </techniques> <music> Synth-pop électronique énergique à 128 BPM, premier temps à 0,06 s, exactement 15 s : - Accords de pad doux façon cloche dans la première mesure. - Après le drop à 1,93 s, une grosse caisse four-on-the-floor avec des claps sur 2 et 4, des hi-hats à contretemps, une basse synthé percutante et de courts accords staccato sous les sections. - Un break à partir d'environ 10 s qui monte vers la section cinétique. - Un accord de pad final résonnant sur la carte de fin. Les sections changent sur les barres de mesure, le nom tombe sur le drop à 1,93 s, et les coupes des mots cinétiques tombent sur les croches. </music> <sound> Pas de voix. Des impacts par-dessus la musique : - un riser durant la première mesure - un boom sur le drop à 1,93 s - un riser d'environ 10 s jusqu'à un punch à 11,25 s - une grosse caisse et un court whoosh à chaque coupe de mot cinétique - un crash de cymbale à 12,71 s - un boom avec l'accord de pad résonnant quand la carte de fin atterrit - un petit blip à 14,1 s La musique porte le morceau et les impacts ressortent clairement par-dessus. </sound> <references> Un showreel de motion designer croisé avec un sizzle de lancement de produit tech. Il combine un overlay de viseur de caméra, une typographie cinétique audacieuse de style suisse, des démonstrations de courbes d'easing, des motifs génératifs de carreaux de Truchet et un nuage de points 3D en rotation. </references>

Simple Motion

Explication de produit façon recette de boisson dessinée à la main

<direction> Réalise un motion graphic carré de 30 secondes (1080x1080, 30 ips) avec un fond musical lounge léger, des effets sonores ludiques sur chaque action et sans voix. C'est une vidéo explicative « recette » dessinée à la main pour mon produit : ses étapes sont montrées comme une boisson préparée pas à pas dans un verre. C'est une seule scène illustrée continue, sans coupes, et tout change sur place. Le style est une illustration 2D plate sur une page lavande-blanc pâle, avec des contours d'encre profonde qui « bouillonnent » comme dans l'animation dessinée à la main et des capitales de dessin animé épaisses façon sticker. Remplace chaque mot entre guillemets ci-dessous par les propres mots de mon produit, en gardant à peu près la même longueur pour que la mise en page tienne. Évite les coupes, les mouvements de caméra, les ombrages ou dégradés au-delà des aplats, et la voix off. </direction> <structure> Le rythme est calme et régulier. L'intro est rapide et rebondissante, chaque versement dure un régulier 5 s, le mélange et le zeste vont un peu plus vite, et la finale tient 3 s. Chaque changement de carte tombe sur un temps de la musique à 120 BPM : 6,0, 11,0, 16,0, 21,0, 24,5 et 27,0 s. - 0–2,5 s, titre : « YOUR BRAND » (à remplacer par ta marque) est disposé en grand au centre, sur environ 920 px de large. À partir de 0,15 s, ses lettres s'estampillent une à une à leur place pendant 0,83 s. Chacune commence à 10 % de taille, 22 px plus bas et inclinée de ±8–14°, et atterrit en 0,36 s avec un léger dépassement (back.out 1.7). À 1,4 s, une petite ligne, « what your product is », apparaît en fondu dessous, et disparaît à 2,45 s. - 2,5–3,6 s, passage : le titre monte de 365 px et se réduit à 58 % en 0,8 s (power3.inOut) pour devenir l'en-tête. Pendant ce temps, à partir de 2,87 s, le verre se dessine tout seul comme un croquis à la plume : paroi gauche, paroi droite, ellipse du bord, puis courbe du fond, environ 0,4 s en tout. Son remplissage apparaît ensuite en fondu (0,28 s), et le sous-titre de l'en-tête apparaît sous le titre. - 3,6–6,0 s, étape 1 : la carte entre avec une inclinaison de 4° et un fondu rapide (0,15 s), et sa grande valeur s'estampille toute seule. La carte indique « STEP 01 », « PICK », « TEMPLATE » et « vertical, horizontal or square ». Le suivi apparaît en fondu avec le premier cercle actif. Trois glaçons tombent d'au-dessus du cadre à 0,35 s d'intervalle. Chacun tombe avec gravité (power2.in, environ 0,3 s), rebondit d'environ 140 px, fait un petit saut de 20 px et se stabilise : deux au fond et un dessus. Trois petits traits d'étincelles jaillissent au-dessus de chaque glaçon quand il passe le bord. Chaque atterrissage remplit un tiers de la barre de progression de la carte et ajoute un mot du statut « three short words ». - 6,0–21,0 s, étapes 2–4 : trois versements de 5 s chacun, tous sur le même modèle. Les cartes indiquent « STEP 02 / SAY / KINETIC TYPE / tell the chat what to show », puis « STEP 02 / SAY / SHAPES / the agent builds the animation », puis « STEP 02 / SAY / SOUND / music and sound effects to the rhythm ». Une bouteille glisse depuis la gauche (0,23 s) et se tient debout. Elle s'incline ensuite à 115° sur un petit arc, un peu vers le haut puis vers le bas jusqu'au point de versement (0,37 s), et verse un filet courbe dans le verre. Les bouteilles sont lavande, puis roses, puis encre profonde. Chacune a une étiquette blanche avec mon logo en petite icône de carré arrondi, un mot (« TYPE », « SHAPES », « SOUND ») et une petite ligne (« kinetic », « 3D effects », « music »). Un repère cible gris (« 01 », puis « 02 », puis « 03 ») apparaît à côté du verre avec une ligne en pointillés qui le traverse. La boisson monte jusqu'à ce repère en 2 s (sine.inOut), les glaçons flottent avec elle, et des gouttelettes d'éclaboussure sautent là où le filet tombe. La boisson commence blanche et claire, devient rose au deuxième versement, puis magenta profond (rose mélangé à l'encre profonde) au troisième, chaque couleur se fondant sur environ 1,3 s. La barre de progression se remplit et « live preview » se tape tout seul en dix étapes. Ensuite le repère devient rose, le haut du filet se détache et tombe, et la bouteille se rebascule et glisse hors champ. - 21,0–24,5 s, étape 5 : la carte indique « STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour” ». Une cuillère de bar légère à boule tombe avec un ease-out rapide. Elle se balance de 8° d'avant en arrière sur un cycle de 0,8 s pendant que les glaçons se bousculent et s'assombrissent, puis elle ressort. La barre se remplit par pas de 4 images pendant que « live preview » se tape. - 24,5–27,0 s, étape 6 : la carte indique « STEP 03 / MP4 / EXPORT / download the MP4 ». Une boucle de zeste d'orange surgit au-dessus du verre, se tord et s'écrase pendant environ 0,8 s tandis que des gouttelettes orange tombent. Elle glisse ensuite sur le bord (0,5 s, power2.inOut) pendant que « try it free » finit de se taper. - 27,0–30 s, finale : la carte se remonte comme « YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine ». Sept courts traits roses et orange jaillissent autour du verre (0,16 s) et continuent de « respirer » doucement. Le verre grandit de 4 % en 0,6 s et tient jusqu'à la fin. </structure> <composition> Couleurs : - Page : lavande-blanc pâle (#FAF9FF). - Contours : encre profonde (#1C0B5D), environ 3 px avec des extrémités rondes. - Verre : lavande (#F0EDFF) avec une base teintée de violet. - Glaçons : carrés arrondis, blancs à 40 % sur ce qui est derrière, avec une ligne de coin intérieure. - Cartes : blanches avec une douce ombre décalée lavande. - Orange (#FE9117) : la garniture et la moitié des traits de la finale. Typographie : - Police d'affichage : capitales de dessin animé épaisses (quelque chose comme Lalezar) posées comme des stickers. La face est rose (#FB2D89), avec un contour d'encre profonde derrière et une extrusion violette (#7C6CF2) décalée vers le bas à gauche. - Petit texte : une écriture manuscrite d'imprimerie amicale (quelque chose comme Playpen Sans), gris-violet atténué (#6B6385) pour le texte courant et rose pour les étiquettes. Mise en page après l'intro : - En-tête : en haut au centre, environ 540 px de large, avec une petite ligne dessous : « first benefit · second benefit · third benefit ». - Verre : un verre court conique à gauche du centre, environ 290 px de large, bord à y 457 et base à y 797. - Carte d'info : à droite, 390x248 px avec des coins de 14 px et une bordure d'encre profonde. De haut en bas elle contient un petit chapeau rose, la grande valeur en lettres sticker, un titre en capitales sombres, une ligne manuscrite et une barre de progression en pilule avec un court mot de statut à sa droite. - Suivi : six étapes le long du bas. Les cercles font 43 px de large et sont espacés de 156 px sur un rail fin, avec de petites étiquettes en petites capitales dessous : « TEMPLATE », « TYPE », « SHAPES », « SOUND », « REFINE », « EXPORT ». </composition> <techniques> - Lignes qui bouillonnent : chaque ligne dessinée reçoit un léger tremblement de 1–2 px qui change toutes les 4 images, sur toute la pièce, comme un déplacement de turbulence sur les lignes. - Remontage de la carte : à la première image de chaque étape, seule la nouvelle grande valeur s'affiche pendant une image, puis la carte revient. La grande valeur s'estampille toute seule à partir de 72 % de taille avec un dépassement back.out. - Frappe : les mots de statut se tapent tout seuls par étapes. - Suivi, étape en cours : son cercle a un anneau d'encre profonde, un point rose et une étiquette rose, et il « respire » entre 100 % et 112 % chaque seconde. - Suivi, étape terminée : environ 0,1 s avant la carte suivante, son cercle se remplit de rose et une coche blanche se dessine en 0,17 s. Son étiquette devient encre profonde, et le rail vers le cercle suivant se remplit de rose en 0,37 s. - Suivi, étapes à venir : elles restent atténuées avec un petit point gris. </techniques> <music> Un instrumental lounge-pop chaleureux et détendu à 120 BPM en mode majeur : batterie aux balais, contrebasse ronde, vibraphone, cordes en pizzicato, claquements de doigts et un peu de shaker. Garde-le épuré, sans mélodie principale, pour qu'il reste sous les effets. Il s'ouvre avec quelques notes pincées de vibraphone et de pizzicato sans batterie, et une basse douce entre à 2 s. Le groove complet aux balais avec basse « walking » tombe exactement sur la première carte de versement à 6,0 s. Il reste stable pendant les versements, le mélange et le zeste, place un accord de clôture à 28,0 s quand le verre terminé se pose, et résonne jusqu'à la fin. Fais-le d'exactement 30 s, mixé à environ -14 LUFS avec un true peak sous -1 dBTP. </music> <sound> Pas de voix. Chaque effet tombe sur son image, nettement au-dessus de la musique ; la musique n'a jamais besoin de monter pour lui faire de la place. - Titre : un pop doux pour chaque lettre, montant un peu en hauteur et panoramiqué de gauche à droite à mesure que le mot se construit. - Passage : un whoosh doux sous la montée du titre et un léger grattement de crayon pour chaque trait pendant que le verre se dessine. - Cartes : un claquement de papier et un bruit sourd doux chaque fois qu'une carte est distribuée et que son grand mot s'estampille. - Atterrissages des glaçons : un choc dur et bref du glaçon contre le verre pour chaque cube, avec deux ou trois contacts à quelques millisecondes d'écart et un bruit sourd grave sous la chute. Plus doux pour le rebond et plus petit pour le dernier saut, chaque coup bien distinct de la musique. - Bouteilles : un whoosh doux quand chaque bouteille glisse et à nouveau quand elle s'incline. - Versements : chacun nettement audible et différent. D'abord un filet clair pétillant et éclaboussant qui cogne les glaçons, puis un versement plus plein en glou-glous rapides, puis un sombre et sirupeux en glou-glous lents et profonds. Donne à chaque versement du corps dans la plage 1–4 kHz, où se trouvent le filet et la poche d'air résonnante du verre, de sorte qu'il ressorte d'environ 8 dB par rapport aux secondes alentour. Garde-les propres : surtout le verre qui résonne et les bulles, peu de souffle. - Autour de chaque versement : la hauteur de la poche d'air monte d'un versement à l'autre à mesure que le verre se remplit, et quelques dernières gouttes tombent après chacun. La musique baisse d'environ 5 dB sous chaque versement et revient doucement, et un whoosh suit la bouteille à sa sortie. - Suivi : un doux carillon de confirmation à deux notes chaque fois qu'une étape est cochée, un peu plus fort pour la dernière. - Cuillère : un tintement métallique quand elle tombe, des glaçons qui cognent le verre à chaque bout de son balancement et un whoosh quand elle ressort. - Zeste : un pincement quand il surgit, trois fines brumisations pendant qu'il se tord et un léger tapotement quand il se pose sur le bord. - Finale : un carillon brillant avec l'éclat des traits, sur un léger scintillement cristallin jusqu'à la fin. - Mixage final : environ -14 LUFS, true peak sous -1 dBTP. </sound> <references> Animation cel dessinée à la main aux lignes qui bouillonnent, vidéos explicatives d'apps plates façon sticker et illustrations de recettes de cocktails où chaque ingrédient représente une fonctionnalité. </references>

Simple Motion

Plongée dans un mur d'apps 3D : démo produit en trois étapes

<direction> Réalise une démo produit horizontale de 31 secondes en 1280x720, entièrement construite en animation, avec du son. Elle se joue comme un seul mouvement de caméra continu, sans coupes, et boucle sans rupture : la dernière image tombe sur la première. L'idée : un mur d'écrans d'app incliné vers l'arrière en 3D, la caméra plonge dans un écran, cet écran devient la fenêtre de l'app, et trois étapes numérotées montrent ce que fait le produit avant une carte de fin avec mon logo. Le style est net et moderne : interface vectorielle à plat dessinée par toi, profondeur douce, beaucoup d'espace, mouvement calme et précis. Évite les coupes brusques, les images réelles, les images de banque, les fonds chargés, les easings rebondissants ou de dessin animé et tout ce qui casse la boucle. </direction> <structure> Ouverture, environ 0 à 4 s : un mur d'écrans d'app incliné vers l'arrière en 3D dérive lentement. Un titre centré comme "Your ideas, in motion" (remplace-le par le tien) se tient dessus, puis s'efface dans un flou. Plongée, environ 4 à 6 s : la caméra avance vers un écran, qui grandit pour devenir la fenêtre de l'app et se pose d'un côté du cadre. Étape 01, environ 6 à 13 s : un petit numéro d'étape "01" et un titre comme "Sketch your idea" (remplace-le par le tien) glissent vers le haut ligne par ligne à côté de la fenêtre. Dans la fenêtre, un coup de pinceau se dessine sur le canevas. Étape 02, environ 13 à 20 s : le texte précédent glisse vers le haut et sort, puis "02" et un titre comme "Chat to shape it" glissent de la même façon. Le contenu de la fenêtre change en conséquence. Étape 03, environ 20 à 26 s : "03" et un titre comme "Export in one click" entrent de la même manière, et la fenêtre montre un terminal qui tape des lignes de texte avec un curseur clignotant. Carte de fin, environ 26 à 31 s : mon logo et "[your brand]" avec un court slogan comme "Make it move" (remplace-le par le tien). La caméra recule ensuite vers le mur incliné d'écrans pour que l'image finale corresponde à la première et que la vidéo boucle. </structure> <composition> Garde la fenêtre grande, environ 60 % de la largeur du cadre, d'un côté. Place la colonne de texte de l'autre côté, alignée à gauche. Mets le numéro d'étape petit, dans la couleur d'accent, au-dessus du titre. Compose les titres dans une sans-serif nette et grasse, au plus deux lignes courtes, avec une graisse plus légère pour toute ligne de soutien. Utilise mon logo comme icône d'app dans la barre de la fenêtre et centré sur la carte de fin. Utilise des couleurs par rôle issues de ma marque, par exemple un fond presque noir (#0E0F13), un texte blanc cassé (#F4F4F6), un accent vif pour les numéros d'étape, les surbrillances et le coup de pinceau, et un gris sourd pour la barre de la fenêtre et l'interface secondaire. Garde le mur d'écrans dans la même palette avec moins de contraste pour que le titre reste lisible dessus. </composition> <techniques> Tout se passe dans un seul mouvement de caméra continu : une lente dérive au-dessus du mur 3D, incliné vers l'arrière d'environ 25 degrés, avec une douce parallaxe entre les écrans. Le titre s'en va avec un flou croissant et un fondu d'environ 0,6 s. La plongée est une poussée ease-in-out fluide vers un écran qui grandit et s'aplatit en fenêtre d'app. Les lignes de titre glissent d'environ 30 px vers le haut avec un fondu, décalées d'environ 0,1 s, avec un ease-out doux. Le texte sortant glisse vers le haut et s'efface avant l'entrée de l'étape suivante. Le contenu de la fenêtre change sur place avec de courts fondus enchaînés et glissements. Le coup de pinceau se dessine progressivement. Le terminal tape caractère par caractère avec un curseur clignotant. Sur la carte de fin, le logo grandit doucement, puis la caméra recule en douceur vers le mur d'ouverture pour une boucle sans rupture. </techniques> <music> Utilise un morceau instrumental de synthwave calme à environ 100 BPM, d'une durée exacte de 31 secondes, avec les coupes et les accents sur la grille rythmique. Un pad chaleureux joue sous le titre. Le beat entre avec un doux boom quand la caméra plonge dans la fenêtre. Le morceau monte un peu pour l'étape 02 et s'allège sous le terminal. Un riser mène à la carte de fin, et le morceau se résout pour que la boucle vers le début soit sans rupture. Vise environ -14 LUFS avec un true peak sous -1 dBTP. </music> <sound> Ajoute un whoosh à la plongée dans la fenêtre, un doux tic d'interface quand chaque ligne de titre se pose, un léger frottement de pinceau sur le coup de pinceau de l'étape 01 et de discrets tapotements de clavier sous la frappe du terminal. Ajoute un impact doux ou un carillon quand le logo se pose sur la carte de fin. Garde les effets sous la musique, sans voix off. </sound> <references> Cela ressemble à une animation soignée de lancement ou de présentation d'app : une caméra qui survole une grille 3D d'écrans d'interface jusqu'à une fenêtre produit épurée, avec des étapes de fonctionnalités numérotées, comme dans les démos de landing pages de logiciels modernes. </references>

Simple Motion

Promo de landing page avec transitions par objets

<direction> Réalise une promo motion design horizontale de 15 secondes en 1920x1080 pour [your brand], construite comme une landing page qui prend vie. Monte-la sur un morceau électronique à 128 BPM sans voix off. L'idée : il n'y a jamais de simple coupe, chaque scène passe à la suivante à travers un objet (un point, un choix de la roulette, un téléphone, une tuile gagnante). Garde un look UI produit propre et lumineux : fonds clairs, pastilles arrondies, cartes, un téléphone, un tableau de bord et un mur de vidéos, avec tous les libellés en texte sombre sur des plaques blanches et mes couleurs de marque utilisées par rôle. Évite les coupes sèches, les fondus enchaînés, la voix, le texte blanc sur fond clair ou rayé et les libellés qui chevauchent des anneaux ou des formes voisines. </direction> <structure> Cinq temps de durée à peu près égale, environ 3 secondes chacun, chaque passage tombant sur le temps. 1. Ouverture : un seul point apparaît au centre et grandit en une pastille horizontale contenant une rangée de cercles : petits portraits et icônes comme "Aa", formes simples et un cube. Chaque icône est entièrement visible, non masquée par le cercle voisin. La caméra recule pour révéler un titre sur deux lignes, les deux centrées. La première ligne ressemble à "No … keyframes." (remplace par la tienne). Le dernier mot du titre continue de défiler parmi des alternatives comme un rouleau de machine à sous. 2. Un zoom plonge dans une roulette de portraits de créateurs et de cartes. La roulette ralentit et s'arrête sur un choix, qui est mis en valeur. 3. Le choix devient un téléphone, et un éventail de cartes de fonctionnalités s'ouvre autour de lui. Une carte indique "Edit in words" avec le grand chiffre "03" et une petite étiquette "Live preview" placée juste à côté du chiffre (remplace par tes fonctionnalités). Les légendes des cartes sont sur des plaques blanches. 4. Un panoramique fouetté mène à un tableau de bord de tuiles vidéo avec légendes sur plaques blanches. Il les note et choisit une vidéo gagnante, qui est mise en valeur. 5. La tuile gagnante s'ouvre en un mur de vidéos incliné avec légendes sur plaques blanches. Le mur se replie ensuite en mon logo pour la carte de fin, avec "[your website]" à côté du logo sur une plaque blanche. </structure> <composition> Cadrage centré et symétrique pour le titre et la carte de fin avec le logo. Les éléments d'UI sont disposés comme sur une vraie landing page : une rangée de pastilles, des cartes avec de grands chiffres et de petites étiquettes, une maquette de téléphone, une grille de tableau de bord et un mur incliné en perspective. Utilise mes couleurs de marque par rôle : tons de fond (clairs, avec quelques aplats rayés), un accent pour les mises en valeur, sélections et anneaux, et une couleur de texte sombre. Chaque légende sur les cartes, tuiles et le mur est en texte sombre sur une plaque blanche arrondie pour rester lisible sur tout fond. Utilise une seule famille sans empattement propre : titre en gras, libellés en graisse normale et libellés de boutons en gras. Garde de généreuses marges pour qu'aucun texte ne touche les anneaux ou les bords. </composition> <techniques> Chaque transition est un objet qui se transforme en la scène suivante, jamais une coupe. Le point grandit en pastille avec un ease-out doux, et les cercles apparaissent avec un léger décalage. Le recul de caméra est une réduction d'échelle fluide qui révèle le titre. Le mot qui défile est un roulement vertical de machine à sous qui boucle sur plusieurs mots. Le zoom traverse la pastille jusqu'à la roulette. La roulette tourne vite et décélère avec un long ease-out pour s'arrêter précisément sur le choix. Le choix change d'échelle et se remodèle en téléphone, et les cartes s'ouvrent en éventail autour de lui avec une rotation et un glissement décalés. Le panoramique fouetté est un mouvement horizontal rapide avec flou de mouvement et un ease in-out net. La sélection du tableau de bord est un anneau de mise en valeur et un agrandissement du gagnant. Le gagnant se déploie en mur 3D incliné, qui se replie et s'effondre dans le logo avec une dernière stabilisation. Tous les mouvements et arrivées clés tombent sur la grille du tempo. </techniques> <music> Compose un morceau électronique original et entraînant à 128 BPM, d'exactement 15 secondes, avec un arc clair : début léger, montée à travers les scènes de la roulette et du téléphone, un drop autour du panoramique fouetté et une fin nette sur le logo. Pose-le sur la grille de tempo du montage, avec des accents composés par-dessus pour chaque passage, un riser vers le drop et un dernier impact quand le mur se replie dans le logo. Masterise à environ -14 LUFS avec un true peak sous -1 dBTP. </music> <sound> Pas de voix off. Ajoute des whooshes sur le zoom et le panoramique fouetté, un court tic-et-arrêt quand la roulette s'arrête, et un impact doux sur le logo. Garde-les tous sous la musique et sur le temps. </sound> <references> Une landing page SaaS animée en promo produit : cartes UI, maquette de téléphone, tableau de bord analytique et mur de vidéos, dans le style des vidéos modernes de lancement d'app avec des transitions fluides d'objet à objet. </references>

Simple Motion

Vidéo de lancement d'app cinétique avec maquette d'interface animée

<direction> Réalise une vidéo cinétique de lancement de produit horizontale de 42 secondes en 1920x1080 pour [your app]. Elle montre comment un fondateur crée une vidéo de lancement pour sa startup simplement en discutant dans l'app. Reconstruis l'interface de mon app à partir de mes captures d'écran sous forme de maquette animée propre, faite de formes et de texte, proche de la réalité. Dans cette vidéo, c'est une app sombre bleu marine-violet avec une Live preview à gauche, des onglets Chat / Files / Panels à droite et des boutons d'accent roses. Ne montre jamais les captures comme des images fixes : chaque élément doit bouger. Garde une interface continue sans coupes franches. La caméra avance, panote et recule entre les panneaux pendant qu'un curseur se déplace et clique. Reste sur une grille rythmique de 120 BPM (un temps = 0,5 s) et fais qu'il se passe quelque chose à chaque temps. D'énormes mots cinétiques claquent sur l'interface entre les étapes. La startup du fondateur est une app inventée, par exemple "Pulse — standups your team actually reads" (remplace par la tienne). Évite les coupes franches, les captures statiques, tout ce qui est coupé aux bords du cadre, et le texte ou les barres de surlignage qui débordent sur les colonnes voisines. </direction> <structure> 1) Accroche, 0–3 s : "YOUR LAUNCH VIDEO." puis "IN ONE CHAT." en énorme typographie, coupés mot par mot sur le rythme. "CHAT." se transforme en onglet Chat et la caméra recule sur toute la fenêtre de l'app. 2) Références, 3–8 s : un lien "pulse-demo.app" est collé dans le chat. Un pitch deck PDF et un logo arrivent en volant comme cartes de pièces jointes et se calent en place. Gros mot "DROP". 3) Prompt, 8–13 s : le fondateur tape "Make a 30-second launch video for Pulse, kinetic style, our colours" lettre par lettre, puis le curseur appuie sur envoyer. Gros mot "ASK". 4) Plan, 13–18 s : l'agent répond par un plan en cinq étapes sous forme de liste de contrôle. Les étapes apparaissent et se cochent une à une, et la caméra recule un peu à chaque nouvelle ligne pour que le cadre ne paraisse jamais vide. Gros mot "PLAN". 5) Esquisse et Go, environ 18–21 s : une esquisse grise filaire du promo remplit rapidement la Live preview, avec l'étiquette "Live preview" et la barre de lecture visibles. Le fondateur clique sur Go, et un fond rose grandit depuis le bouton pressé et inonde l'écran derrière un énorme "GO!". 6) Live, environ 21–31 s : des lignes d'état s'affichent dans le chat ("Picking fonts", "Animating the title", "Writing a soundtrack") pendant que l'esquisse devient le promo terminé. La caméra avance jusqu'à ce que le promo remplisse le cadre. Vers 27 s, le titre du promo "Standups your team actually reads." glisse en place, et une barre de surlignage vert citron se dessine sous "actually reads.". Une colonne de statistiques se tient à côté avec "92%" et "updates read". Gros mot "LIVE". 7) Export, environ 31–37 s : la caméra recule vers l'app. Le bouton Export et les onglets sont entièrement visibles pendant que l'export s'exécute et se termine. Gros mot "DONE". 8) Carte de fin, environ 37–42 s : le logo de [your app] et "Live on [launch site] today" (remplace par le tien), qui se posent sur le dernier temps et tiennent jusqu'à la fin. </structure> <composition> Palette : interface sombre bleu marine-violet, boutons d'accent rose magenta et l'inondation rose, un dégradé rose-orange sur le logo et le vert citron comme couleur de surlignage dans le promo de démonstration. Les mots cinétiques sont énormes, gras, en majuscules, sans empattement avec les polices de la marque et occupent la majeure partie de la largeur du cadre. Réduis légèrement un mot long plutôt que de le laisser se faire couper. Garde des marges de sécurité partout. Dans les plans larges, toute la fenêtre de l'app est dans le cadre. Dans le chat, le champ de saisie est entièrement visible. Dans la scène d'export, le bouton Export et les onglets sont dans le cadre. Dans le promo, le titre et la barre citron restent dans leur propre colonne avec de la marge. La barre correspond exactement à la largeur de ses mots et ne chevauche jamais la colonne "92%". </composition> <techniques> Une caméra virtuelle continue avec des avancées, panoramiques et reculs fluides en ease-in-out entre les panneaux, et sans coupes. Le curseur glisse vers ses cibles et clique avec une petite réduction d'échelle à l'appui. Les mots d'accroche entrent un par temps. Les cartes de pièces jointes arrivent en volant et se calent avec un léger dépassement. Le texte du chat se tape lettre par lettre. Les éléments de la liste apparaissent et se cochent sur des temps successifs. L'esquisse grise se remplit vite puis se transforme élément par élément en promo terminé. L'inondation rose sous "GO!" grandit radialement depuis le bouton cliqué. Les gros mots claquent avec un rapide impact de réduction d'échelle sur l'interface et repartent vite au temps suivant. Chaque temps a un événement visible : un mot, un clic, une carte, une coche, une ligne d'état ou un mouvement de caméra. </techniques> <music> Un morceau électronique énergique à 120 BPM, où chaque coupe, chaque claquement de mot et chaque événement de l'interface sont calés sur le rythme. Il monte pendant les étapes de préparation, s'élève vers "GO!", porte la construction en direct et se résout par un dernier coup sur la carte de fin. </music> <sound> Des clics de clavier qui tombent exactement sur chaque lettre tapée. Des clics de souris à chaque appui du curseur. Des whooshes sur les mouvements de caméra et l'arrivée des cartes de pièces jointes, et des claquements quand les cartes se posent. De doux tics pour les étapes de la liste et les lignes d'état. Un impact percutant sous chaque gros mot, un riser vers "GO!" et un dernier coup sur la carte de fin. Garde la musique sous les effets pour que les clics et les impacts se détachent clairement. </sound> <references> Bandes-annonces cinétiques de lancement d'apps qui reconstruisent une interface SaaS en maquette animée nette avec un seul mouvement de caméra continu, dans le style des promos de jour de lancement de produit. </references>

Utilisé 2 fois
Simple Motion

Promo avec billet, valise et formats, et révélation du logo

<direction> Réalise un promo de motion design horizontal de 15 secondes (1920x1080, 60 i/s) pour [your brand], un produit qui transforme une description en vidéo terminée (adapte les mots aux tiens). L'idée : une demande devient un billet, le billet s'ouvre sur une promesse, une valise livre les étapes une par une, trois formats défilent et tout atterrit sur mon logo. Il n'y a pas de voix off : les mots sont à l'écran et la musique porte le tout. Tout est dessiné : graphismes 2D à plat avec une carte inclinée en 3D, sans images filmées. Le style est clair, net et énergique : un seul accent rose sur une page claire, avec un champ sombre encre profonde. Évite les images filmées, la voix, le flou dans les masques de texte, ainsi que toute dérive ou déformation du logo. Le logo se forme entier, exactement tel qu'il est dessiné, et reste parfaitement immobile d'environ 13,3 s jusqu'à la fin. </direction> <structure> 1. 0–1,9 s, la demande. À gauche, une petite accroche rose à espacement large « YOUR AI MOTION DESIGNER » se place au-dessus d'un titre de trois lignes d'environ 180 px, « Describe » / « the » / « video. » (remplace-le par le tien ; la dernière ligne est rose). Les lignes montent de leurs lignes de base l'une après l'autre. La première bouge déjà à l'image 0 et les autres suivent à 0,13 s d'écart, linéaire, 0,17 s chacune. À droite, une carte-billet blanche est inclinée en perspective, son côté gauche plus proche. Elle porte un bandeau rose « FROM IDEA TO VIDEO » et mon petit logo avec « [your brand] » à côté. Deux champs, « FROM IDEA · Your idea » et « TO MP4 · Video », sont reliés par une ligne pointillée avec un triangle play rose. Elle porte aussi de petites étiquettes « EDIT WORDS », « STEP 03 », « EFFECTS 3D » et « PREVIEW LIVE », un code-barres et « 03 » sur le talon. La carte arrive en volant de la droite à 0,23 s (power3.out, 0,35 s), dépasse d'environ 125 px vers la gauche et revient se poser (sine.inOut, 0,37 s). Pendant ce temps, le code « MP4 » fait défiler des lettres aléatoires 15 fois par seconde et se verrouille lettre par lettre à 0,67, 0,8 et 0,93 s. À 1,17 s, un tampon rose en contour « MP4 EXPORT », incliné de -14°, s'abat depuis 2,4x en 8 images avec un minuscule rebond. À 1,67 s, le triangle play rétrécit en un point rose qui grandit en un rideau circulaire centré sur lui, avec deux anneaux rose pâle juste à l'extérieur de son bord. Le rayon passe par 15, 36, 66, 120, 210, 330, 540, 900 et 1500 px, un pas toutes les deux images. Les lignes du titre sortent vers le haut dans l'ordre à mesure que le cercle grandit. 2. 1,9–4,0 s, la promesse, sur un champ entièrement rose (radial, plus clair au centre). Un triangle play blanc, un peu plus long que large pour pointer là où il va, naît à l'intérieur du cercle. Il vole en une boucle autour des mots, tourné le long de sa trajectoire : vers le haut, vers la gauche en haut, vers le bas sur la gauche, le long du bas, vers le haut sur le côté droit et hors du haut à droite. Derrière lui, il trace une orbite pointillée blanche dont les points les plus anciens s'estompent en une ligne fine et pâle. Deux grands cercles pâles sont en arrière-plan. « No keyframes. » (environ 220 px, blanc) entre en tournoyant lettre par lettre, à 0,03 s d'écart, sur un arc venant d'en bas à droite, en partant de 38° et en se redressant. À 2,8 s, il s'envole vers le haut lettre par lettre. En même temps, « The agent animates it. » (environ 157 px) monte de sa ligne de base lettre par lettre, à 16 ms d'écart. À 3,03 s, une pastille blanche arrondie balaie depuis la gauche derrière « animates it. » en 0,18 s, et ces mots deviennent roses à l'intérieur. À 3,77 s, les mots se floutent et disparaissent. Une valise encre profonde avec une sangle rose et une étiquette « MP4 » tombe du haut et atterrit à 4,02 s avec un petit écrasement. 3. 4,0–8,95 s, les étapes. Un cercle clair s'ouvre depuis la valise avec deux anneaux rose pâle, et deux ellipses d'ondulation roses s'étendent depuis sa base. En haut, « Edit in words. » (atténué, environ 56 px) monte. Puis « Your idea is ready to move. » (environ 93 px) monte mot par mot, avec « move. » en rose et un soulignement rose dessiné à la main qui se trace dessous. Au-dessus de la valise, six cartes d'étape blanches arrivent, une toutes les 0,58 s. Chaque carte fait 900x165 px et est arrondie, avec une tuile d'icône à gauche et une puce d'état à droite. Chacune monte de derrière la valise (de 100 px plus bas et à 72 % de la taille, 0,3 s, power2.inOut) avec une puce lavande « Animating » et un indicateur de chargement. Elle s'allume ensuite en deux temps : d'abord une bordure rose et un halo extérieur doux, puis 0,07 s plus tard la tuile d'icône devient rose et la puce devient un « ✓ Ready » rose. Quand la carte suivante arrive, l'ancienne monte de 40 px et disparaît en 0,15 s. Les cartes affichent : « Kinetic type », « Shapes », « 3D effects », « Sound », « Your own footage », « Fonts for every script » (remplace-les par les tiennes). Sous la valise, six points et un compteur avancent à chaque carte, de « 1 / 6 in motion » à « 6 / 6 in motion ». À 7,9 s, la dernière carte change sur place pour « Ready to move. » avec une tuile coche et une puce rose « 6 / 6 ». Le compteur est remplacé par « ✓ Live preview. MP4 export. » À 8,4 s, tout sauf la valise s'envole et se floute. À 8,7 s, la caméra plonge dans la valise jusqu'à ce que son corps encre profonde remplisse le cadre. 4. 8,95–11,4 s, les formats. Un groupe de trois bandes obliques balaie de droite à gauche en 0,2 s et ouvre un panneau plein cadre derrière son bord de fuite. Les bandes sont inclinées d'environ 18° : une fine bande rose foncé, une large bande rose et une fine bande rose clair. Le même balayage revient à 9,76 s et 10,5 s. Les trois panneaux sont des blocs en dégradé doux avec un horizon : - de lavande à violet, avec une lumière chaude dans la moitié basse ; - un ciel violet au-dessus d'une « mer » encre profonde ; - un ciel orange au-dessus d'une encre profonde, avec une bande de brume turquoise. Chaque panneau avance lentement de 1,07 à 1 et a un dégradé encre profonde en bas. Son nom monte lettre par lettre en bas à gauche, environ 226 px, en blanc : « Vertical », « Horizontal », « Square ». En haut à gauche se trouve un petit HUD à espacement large : « 01 / 03 » en rose clair, puis « 9:16 », puis « MP4 EXPORT » qui se tape, avec un soulignement rose qui grandit dessous. Il passe à « 02 / 03 · 16:9 · LIVE PREVIEW » puis à « 03 / 03 · 1:1 · NO KEYFRAMES ». 5. 11,4–12,5 s, la grille. Le dernier panneau rétrécit dans la carte de droite tandis que les deux autres glissent depuis la gauche. Ensemble, ils forment trois cartes portrait (580x780 px, espacées de 30 px) sur un champ encre profonde. La grille avance doucement à 1,05 et se rétablit en une demi-seconde. « Vertical, horizontal or square. » monte au-dessus en blanc. Une fois la grille posée, de petits noms apparaissent en fondu sur les cartes (« Vertical », « Horizontal », « Square »), bien à l'intérieur du cadre. 6. 12,2–15 s, le logo. Un point rose sort de la carte du milieu, avec des anneaux de halo pâles, tandis que la grille rétrécit à 0,9 sur une page blanche. Son rayon est animé toutes les deux images de 12 à 1150 px. Puis le point rétrécit vite et ralentit (260, 125, 90, 75 px) en se déplaçant à gauche du centre. Là, il s'ouvre directement en la forme de fond de mon logo, sans jamais chevaucher le logo, et les parties intérieures du logo se développent d'un seul bloc, exactement comme le logo est dessiné. À 13,03 s, « [your brand] » glisse de derrière le logo vers la droite (power3.out, 0,32 s), tandis qu'un fin anneau rose s'étend autour du logo et s'estompe. Le nom fait environ 150 px, encre profonde, ses lettres centrées sur la ligne médiane du logo et l'ensemble centré dans le cadre. Puis « Describe the video. The agent animates it. » monte mot par mot en dessous, avec la seconde phrase en rose. Trois puces lavande apparaissent : « • Vertical », « • Horizontal », « • Square ». « [your website] » monte en gris atténué. Le logo reste parfaitement immobile à partir d'environ 13,3 s, et tout tient jusqu'à la fin. </structure> <composition> La base est une page claire #FAF9FF avec une discrète grille de points de 40 px #E9E4F2 et de doux halos radiaux roses. L'encre profonde #1C0B5D sert au texte sombre, aux objets sombres et au champ sombre. Il y a un seul accent, le rose #FB2D89, pour les mises en valeur, le champ d'accent et la progression. L'atténué #6B6385 sert aux lignes secondaires et la lavande #F0EDFF aux puces douces. L'orange #FE9117, le violet #7C6CF2 et le turquoise #2DD4B0 n'apparaissent que dans les trois panneaux de format (et dans mon logo s'il les utilise). Les titres sont en sans géométrique épaisse, Manrope ExtraBold, avec un crénage serré d'environ -0,05em. Les petits libellés, le texte du HUD et le site web sont en sans nette, Inter SemiBold. Mise en page par plan : - Plan 1 : titre à gauche, billet incliné à droite. - Plan 2 : mots centrés sur le champ rose. - Plan 3 : cartes d'étape empilées au-dessus de la valise, points et compteur en dessous, titre en haut. - Plan 4 : noms de format en bas à gauche, HUD en haut à gauche. - Plan 6 : bloc logo final centré, avec la signature, les puces et le site web empilés dessous. </composition> <techniques> Les apparitions sont nettes. Le texte monte de sa propre ligne de base dans un cadre qui bouge avec lui, jamais un flou dans un masque. Les sorties accélèrent et disparaissent en environ 0,1 s. - Les rideaux circulaires grandissent par rayons échelonnés animés toutes les deux images, avec des anneaux rose pâle juste à l'extérieur du bord. - Le code du billet défile et se verrouille lettre par lettre. - Le tampon s'abat depuis 2,4x avec un minuscule rebond. - Les lettres entrent sur un arc rotatif, et la pastille de mise en valeur balaie derrière des mots qui changent de couleur à l'intérieur. - Les cartes d'étape s'allument en deux temps : bordure et halo d'abord, puis la tuile et la puce. - La caméra plonge dans la valise à l'échelle 1,5, 3,1, 6,2 et 7 en un quart de seconde. - Des balayages obliques à trois bandes portent les transitions entre les panneaux de format, et chaque panneau avance lentement. - Le panneau unique s'effondre en une grille de trois cartes. - Un point voyage et s'ouvre en logo, qui se construit d'un seul bloc et ne bouge ni ne se déforme jamais une fois formé. </techniques> <music> Utilise un morceau original de house électronique entraînant et optimiste à 120 BPM, d'exactement 15 s. Le groove complet joue dès la première image, avec une grosse caisse sur chaque temps à environ x,05 et x,55 s. Il reste régulier sous les cartes et les formats. La batterie disparaît à 12,55 s quand le point avale la grille, laissant un pad chaleureux et un arpège ascendant qui s'estompent vers 15 s. Les coupes et les coups clés tombent sur la grille des temps. </music> <sound> Le sound design se place par-dessus le morceau, sans batterie supplémentaire : - un whoosh quand le billet arrive en volant ; - de doux tics quand le code se verrouille ; - un impact doux sur le tampon ; - des whooshes sur chaque rideau circulaire et sur la pastille de mise en valeur ; - un bruit sourd quand la valise atterrit ; - un blip qui monte en hauteur quand chaque carte devient rose ; - un carillon quand la dernière carte atterrit ; - un riser vers la plongée et un impact quand le premier panneau s'ouvre ; - des whooshes à chaque balayage de bandes et quand les cartes se rejoignent ; - un riser vers le drop ; - une cloche quand le logo se forme ; - de doux clics sur les puces. Mixe à environ -14 LUFS avec un pic réel inférieur à -1 dBTP. </sound> <references> Une publicité moderne de lancement d'application en style vectoriel à plat, construite sur la typographie cinétique et une métaphore de voyage : une carte d'embarquement, une valise et des panneaux d'horizon. Elle se termine sur un bloc logo net et centré. </references>

Utilisé 2 fois
Simple Motion

Jingle d'app en écran partagé à deux fréquences d'images

<direction> Réalise un jingle produit horizontal de 12 secondes en écran partagé pour mon app, en 1920x1080 à 59,94 i/s. Deux panneaux carrés jouent côte à côte la même animation d'interface lumineuse. Le panneau de gauche avance avec une sensation de 29,97 i/s et celui de droite tourne à la fréquence d'images pleine, pour que la différence de fluidité se voie. Sept plans rapides tombent sur le rythme : un curseur clique sur mon logo dans une fenêtre d'app, l'icône éclate en carrés en orbite, un clic dans la barre des menus fait jaillir une zone de prompt en verre où le texte se tape, une page de texte défile avec une carte, deux cartes empilées dérivent vers le haut, mon logo reste seul, et un logotype lumineux claque sur un fond presque noir. Le style est propre et lumineux, avec des ombres douces et du flou de mouvement sur chaque déplacement. Évite les départs figés, les fondus enchaînés, le grain et la voix off. </direction> <structure> 1. 0,00–2,39 s, en-tête et clic. Une brume teintée de violet se dissipe en 0,9 s pour laisser la page blanche et une lueur lavande en bas. Un en-tête d'une ligne monte d'environ y 930 à 537 avec un ease-out exponentiel (environ 1,2 s), très flou au début. Il contient mon logo dans un disque lavande de 132 px, le nom « [votre marque] » en Inter Medium encre profonde et une capsule encre profonde « Ouvrir l'app ». Le nom apparaît au deuxième photogramme, déjà flou. La capsule suit deux photogrammes plus tard, en glissant de 15 px vers la gauche en devenant nette. À partir de 0,45 s, une fenêtre d'app blanche au rayon de coin de 93 px apparaît en fondu autour de l'en-tête (53 %, 70 %, puis 100 % à 0,78 s). À l'intérieur se trouvent une pilule de recherche lavande « Décris la vidéo », une colonne d'icônes atténuées et une carte sur une couverture d'encre profonde à violet. La carte indique « Ton idée est prête à bouger » / « Aperçu en direct · export MP4 » dans le panneau de gauche et « Un chat plutôt qu'une timeline » dans celui de droite. La couverture indique « De l'idée à la vidéo en un chat » ou « Décris ton idée ». À 0,88 s, un curseur flèche noir à contour blanc apparaît en haut à droite et glisse vers la gauche en décélérant. Il tourne de -85 degrés pour regarder vers le bas pendant son piqué, se pose à la verticale sur le logo et grossit de 1,55x tandis qu'un doux anneau rose s'allume autour du disque. La caméra avance à 1,2 autour du centre (ease-in-out, 0,47 s) et tient un photogramme. Puis elle recule à 1,04 sur une courbe accélérée pendant que le curseur appuie (rétrécit de 15 %), droit dans la coupe. 2. 2,39–3,35 s, icône et orbite. Coupe franche sur le drop de la musique : mon logo comme icône d'app arrive à 276 px et rétrécit à 178 px (expo out, 0,47 s). Quatre carrés arrondis, avec flou de mouvement et 32 degrés d'avance, se posent en croix autour sur un rayon de 222 px (expo out, 0,9 s). Ils sont violet, turquoise, rose et jaune à gauche, et rose, orange, turquoise et blanc à droite. Un disque lavande bicolore grandit derrière l'icône en 0,2 s. À partir de 3,12 s, les carrés se replient vers une rangée à droite et rétrécissent, et l'icône rétrécit à environ 70 px sous une rampe de flou. 3. 3,35–5,29 s, barre des menus et prompt. Coupe sur le coin supérieur droit d'un écran d'ordinateur sous une page blanche. On voit une bordure presque noire de 46 px et une barre des menus sombre et translucide avec des icônes wifi, batterie et contrôle, mon logo, trois points d'accent, « [votre marque] » et « Ouvrir l'app ». Le fond d'écran va de l'encre profonde au violet, avec des traînées de lumière diagonales à gauche, une lueur rose, une fine grille et un scintillement à droite. Le curseur monte vers le logo et clique (passe à 0,82 pendant 0,1 s). Une zone de prompt en verre dépoli jaillit de l'icône : 740 x 226 px, rayon de 56 px, lavande translucide avec une fine bordure blanche. Elle passe de 0,18 à 1 avec un dépassement en 0,19 s, son flou tombe de 9 px à 0, pendant que la caméra se décale de 115 px vers la droite. Elle tape à 27 caractères par seconde derrière un curseur blanc : « Modifie avec des mots, sans images clés » à gauche, « Plus grand, plus lent, une autre couleur » à droite. Un bouton d'envoi rond rose et trois petits glyphes sont sur sa rangée du bas. Le plan dérive vers le haut et sort sur une rampe de flou vertical pendant qu'un voile lavande monte à 75 %. 4. 5,29–7,16 s, page de réponse et carte. Sortant du flash lavande, une page de texte gris-violet en Inter 42–45 px défile vers le haut depuis 291 px plus bas. Elle bouge sur une courbe exponentielle (constante de temps 0,2 s), avec un flou vertical lié à sa vitesse. Une expression en encre profonde SemiBold se trouve sous un petit curseur droit : « Motion designer IA » à gauche, « « plus lent », « une autre couleur » » à droite. Lignes d'exemple : « De l'idée à la vidéo en un chat », « 01 Choisis un modèle », « 02 Décris ton idée », « 03 Affine avec des mots, puis exporte », « Dis au chat quoi montrer. L'agent construit l'animation. », « Typographie cinétique, formes, effets 3D et son ». À 6,22 s, une carte surgit près du bas, floue. Elle monte sur un ease-out rapide portée par une dérive constante vers le haut de 158 px/s pendant que la page s'assombrit à 45 % et se floute de 3 px. À gauche, la carte montre un triangle abstrait en encre profonde, violet, orange et jaune, légendé « Des idées en mouvement » / « [votre site web] ». À droite, elle montre une couverture d'encre profonde à violet avec une carte blanche « Décris ton idée », légendée « Un chat plutôt qu'une timeline » / « Aperçu en direct · export MP4 ». À partir de 6,9 s, elle accélère vers le haut, rétrécit à 0,9 et disparaît dans le flou. 5. 7,16–8,16 s, cartes empilées. Un fondu avec flou sur trois photogrammes amène deux cartes empilées (534 x 343 px, rayon de 51 px). Elles arrivent 165 px plus bas, 15 % plus grandes et floues, se posent en 0,3 s et continuent de dériver vers le haut, puis sortent par un mouvement accéléré et une rampe de flou. Chacune porte un titre blanc géant à 60 % d'opacité, coupé par son bord inférieur. À gauche, les titres sont « Polices » et « Musique », sur des visuels de triangles avec une pilule « Ouvrir l'app ». À droite, ce sont « Formes » et « Son », sur des couvertures d'encre profonde à violet avec des pilules « 02 » et « 03 » et des cartes intérieures blanches « Typographie cinétique, formes » et « Musique et effets sonores » ; la deuxième carte a une lueur rose-orange. 6. 8,16–10,03 s, le logo seul. Coupe avec flou sur mon logo dans un disque lavande de 167 px sur fond blanc. Il monte de 115 px à sa place sur une courbe exponentielle (0,17 s), tient, puis rétrécit dans la coupe. 7. 10,03–12,00 s, carte de fin. Coupe franche sur un fond presque noir avec une lueur radiale d'encre profonde. Un logotype blanc à la douce lueur à deux couches claque depuis 3,85x : « [votre marque] » à gauche, « [votre site web] » à droite. Son flou horizontal disparaît en 0,1 s. Il se pose à 1x en environ une seconde sur une courbe de plus en plus lente, puis recule lentement et accélère jusqu'à 0,72x au dernier photogramme. </structure> <composition> Le fond est presque noir #0D0B1E. Deux panneaux carrés de 930 x 930 px chacun sont côte à côte à y 100 (gauche à x 20, droite à x 970). Au-dessus de chacun se trouve une petite étiquette en Inter SemiBold 28 px, lavande clair #E9E4F2 : « Aperçu en direct » au-dessus du panneau de gauche et « [votre marque] · export MP4 » au-dessus de celui de droite. Les deux panneaux jouent en même temps les mêmes sept plans, avec le même minutage et le même mouvement. Le panneau de gauche affiche une nouvelle image un photogramme sur deux et celui de droite à chaque photogramme. Seuls quelques mots diffèrent entre les panneaux, comme indiqué dans les plans. À l'intérieur d'un panneau, dispose tout sur une scène de 1080 x 1080 mise à l'échelle pour s'ajuster. Palette : page claire #FAF9FF ; lavande #F0EDFF pour les panneaux doux et les lueurs ; lignes #E9E4F2 ; gris-violet atténué #6B6385 pour le texte secondaire ; encre profonde #1C0B5D pour le texte sombre et les surfaces sombres ; presque noir #0D0B1E. Les accents sont rose #FB2D89 (le principal) et orange #FE9117, avec violet #7C6CF2, turquoise #2DD4B0 et jaune #FFD23F là où quatre couleurs sont nécessaires. Utilise Inter 400/500/600/700 partout. Mon logo est l'icône de l'app partout où un logo apparaît. Une icône carrée arrondie convient le mieux à la mise en page, par exemple un carré d'encre profonde avec un tourbillon rose, orange et blanc et un triangle de lecture rose. </composition> <techniques> Rien ne démarre depuis une image fixe. Chaque élément entre déjà en mouvement sur un ease-out exponentiel et sort par un mouvement accéléré ou une rampe de flou. Le flou de mouvement suit la vitesse et la direction de chaque déplacement. Il n'y a pas de fondus enchaînés : les plans changent par coupes franches, coupes avec flou et un court fondu avec flou, tous sur le rythme. La caméra avance à 1,2 (ease-in-out, 0,47 s), tient un photogramme et recule à 1,04 sur une courbe accélérée dans le plan 1, et se décale de 115 px vers la droite dans le plan 3. Le curseur est une flèche noire à contour blanc ; ses clics le rétrécissent (15 %, ou à 0,82 pendant 0,1 s). La frappe se fait à 27 caractères par seconde derrière un curseur blanc. Les apparitions dépassent leur cible. Les sorties vers le haut utilisent des rampes de flou vertical, et l'entrée percutante de la carte de fin utilise un flou horizontal. </techniques> <music> Fais un fond de funky house entraînant à 124 BPM, d'exactement 12 secondes. Il s'ouvre sur une intro filtrée sous le premier plan. Le groove complet (grosse caisse à quatre temps, claps, basse slap, accords pincés) tombe à la coupe vers l'icône à 2,39 s. Un breakdown filtré joue sous le logo seul, et une réverbération s'éteint après le coup de la carte de fin. Chaque coupe tombe sur le rythme. Mixe à environ -14 LUFS avec un true peak sous -1 dBTP. </music> <sound> Par-dessus la musique, ajoute ces effets sonores : - un riser vers le drop et un boom dessus - un clic doux quand le curseur appuie sur le logo, et un autre sur l'icône de la barre des menus - un pop quand la zone de prompt jaillit - de légers tics de frappe - un whoosh sur le pli vers la barre des menus et sur le balayage vers la page de texte - des swishes quand la carte monte et quand les cartes empilées se fondent - un léger impact sur le logo seul - un boom à la tonalité descendante sur la carte de fin Pas de voix. </sound> <references> Un jingle de lancement d'app soigné dans le style du motion design d'interfaces produit moderne : maquettes d'interface lumineuses, mouvements de caméra cinétiques, fort flou de mouvement directionnel et coupes synchronisées sur le rythme. Il est conçu comme une comparaison de fréquences d'images. </references>

Simple Motion

Showreel qui démontre les principes du mouvement sur lui-même

<direction> Réalise un showreel de motion graphics de 15 secondes au format paysage, 1920x1080 à 30 ips, entièrement dessiné et sans images filmées, qui met en valeur le savoir-faire de l'animation en démontrant les principes du mouvement sur lui-même : squash and stretch (écrasement et étirement), onion skin (papier calque), overshoot (dépassement), easing (accélération et ralentissement), follow-through (prolongement) et anticipation. Il alterne scènes claires et sombres. Un point rose relie toutes les scènes : une balle qui rebondit, le point d'un titre, la tête d'une traînée, le centre d'un indicateur de chargement. De petites notes manuscrites avec des flèches dessinées à la main commentent ce qui se passe. Monte-le sur un morceau à 128 BPM pour que les contacts de la balle, la chute du titre et les coupes tombent sur les temps. Utilise des aplats de couleur partout ; il doit paraître joueur et précis. Évite les images filmées ou les photos, les dégradés brillants et les ombres portées, le flou partout sauf dans le whip pan, les flèches qui touchent les lettres de leurs notes, les notes aux inclinaisons différentes et les batteries supplémentaires superposées à celles de la musique. </direction> <structure> 1. 0–3,7 s, page claire. Une ligne de sol dessinée à la main se trace de gauche à droite en 0,3 s. Une balle rose tombe d'en haut à gauche et rebondit sur la largeur en trois arcs de plus en plus petits. Ses contacts tombent à un temps d'écart, à 0,43, 0,90, 1,37 et 1,83 s. Elle s'écrase à plat à chaque contact (environ 1,5 de large sur 0,55 de haut) et s'étire dans le sens de sa vitesse en l'air. Chaque image du vol laisse un fin fantôme au contour rose qui s'efface en 0,6 s, et une ligne pointillée trace la trajectoire. Les notes s'écrivent avec des flèches (exemples à remplacer) : « des idées en mouvement » en haut du premier arc, « essayez gratuitement ! » sous le deuxième contact, « aperçu en direct » près du dernier arc. La balle atterrit à droite et reste comme le point du titre. Sur le premier temps à 1,9 s, le grand mot « BOUGER » sort du sol lettre par lettre, de droite à gauche, avec 45 ms d'écart. Chaque lettre monte de derrière la ligne de sol, s'étire à 1,2 fois sa hauteur, saute de 45 px au-dessus du sol, retombe avec un petit écrasement et se stabilise en une demi-seconde. La ligne de sol se rétracte ensuite. La ligne du dessus, « PRÊT À » (à remplacer par la tienne), tombe lettre par lettre depuis la gauche ; chaque lettre est inclinée jusqu'à 20 degrés et se redresse avec un léger dépassement. Un soulignement rose au pinceau se trace sous BOUGER, et une note « modifiez avec des mots » désigne la ligne du haut. À 2,8 s, une vague parcourt les lettres de BOUGER, de gauche à droite, chacune s'étirant de 11 pour cent puis revenant. Au même moment, le point saute de 95 px et retombe avec un écrasement, et « export MP4 » s'écrit dessous. Dans les 0,2 dernières secondes, tout le titre s'écrase sur sa ligne de base (88 pour cent de haut, 106 pour cent de large), puis coupe franche. 2. 3,7–5,5 s, page sombre. « FORMES » en blanc tombe lettre par lettre, à une image d'écart, chaque lettre rebondissant deux fois avant de se stabiliser ; note « et le son ». À 4,2 s, il est écrasé en une image en une fine bande étroite et devient « CINÉTIQUE » en rose. CINÉTIQUE jaillit en largeur, image par image, à 0,09, 0,28, 0,56, 0,85, 1,10, 1,27 et 1,37 fois sa largeur, puis revient en passant par 1,06 jusqu'à 0,87, sa hauteur évoluant à l'inverse de sa largeur ; note « sans images clés ». À 4,65 s, « TEXTE » apparaît lettre par lettre. Chaque lettre tourne d'un tour et quart sur son axe vertical en 0,3 s avec un ease-out, et est rose chaque fois que son dos nous fait face ; note « effets 3D ». À 5,13 s arrive une image d'un flash orange plein, avec le mot suivant qui bascule en bleu encre profond. Puis « POLICES » en orange reste parfaitement immobile dans de fins repères orange avec de petites poignées carrées à ses coins, sans aucun easing ; note « pour chaque écriture ». La page claire balaie vers le haut depuis le bas en trois images avec un bord doux en escalier. 3. 5,5–8,4 s, page claire. Un graphique se dessine : des axes étiquetés « idée » et « vidéo », un losange bleu encre profond à chaque extrémité et une ligne rose droite entre eux avec deux points-poignées orange. En dessous, un carré arrondi bleu encre profond parcourt une piste de gauche à droite à vitesse constante, tandis qu'une tête de lecture rose translucide et un point suivent la ligne. Le carré laisse onze fantômes au contour orange régulièrement espacés, chacun avec un petit trait sous la piste. Une note « images clés à traquer » s'écrit avec une longue flèche vers la ligne. Un curseur de souris apparaît en fondu, attrape la poignée du bas et tire les deux poignées vers l'extérieur en un quart de seconde, courbant la ligne en un S d'ease in-out. La note est ensuite barrée d'un trait droit net au milieu de ses lettres, suivant son inclinaison jusqu'à la dernière lettre. Les fantômes orange s'effacent, et « un chat au lieu d'une timeline » s'écrit en rose avec une coche dessinée à la main. Le carré repart en une seconde sur la nouvelle courbe, et ses fantômes roses se resserrent aux deux extrémités et s'écartent au milieu. À son arrivée, une note « ouvrez l'app ! » le désigne. Toute la page est ensuite poussée vers la gauche en six images avec un fort flou horizontal, tandis que la page sombre entre en poussant. 4. 8,4–13,1 s, page sombre. Une tête rose file en huit à travers le cadre, une boucle par seconde, traînant une chaîne de quatorze cercles qui s'estompent. Une grille de petits points tous les 60 px réagit. Les points proches de la tête sont repoussés et deviennent orange, ceux qu'elle vient de dépasser deviennent roses puis rose foncé, et ceux qui n'ont pas été touchés restent gris-violet, de sorte que le champ continue de bouger après le passage de la tête. Une note « de l'idée à la vidéo » pointe avec une flèche vers la traîne. À partir de 10,6 s, tout le champ bascule en 3D, tourne, rétrécit en une petite carte rose et s'effondre en un point au centre. Le point grandit, un épais anneau gonfle autour de lui et s'amincit jusqu'à un trait très fin, et un cadran de soixante graduations et de quatorze petits carrés arrive en tournant. Un arc de progression blanc et un compteur vont de 2 à 100 pour cent en environ 1,4 s tandis que les carrés se remplissent de rose un à un. À 100 pour cent, l'indicateur rétrécit et disparaît, et le point s'accroupit en un ovale aplati sur son sol (anticipation). La note « l'agent l'anime » se tient à droite de l'anneau, à distance, avec une longue flèche vers le point. Le point jaillit ensuite vers le haut, étiré, hors du cadre, et retombe dans le plan suivant. 5. 13,1–15 s, page claire. La page claire s'ouvre en un cercle rapide depuis l'endroit où le point atterrit. Un bloc de nom est centré dans le cadre, avec [ta marque] composée sur deux lignes. La première ligne tombe lettre par lettre avec inclinaison, comme PRÊT À. La seconde ligne sort du sol en dessous, de droite à gauche, avec le même ressort que BOUGER, et le point rose lui sert de point final. Un court appel à l'action tel que « essayez gratuitement : [ton site web] » s'écrit dessous, avec une flèche vers le haut jusqu'au point. Le point saute une fois et se stabilise pour finir. </structure> <composition> Deux pages. La page claire est #FAF9FF au centre, passant au lavande #F0EDFF avec une douce vignette violette dans les coins. La page sombre est bleu encre profond #1C0B5D avec une vignette légèrement plus sombre. Toutes deux ont une trame de points discrète tous les 48 px. Les titres sont composés dans une grotesque condensée très grasse (Anton). Les notes et les étiquettes sont dans une écriture manuscrite au marqueur (Playpen Sans, semi-bold), toutes inclinées du même angle de 2 degrés : rose sur la page claire, rose clair sur la sombre. Palette : accent principal rose #FB2D89, second accent orange #FE9117, texte et formes pleines en bleu encre profond #1C0B5D, texte blanc sur la page sombre et gris-violet atténué #6B6385 pour l'interface. Les flèches dessinées à la main partent un peu à l'écart de leur note et ne touchent jamais ses lettres. Les notes ne chevauchent jamais les titres ni les formes. Deux éléments sont toujours à l'écran. En haut à droite, un timecode défilant (par ex. « 00:00:03:11 ») en gras condensé, gris-violet atténué, d'environ 31 px. En bas, une timeline de chapitres : une ligne fine avec de petites graduations tous les 55 px, un losange au début de chaque chapitre, une ligne de progression plus sombre derrière une petite tête de lecture et le nom du chapitre en cours écrit à la main au-dessus (« décrire », « texte », « affiner », « effets 3D », « aperçu », « export » ; à remplacer par les tiens). Les couleurs de l'interface changent avec les scènes claires et sombres. Les blocs de titre sont centrés dans le cadre. </composition> <techniques> Les notes s'écrivent trait par trait, et leurs flèches se tracent de la queue à la pointe juste après. Le nom de chaque chapitre s'écrit en 0,17 s pendant que le précédent s'efface. Chaque losange de la timeline se remplit et fait pop quand la tête de lecture l'atteint. Squash and stretch à chaque contact : le point s'aplatit à l'atterrissage et s'étire dans le sens de sa vitesse en l'air. Les lettres qui sortent du sol montent de derrière la ligne, dépassent jusqu'à 1,2 fois leur hauteur, sautent et se stabilisent avec un petit écrasement en une demi-seconde, décalées de 45 ms de droite à gauche. Les lettres qui tombent arrivent par la gauche, inclinées jusqu'à 20 degrés, et se redressent avec un léger dépassement. Transitions : à 3,7 s, une coupe franche du clair au sombre juste après l'écrasement du titre ; à 5,5 s, un balayage de trois images depuis le bas avec un bord doux en escalier ; à 8,4 s, une poussée horizontale de six images avec un fort flou de mouvement horizontal ; à 13,1 s, le point est lancé hors du cadre, tombe dans le plan suivant et ouvre la page claire en un cercle rapide. Tout le reste reste à plat, sans flou. </techniques> <music> Un morceau synthwave/électro énergique à 128 BPM, d'exactement 15 secondes, dont la propre batterie porte le rythme. Arc : une courte intro filtrée sous la balle qui rebondit, puis le drop exactement quand BOUGER jaillit à 1,9 s, avec la grosse caisse du morceau sur chaque temps. Le groove complet dure jusqu'à environ 5,6 s, suivi d'un breakdown sans grosse caisse sous le graphique d'easing. Un build ramène le groove, qui revient sur le whip à 8,5 s. Un riser joue pendant que l'indicateur se remplit, et un boom final avec un sub drop tombe sur le premier temps quand la lumière s'ouvre sur le nom (environ 13,2 s). Le groove s'achève sur un court fondu final. Ne superpose aucune grosse caisse, clap ni charleston supplémentaire au morceau : une grosse caisse par temps, sans flams. </music> <sound> Des effets sonores sur les moments de l'image : un boom sur le drop à 1,9 s, un swoosh sur la coupe vers la page sombre à 3,7 s et un clap sur le flash orange d'une image à 5,13 s. Un whoosh sur le balayage à 5,5 s et un plus grand sur le whip à 8,4 s. Un doux clic quand le curseur attrape la poignée, un court whoosh quand le point est lancé et le boom final avec sub drop vers 13,2 s. Pas de voix off. Mixe à environ -14 LUFS avec un true peak inférieur à -1 dBTP. </sound>

Utilisé 3 fois
Simple Motion

Boucle d'interface morphing pilotée par un curseur qui clique

<direction> Réalise une vidéo carrée de 14 secondes (1440x1440, 30 i/s) : une boucle de motion UI sans raccord, entièrement dessinée, sans coupes. Une forme arrondie se transforme sans cesse d'un composant d'interface au suivant : bouton, loader, coche, pilule île, lecteur de musique, curseur de volume, interrupteur, onglets, graphique, pilule de recherche, palette de commandes, toast, puis retour au bouton. Un curseur à l'écran pilote chaque changement et clique et glisse pour de vrai. La dernière image doit correspondre à la première pour que ça boucle. Le style est net et calme : un fond lavande, des composants encre profond et blancs et une seule police d'interface propre. La seule couleur vient de mon logo, qui tient lieu de pochette d'album. Il se passe quelque chose sur presque chaque temps, à environ 120 BPM. Évite les halos, les dégradés sur l'interface, les particules, les easings rebondissants, les coupes et la voix. Tous les mots à l'écran ci-dessous sont des exemples à remplacer par les miens. Garde-les à peu près de la même longueur pour que la mise en page tienne. </direction> <structure> 0.0-0.6 s : un bouton pilule encre profond « Open app » (environ 640x200 px, texte blanc de 62 px). Le curseur glisse depuis le bas à droite et appuie dessus à 0.46 s, et le bouton descend à 96 %. 0.6-1.25 s : il se réduit en un cercle de 230 px avec un arc blanc qui tourne, puis une coche blanche se dessine toute seule. 1.25-1.75 s : le cercle s'étire en pilule île (environ 860x210) avec mon logo en petit carré arrondi à gauche et cinq barres de forme d'onde blanches qui rebondissent à droite. 1.75-3.7 s : l'île s'ouvre en une carte de lecteur encre profond (environ 990x630, coins de 72 px). Le logo grandit en pochette de 224 px comme élément partagé, à côté du titre « Ideas in motion » et de « [your site] » en lavande douce. En dessous se trouvent une fine barre de progression blanche avec une poignée, « 01 » et « 03 » à ses extrémités, et des icônes précédent / pause / suivant. Le curseur clique sur pause, qui devient lecture par un flou rapide, puis clique pour revenir à pause. Il saisit ensuite la poignée, qui grandit de 25 %, et la fait glisser d'environ un tiers jusqu'à presque la fin. 3.7-5.25 s : la carte s'effondre en une large pilule de volume (environ 1070x186) avec une icône de haut-parleur. Le curseur fait glisser le niveau presque à zéro, puis vers le haut et au-delà du maximum. Toute la pilule s'étire vers la droite comme du caoutchouc, jusqu'à environ 170 px, puis revient avec un petit rebond au relâchement. 5.25-6.25 s : elle devient un interrupteur (environ 520x260). La poignée apparaît grise au milieu, puis bascule sur on, off, on, off, avec un appui à chaque fois. On est une piste encre profond avec la poignée blanche à droite. Off est une piste pâle #E9E4F2 avec la poignée à gauche. 6.25-7.25 s : la poignée grandit en indicateur encre profond d'une barre d'onglets blanche « Pick » / « Describe » / « Export ». Le curseur clique sur « Describe », puis sur « Export ». L'indicateur s'étire en avant et rattrape son retard, et l'étiquette en dessous devient blanche. 7.25-9.7 s : la barre d'onglets s'ouvre en une carte de graphique blanche (environ 1100x840), avec les onglets déplacés en haut et l'indicateur devenu une petite pilule. Un grand nombre en gras défile « 01 », « 02 », « 03 » avec un léger flou au-dessus de la légende « Refine in words, then export ». Pendant ce temps, une ligne encre profond se dessine de gauche à droite en environ une demi-seconde sur une zone lavande et quatre traits fins. Le curseur parcourt la ligne avec une infobulle encre profond indiquant « 01 », « 02 », « 03 » au passage, suivie d'un point et d'un repère en pointillés. Un clic sur « Describe » fait défiler le nombre jusqu'à « 02 » avec la légende « Describe your idea », et la courbe se transforme en une autre, plus basse et plus ondulée. 9.7-10.1 s : la carte s'effondre en une pilule de recherche blanche avec une icône de recherche, « Edit in words » et « ⌘K » à droite. 10.1-11.75 s : la pilule s'ouvre en une palette de commandes (environ 1060x830). En haut, une ligne de recherche avec le texte indicatif « Describe your idea » et un curseur clignotant, puis un trait fin. Cinq lignes suivent, entrant à 40 ms d'intervalle, chacune avec une tuile d'icône lavande : « Pick a template ⌘N », « MP4 export ⌘E », « Ideas in motion », « Live preview », « Your AI motion designer ↵ ». Le mot « motion » est tapé lettre par lettre, à environ 0.1 s d'écart et légèrement irrégulier, avec le curseur fixe pendant la frappe. Le mot tapé doit correspondre à exactement deux lignes. Les lignes qui ne correspondent plus disparaissent dans un flou, les deux correspondantes remontent, le panneau se raccourcit avec un ressort et la vue se rapproche. Une surbrillance lavande se pose sur la première correspondance, descend jusqu'à « Your AI motion designer » et devient encre profond sur Entrée. 11.75-12.6 s : la palette se replie en passant par une teinte plus claire pour devenir un toast encre profond (environ 970x180) avec une coche blanche et « Your AI motion designer », tandis que la vue se détend. 12.6-14 s : le texte du toast se brouille en « Open app » et la pilule se réduit de nouveau jusqu'au bouton du début. Elle tient jusqu'à la fin, avec le curseur au repos en bas à droite, de sorte que la dernière image correspond à la première. </structure> <composition> Le fond est lavande #F0EDFF avec une douce lueur blanche juste au-dessus du milieu et une légère vignette. Les composants sont encre profond #1C0B5D ou panneaux blancs #FFFFFF. Le texte atténué est #6B6385, et les traits fins et l'état off de l'interrupteur sont #E9E4F2. Tous les panneaux projettent de longues ombres douces teintées d'encre. Les seuls accents de couleur sont les couleurs de mon logo, ici rose #FB2D89 et orange #FE9117, donc utilise les couleurs de ton logo. Le logo apparaît comme le petit carré arrondi de l'île et comme la pochette du lecteur. Tout le texte est en Geist, et les petits chiffres du lecteur en Geist Mono. Le curseur est une flèche presque noire (#0D0B1E) avec un contour blanc. Tout reste centré sur le fond. </composition> <techniques> La forme unique change de largeur, de hauteur, de rayon de coin et de couleur sur des ressorts serrés : environ 0.25 s pour se stabiliser, avec au plus environ 1 % de dépassement. Ce qui se trouve dans chaque état apparaît et disparaît en 0.1 s avec un flou de 10 px, de sorte que le texte ne se chevauche jamais pendant que le conteneur se redimensionne. Les changements de texte, comme de pause à lecture et du texte du toast de retour à « Open app », passent aussi par un flou rapide. Le curseur se déplace sur des courbes fluides et rétrécit d'environ 14 % tant que son bouton est maintenu. Le logo passe de l'île à la pochette du lecteur comme élément partagé. La pilule de volume s'étire comme du caoutchouc quand on tire au-delà du maximum, puis revient avec un petit rebond. Le bord d'attaque de la poignée de l'interrupteur suit un ressort plus raide que son bord de fuite, si bien que la poignée s'étire en route. L'indicateur d'onglets s'étire en avant et rattrape son retard de la même façon. Les nombres du graphique défilent avec un léger flou, la ligne se dessine de gauche à droite en environ 0.5 s, et la courbe se transforme vers sa nouvelle forme au changement d'onglet. Les lignes de la palette entrent à 40 ms d'intervalle, et les lignes filtrées disparaissent dans un flou. La caméra reste fixe, sauf un doux zoom avant de 17 % tant que la palette est courte, qui se relâche quand le toast se forme. </techniques> <music> Génère un morceau instrumental entraînant de rockabilly / country-rock en mi bémol à environ 120 BPM, exactement aussi long que la vidéo. Il a un groove boom-chick, avec la grosse caisse sur le temps et la caisse claire sur les croches intermédiaires, et des licks de guitare solo twangy par-dessus la basse et la batterie. Il démarre à pleine énergie dès la première image et reste constant. Cale les actions du curseur et les transformations sur sa grille rythmique. Vers 13.4 s, le groupe s'arrête sur un seul coup avec une cymbale crash et la laisse résonner, pour que la boucle revienne en rythme. </music> <sound> Effets sonores composés pour l'image, par-dessus la musique : - Chaque appui du curseur fait un clic avec un tic court et brillant et une petite résonance tonale. Chaque relâchement donne un tic plus doux et plus aigu. Les deux sont légèrement panoramiqués avec le curseur. - Un minuscule bip quand la coche apparaît. - Une cymbale inversée qui monte jusqu'au clic sur l'onglet « Export ». - Un doux boum grave quand la carte du graphique s'ouvre. - La recherche est tapée à la machine à écrire : deux touches pour ⌘K, un clac par lettre tapée, une touche plus légère pour la flèche vers le bas, et une Entrée lourde avec une petite clochette de machine à écrire. - Un zip de retour chariot quand la palette se replie en toast, finissant par un clonc quand le toast se pose. - Un boum profond et un splash sous l'arrêt final. Les aigus de la musique baissent un instant sous chaque clic et chaque touche pour qu'ils se distinguent. Pas de voix. Mixage à environ -14 LUFS, avec un true peak inférieur à -1 dBTP. </sound> <references> Des boucles fluides de morphing d'interface à forme unique, comme dans les showreels d'UI produit et les transitions de style Dynamic Island, où un conteneur se remodèle sans cesse en le composant suivant dans un seul plan continu. </references>

Simple Motion

Une feuille pliante en showreel, sans coupes

Réalise un showreel de motion design horizontal de 24 secondes en 1920x1080 avec du son, construit autour de mon sujet. Tiens-toi à un seul concept : une unique feuille rouge qui ne quitte jamais l'écran et qui n'est jamais coupée ni enchaînée en fondu. Chaque scène naît de la précédente en pliant et en transformant les formes, le texte et la couleur. Utilise une seule police sans empattement bien grasse, une palette de rouge, blanc cassé et quasi-noir (remplace-la par les couleurs de [your brand]) et une caméra plate et cohérente. Scènes, à parts de temps égales, avec quelque chose qui se passe à chaque temps à 120 BPM : 1) Accroche : la feuille se plie par claquements rapides. 2) Texte cinétique : quatre mots comme "FOLD", "BEND", "TURN", "MOVE" (remplace-les par les tiens) se retournent sur le temps. 3) Morphing de formes : la feuille devient un cercle, un carré, un triangle et une capsule. 4) De la 2D à la 3D : un patron de cube à plat se plie en un cube 3D. 5) Données/UI : le couvercle du cube s'ouvre sur un tableau de bord avec un nombre qui compte et des barres animées. 6) Les barres deviennent des bandes d'accordéon qui s'enclenchent en une feuille plein cadre avec un mot géant. 7) Titre de fin "[your brand]" dans la dernière demi-mesure, se repliant pour que l'image finale corresponde à la première et que la vidéo boucle. Mouvement : easing ressort et exponentiel, sans rebond, flou de mouvement sur les mouvements rapides, aucun arrêt de plus d'une demi-seconde. Pas de particules, lueurs, flares, tremblements, décalage RVB, fondus enchaînés ni dégradés. Son : une bande-son synthétique avec une grosse caisse sur chaque temps, un riser vers le moment le plus fort et un impact à chaque changement de scène.

Utilisé 50 fois
Simple Motion

Lancement de produit façon keynote en un seul plan continu

Fais une vidéo carrée de 1440x1440, 27 secondes, avec du son, dans le style d'une présentation Apple. Uniquement en 2D, un seul plan continu : pas de coupes, de fondus, de flou, de particules ni de lueurs. Chaque scène naît de la précédente, les objets changent de forme. Le texte monte depuis une ligne de masque, les icônes jaillissent de zéro avec un effet de ressort, les barres se dessinent, les pages glissent, et une forme noire remplit l'image puis se réduit pour devenir la scène suivante. Palette : off-white chaud, interface noire, verre façon iOS 26 par-dessus des photos. Polices : un grotesque très large et gras pour le mot-logo et Geist pour l'interface. Le curseur fait de vrais clics, glisser-déposer et appuis longs, et la caméra zoome comme dans Screen Studio, de sorte que chaque instant remplit le carré. Rythme de 120 BPM, à chaque temps il se passe quelque chose. 1) Le mot « [your brand] » se réduit à son propre point, le point grandit en une pilule noire, une légende monte à l'intérieur. Clic : six lamelles de diaphragme se ferment et s'ouvrent sur une photo. 2) Le cercle devient un carré et rétrécit, une grille de photos se déplie en dessous comme une carte en papier, puis se réorganise en bento. Le zoom sur une tuile tombe sur le drop. 3) Le mot en verre « Edit » fond en une goutte, la goutte devient une barre d'outils, la barre d'outils un curseur. Le glissement du curseur recolore la photo en lumière d'heure dorée, le bouton devient une lentille, puis une sphère, puis un écran de verrouillage. 4) Final : une forme noire remplit l'image et se réduit en un mur clair avec des ombres de feuilles qui défilent, un cadre avec un tirage est accroché au mur, le mot « [your brand] » revient. Musique avec un drop et un breakdown calme, clics et déclics exactement sur le temps.

Utilisé 19 fois
Simple Motion

Showreel de site web de 15 secondes avec un objet fil rouge

Fais une vidéo horizontale en 1920x1080, de 15 secondes, avec du son : un showreel de mon site web. Utilise le vrai logo, les vrais textes et l'apparence réelle de l'interface du site, n'invente rien : ni fonctionnalités ni chiffres. Choisis un objet fil rouge issu du produit lui-même (le curseur, le bouton principal ou le symbole du logo) et nomme-le avant le storyboard. Chaque scène doit être sa métamorphose : il commence dans l'interface, change de forme ou de rôle à chaque scène et, dans le final, devient le logo sur la carte de fin. Redessine l'interface en calques vectoriels pour que ses éléments bougent séparément ; ne fais pas glisser de captures d'écran plates. Le curseur fait lui-même les clics et les glisser-déposer. La caméra, dans le style screen-studio, avance de façon que chaque instant remplisse le cadre. Dans chaque scène, elle passe doucement de l'échelle 1.0 à 1.04 et ne reste jamais immobile, et la scène suivante commence à l'échelle où la précédente s'est terminée. Style : couleurs de la marque et une seule police de marque, beaucoup d'espace vide. Une seule couleur d'accent, uniquement sur l'objet fil rouge et le mot clé, par exemple « Make videos by chatting » (remplace-le par ton propre texte). Mouvement : ressorts avec peu de dépassement, rien n'apparaît de nulle part, tout pousse, se déploie ou se révèle par un masque, quelque chose change à chaque temps. Son : musique originale sans voix, 120 BPM, grosse caisse sur chaque temps, clap un temps sur deux, basse et arpège brillant, un accord à chaque changement de scène. Avant le point culminant à la 12e seconde, ajoute une montée avec des charlestons rapides et le coup le plus fort. Chaque scène a besoin de courts effets sonores, par exemple des clics sur les éléments. Volume d'environ -14 LUFS.

Utilisé 9 fois
Simple Motion

Une forme se transforme en 10 éléments d'interface en rythme

Réalise une vidéo verticale 1080x1920 d'environ 22 secondes, avec du son. Scène sombre, graphismes noir et blanc et une seule couleur d'accent, le bleu électrique. Au centre, une seule forme géométrique qui, sans coupes, passe en douceur d'un élément d'interface à un autre. 10 états au total, un par mesure sur une musique à 120 BPM : bouton, loader, interrupteur, curseur, onglets, lecteur, graphique, notification toast, palette de commandes avec saisie de texte, et à la fin de nouveau le bouton. Chaque transformation tombe sur le temps : la forme s'étire de façon élastique et change de forme, les éléments intérieurs apparaissent avec un léger décalage et une mise à l'échelle, et les anciens disparaissent en douceur. Police grotesque géométrique épurée, courts libellés comme "Lecture" ou "Recherche" (remplace-les par les tiens). Musique : un morceau électronique énergique à 120 BPM, calé sur l'image selon la grille des mesures. Beaucoup d'effets sonores, chacun exactement sur l'image de l'action : l'interrupteur a un clic net et un court whoosh, et un tintement brillant à l'activation ; le curseur a un cliquet dont la hauteur monte avec le mouvement et un clic doux à la fin ; à la saisie du texte, chaque lettre a son propre clic de touche avec de légères différences de hauteur, la barre d'espace étant plus sourde ; le loader tictaque doucement ; les onglets glissent et s'enclenchent ; le bouton s'enfonce avec un bruit de clic.

Utilisé 3 fois
Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

Les cookies essentiels mémorisent vos réglages du site. Avec votre accord, Google Analytics nous aide à comprendre comment Motion Fab est utilisé. Vous pouvez modifier votre choix en pied de page.

Vos choix de confidentialité au titre des lois des États américains applicables en la matière. Politique de confidentialité

Les cookies essentiels mémorisent vos réglages du site. Avec votre accord, Google Analytics nous aide à comprendre comment Motion Fab est utilisé. Vous pouvez modifier votre choix en pied de page.

Vos choix de confidentialité au titre des lois des États américains applicables en la matière. Politique de confidentialité