Motion Fabvotre motion designer IA
Simple Motion

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

Un jingle d'app de 12 secondes en écran partagé : clic de curseur, icônes en orbite, prompt tapé, texte défilant et carte finale percutante, à deux fréquences d'images.

Publié

Utiliser le prompt

Le prompt s’ouvre dans l’app : ajoutez vos propres éléments, et l’agent construit la vidéo.

Signaler ce prompt

Prompt

Intention

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.

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.

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.

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.

Musique

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.

Son

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.

Références

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.

À préparer

  • Ton logo ou ton icône d'app carrée, utilisé comme icône d'app dans chaque plan où un logo apparaît.

Autres prompts

Aperçu du prompt « Plongée dans un mur d'apps 3D : démo produit en trois étapes »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>

Aperçu du prompt « Promo de landing page avec transitions par objets »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>

Aperçu du prompt « Vidéo de lancement d'app cinétique avec maquette d'interface animée »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
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é