Motion Fabvotre motion designer IA

Prompts de la communauté

Animations de logo

Animations de logo : 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

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

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

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

Film de marque en une seule ligne dorée

Réalise un film de marque vertical 1080x1920 d'une durée de 12 secondes dans un style line-art : une seule ligne continue et fine, de couleur or champagne et d'épaisseur constante, sur un fond bleu nuit profond. La ligne est guidée par une pointe de plume doucement lumineuse. La ligne ne s'interrompt jamais : elle dessine d'abord une graine, d'où pousse une tige avec deux feuilles, le tronc devient le mur d'une tour, l'ossature de branches et de murs se compose en un bâtiment, le bâtiment s'étire en une silhouette de ville, et la ligne d'horizon monte et se referme en un anneau avec un monogramme. Après la fermeture, le monogramme se remplit d'or à partir du point où la ligne s'est refermée. La plume ralentit à chaque courbe et à chaque angle, et les anciennes portions de la ligne s'estompent peu à peu. La caméra suit la plume et, dans le final, recule doucement, de sorte que tout le dessin se lit comme une affiche. En bas apparaît le nom « [your brand] » (remplace-le par le tien) en lettres fines et très espacées. Son : piano doux à marteaux feutrés, tendre montée des cordes et fin tintement de clochette exactement au moment où le monogramme se remplit.

Utilisé 12 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

Clip artistique rapide pour une marque en mode clair

Fais une publicité verticale dynamique pour [your brand], d'environ 14–15 secondes. Style : remake artistique audacieux en mode clair, fond blanc pur, palette vive, sans « artistique » beige et sans petits sous-titres. Sur les photos, des coups de pinceau dessinés à la main et des éléments graphiques éclatants. Le montage est très rapide, tout est fluide, chaque morphing est net. 1) 0–1,5 s : le symbole de [your brand] tourne comme s'il réfléchissait et jaillit en longs rayons. Au bout des rayons surgissent huit petites photos qui se rassemblent en une seule. 2) 1,5–3,5 s : un mot par temps fort, par exemple « écris · construis · découvre » (remplace par les tiens). Les mots se transforment les uns en les autres en gros caractères gras. 3) Ensuite, les photos sont tantôt petites, tantôt grandes, tantôt plusieurs à la fois. Il y a des zooms rapides, dont un brusque zoom avant sur une statue, et des animations vectorielles nettes du symbole. 4) Avant la fin, tout s'apaise, un symbole 3D apparaît et à la fin il reste le logo sur fond clair. Musique : lumineuse, ensoleillée, en majeur, avec un groove syncopé vivant de tabla, de claquements et de percussions en bois, un motif de clochettes, une basse élastique et de courts accords de piano électrique. Sur le zoom vers la statue, le motif monte en volume. Avant le symbole 3D, la musique s'éteint en un nuage lumineux, et sur le logo résonne un accord majeur ouvert avec une clochette. Les mouvements sont accompagnés de sons brefs.

Utilisé 29 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é