Motion Fabil tuo motion designer AI
IT
Apri l’app beta
Simple Motion

Loop di UI in morphing guidato da un cursore che clicca

Una forma arrotondata si trasforma da pulsante a lettore, cursore, toggle, schede, grafico e palette di comandi in un loop quadrato continuo di 14 secondi guidato da un cursore.

Pubblicato

Usa il prompt

Il prompt si apre nell’app: aggiungi i tuoi materiali e l’agente crea il video.

Segnala questo prompt

Prompt

Concept

Realizza un video quadrato di 14 secondi (1440x1440, 30 fps): un loop di motion UI senza giunture, tutto disegnato, senza stacchi. Una forma arrotondata continua a trasformarsi da un componente di interfaccia al successivo: pulsante, loader, spunta, pillola isola, lettore musicale, cursore del volume, toggle, schede, grafico, pillola di ricerca, palette di comandi, toast e di nuovo il pulsante. Un cursore sullo schermo guida ogni cambiamento e clicca e trascina davvero. L'ultimo fotogramma deve coincidere con il primo per fare il loop. Lo stile è pulito e calmo: una tela lavanda, componenti inchiostro profondo e bianchi e un solo font UI pulito. L'unico colore viene dal mio logo, che fa da copertina dell'album. Succede qualcosa su quasi ogni battito a circa 120 BPM. Evita bagliori, gradienti sull'interfaccia, particelle, easing rimbalzanti, stacchi e voce. Tutte le parole a schermo qui sotto sono esempi da sostituire con le mie. Tieni ognuna più o meno della stessa lunghezza perché il layout regga.

Struttura

0.0-0.6 s: un pulsante a pillola inchiostro profondo "Open app" (circa 640x200 px, testo bianco da 62 px). Il cursore scivola da in basso a destra e lo preme a 0.46 s, e il pulsante scende al 96%.
0.6-1.25 s: si riduce in un cerchio da 230 px con un arco bianco che gira, poi una spunta bianca si disegna da sola.
1.25-1.75 s: il cerchio si allunga in una pillola isola (circa 860x210) con il mio logo come piccolo quadrato arrotondato a sinistra e cinque barre bianche di forma d'onda che rimbalzano a destra.
1.75-3.7 s: l'isola si apre in una scheda lettore inchiostro profondo (circa 990x630, angoli da 72 px). Il logo cresce in una copertina da 224 px come elemento condiviso, accanto al titolo "Ideas in motion" e a "[your site]" in lavanda tenue. Sotto ci sono una sottile barra di avanzamento bianca con un cursore, "01" e "03" agli estremi e icone indietro / pausa / avanti. Il cursore clicca su pausa, che diventa play con una rapida sfocatura, poi clicca di nuovo per tornare a pausa. Poi afferra il cursore, che cresce del 25%, e lo trascina da circa un terzo fino quasi alla fine.
3.7-5.25 s: la scheda collassa in una larga pillola del volume (circa 1070x186) con un'icona di altoparlante. Il cursore trascina il livello quasi a zero, di nuovo su e oltre il massimo. L'intera pillola si allunga verso destra come gomma, fino a circa 170 px, poi torna indietro con un piccolo ondeggiamento al rilascio.
5.25-6.25 s: diventa un toggle (circa 520x260). Il pomello appare grigio al centro, poi scatta su on, off, on, off, con una pressione ogni volta. On è una traccia inchiostro profondo con il pomello bianco a destra. Off è una traccia chiara #E9E4F2 con il pomello a sinistra.
6.25-7.25 s: il pomello cresce fino a diventare l'indicatore inchiostro profondo di una barra di schede bianca "Pick" / "Describe" / "Export". Il cursore clicca su "Describe", poi su "Export". L'indicatore si allunga in avanti e recupera, e l'etichetta sotto diventa bianca.
7.25-9.7 s: la barra di schede si apre in una scheda grafico bianca (circa 1100x840), con le schede spostate in alto e l'indicatore diventato una piccola pillola. Un grande numero in grassetto scorre "01", "02", "03" con una leggera sfocatura sopra la didascalia "Refine in words, then export". Nel frattempo una linea inchiostro profondo si disegna da sinistra a destra in circa mezzo secondo su un'area lavanda e quattro linee sottili. Il cursore scorre lungo la linea con un tooltip inchiostro profondo che dice "01", "02", "03" lungo il percorso, seguito da un punto e da una guida tratteggiata. Cliccando su "Describe" il numero scorre a "02" con la didascalia "Describe your idea", e la curva si trasforma in una più bassa e più ondulata.
9.7-10.1 s: la scheda collassa in una pillola di ricerca bianca con un'icona di ricerca, "Edit in words" e "⌘K" a destra.
10.1-11.75 s: la pillola si apre in una palette di comandi (circa 1060x830). In alto c'è una riga di ricerca con il segnaposto "Describe your idea" e un cursore lampeggiante, poi una linea sottile. Seguono cinque righe, che entrano a 40 ms l'una dall'altra, ciascuna con una tessera icona lavanda: "Pick a template ⌘N", "MP4 export ⌘E", "Ideas in motion", "Live preview", "Your AI motion designer ↵". La parola "motion" viene digitata una lettera per tasto, a circa 0.1 s di distanza e leggermente irregolare, con il cursore fisso mentre si digita. La parola digitata deve corrispondere esattamente a due righe. Le righe che non corrispondono più svaniscono sfocate, le due corrispondenti scorrono verso l'alto, il pannello si accorcia con una molla e la vista si avvicina. Un'evidenziazione lavanda si posa sulla prima corrispondenza, scende fino a "Your AI motion designer" e diventa inchiostro profondo con Invio.
11.75-12.6 s: la palette si ripiega passando per una tinta più chiara in un toast inchiostro profondo (circa 970x180) con una spunta bianca e "Your AI motion designer", mentre la vista si rilassa.
12.6-14 s: il testo del toast si sfoca in "Open app" e la pillola si riduce di nuovo fino al pulsante iniziale. Resta fino alla fine, con il cursore a riposo in basso a destra, così l'ultimo fotogramma coincide con il primo.

Composizione

La tela è lavanda #F0EDFF con un morbido bagliore bianco appena sopra il centro e una leggera vignettatura. I componenti sono inchiostro profondo #1C0B5D o pannelli bianchi #FFFFFF. Il testo attenuato è #6B6385, e le linee sottili e lo stato off del toggle sono #E9E4F2. Tutti i pannelli proiettano ombre lunghe e morbide tinte d'inchiostro. Gli unici accenti di colore sono i colori del mio logo, qui rosa #FB2D89 e arancione #FE9117, quindi usa i colori del tuo logo. Il logo appare come il piccolo quadrato arrotondato dell'isola e come la copertina del lettore. Imposta tutto il testo in Geist, e i piccoli numeri del lettore in Geist Mono. Il cursore è una freccia quasi nera (#0D0B1E) con contorno bianco. Tutto resta centrato sulla tela.

Tecniche

L'unica forma cambia larghezza, altezza, raggio degli angoli e colore su molle rigide: circa 0.25 s per assestarsi, con un overshoot al massimo di circa l'1%. Tutto ciò che sta dentro ogni stato entra ed esce in 0.1 s con 10 px di sfocatura, così il testo non si sovrappone mai mentre il contenitore cambia dimensione. Anche i cambi di testo, come da pausa a play e dal testo del toast di nuovo a "Open app", passano per una rapida sfocatura.
Il cursore si muove su curve morbide e si riduce di circa il 14% mentre il suo pulsante è premuto.
Il logo passa dall'isola alla copertina del lettore come elemento condiviso.
La pillola del volume si allunga come gomma quando viene tirata oltre il massimo, poi torna indietro con un piccolo ondeggiamento.
Il bordo anteriore del pomello del toggle segue una molla più rigida di quello posteriore, così il pomello si allunga mentre si muove. L'indicatore delle schede si allunga in avanti e recupera allo stesso modo.
I numeri del grafico scorrono con una leggera sfocatura, la linea si disegna da sinistra a destra in circa 0.5 s, e la curva si trasforma nella nuova forma al cambio di scheda.
Le righe della palette entrano a 40 ms l'una dall'altra, e le righe filtrate svaniscono sfocate.
La camera resta ferma, tranne un dolce avvicinamento del 17% mentre la palette è corta, che si rilassa quando si forma il toast.

Musica

Genera un brano strumentale vivace rockabilly / country-rock in mi bemolle a circa 120 BPM, lungo esattamente quanto il video. Ha un groove boom-chick, con la cassa sul battito e il rullante sugli ottavi in mezzo, e licks di chitarra solista twang sopra basso e batteria. Parte a piena energia dal primo fotogramma e resta costante. Posiziona le azioni del cursore e le trasformazioni sulla sua griglia ritmica. A circa 13.4 s la band si ferma su un colpo con un crash e lo lascia risuonare, così il loop riparte a tempo.

Suono

Effetti sonori composti per l'immagine, sopra la musica:

  • Ogni pressione del cursore fa clic con un tic breve e brillante e un piccolo squillo intonato. Ogni rilascio dà un tic più morbido e più acuto. Entrambi sono panoramizzati dolcemente con il cursore.

  • Un minuscolo blip quando appare la spunta.

  • Un piatto invertito che cresce fino al clic sulla scheda "Export".

  • Un morbido boom basso quando si apre la scheda del grafico.

  • La ricerca è digitata a macchina da scrivere: due tasti per ⌘K, un clack per ogni lettera digitata, un tasto più leggero per la freccia giù e un Invio pesante con un piccolo campanello da macchina da scrivere.

  • Uno zip di ritorno del carrello quando la palette si ripiega nel toast, che finisce con un clunk quando il toast atterra.

  • Un boom profondo e uno splash sotto lo stop finale.
    Gli alti della musica calano per un attimo sotto ogni clic e tasto così da farli sentire. Niente voce. Mix a circa -14 LUFS, con true peak sotto -1 dBTP.

Riferimenti

Loop fluidi di morphing d'interfaccia con una sola forma, come negli showreel di UI di prodotto e nelle transizioni in stile Dynamic Island, dove un contenitore continua a rimodellarsi nel componente successivo in un'unica inquadratura continua.

Cosa preparare

  • Il tuo logo o l'icona della tua app, quadrato, idealmente su sfondo trasparente; compare nella pillola isola e cresce fino a diventare la copertina del lettore.

Altri prompt

Anteprima del prompt “Showreel di app fluido da 15 secondi in pura motion graphics”Simple Motion

Showreel di app fluido da 15 secondi in pura motion graphics

<direction> Crea uno showreel orizzontale di motion graphics di 15 secondi per la mia app, 1920x1080 a 60 fps. Tutto è grafica disegnata, senza filmati. L'unica cosa che fornisco è il logo della mia app (un'icona app a quadrato arrotondato). L'idea è un unico movimento continuo in cui ogni sezione passa il suo ultimo oggetto alla successiva. Un punto diventa il logo, il logo diventa il nome, le lettere diventano punti, i punti diventano palline da corsa, una pallina inonda l'inquadratura, una forma si rompe in tessere, le tessere diventano una nuvola di punti 3D, e poi arrivano parole cinetiche e una schermata finale. Ogni sezione mostra una abilità di motion. Usa colori piatti, forme vettoriali nitide e un HUD da mirino di fotocamera sopra tutto, con tagli agganciati a una traccia a 128 BPM. Evita filmati, gradienti e texture, voce fuori campo e qualsiasi sezione che parta dal nulla invece di nascere dalla precedente. </direction> <structure> 1. 0–1,9 s, quasi nero: un punto rosa sta in un sottile anello grigio, e l'anello si apre con expo.out. Un secondo anello si srotola fino a un grande cerchio tenue (0,45 s, expo.out). A 0,5 s il mio logo cresce dal punto, con i suoi livelli che compaiono uno dopo l'altro con back.out. Si assesta più grande a 0,92 s mentre ruota dolcemente. Intorno compare un sottile anello rosa di testo mono che gira ("APP NAME · IDEAS IN MOTION · APPNAME.APP ·", sostituiscilo con il tuo) e ruota lentamente. A 1,7 s il simbolo si rimpicciolisce con un po' di sfocatura tornando un piccolo punto chiaro. 2. 1,9–3,5 s: sul drop a 1,93 s due dischi esplodono dal punto, prima quello chiaro e quello rosa 30 ms dopo (expo.out, 0,3 s), così un sottile anello chiaro cavalca il bordo rosa. Il nome della mia app nel grottesco largo sale lettera per lettera dalla linea di base: ogni lettera è ritagliata nel proprio riquadro, con 30 ms di sfasamento e 0,26 s expo.out. Il nome riempie sempre la stessa larghezza di 1640 px. Una sottile linea scura si disegna dal centro sopra di esso, con "01" che si digita a sinistra e il mio indirizzo web a destra. Da 2,55 s un'onda di larghezza attraversa le lettere: ognuna si comprime dal 150% a circa il 55% di larghezza e torna in 0,6 s, 0,1 s dopo la precedente. La parola viene riadattata a 1640 px a ogni fotogramma, quindi le lettere strette diventano più alte. A 2,84 s uno slogan chiaro in serif corsivo ("ideas in motion") sale parola per parola sotto. A 3,3 s le lettere collassano in punti scuri e lo slogan cade. 3. 3,5–5,6 s: uno stacco diagonale chiaro arriva dal basso a destra (0,16 s). Sei punti scuri si lanciano in curva all'inizio di sei righe (power2.inOut, sfalsati) e prendono i colori delle righe. Un titolo in serif corsivo si digita da sinistra ("Chat instead of a timeline."), con una nota mono a destra ("NO KEYFRAMES · LIVE PREVIEW") e etichette di traccia "IDEA" e "MP4" alle due estremità. - Ogni riga ha un numero rosa, un nome mono ("animated type", "shapes", "transitions", "3D effects", "sound", "live preview"), una minuscola icona di curva che si disegna da sola e una linea di traccia che si disegna da sinistra a destra. - A 4,215 s sei palline (scura, viola, rosa, ripetendo) corrono per 1040 px in esattamente 0,94 s, ciascuna con la propria curva: linear, power2.inOut, expo.out, back.out(1.7), elastic.out(1, 0.3) e bounce.out. - Tacche sopra ogni traccia segnano dove si trovava la pallina a ogni 1/16 della corsa. Tre anelli fantasma sfumanti seguono ogni pallina, le palline si allungano lungo la loro velocità, un punto cavalca ogni icona di curva in sincronia e ogni pallina riceve un alone di contorno all'arrivo. - A 5,3 s le righe sfumano, le palline volano al centro e si fondono, e quella viola si gonfia fino a riempire l'inquadratura. 4. 5,6–7,5 s, viola: un cerchio chiaro balza su da un punto (elastic.out, 0,45 s). Dodici punti satellite sfrecciano su un'orbita (expo.out, a 12 ms l'uno dall'altro). - Dietro ci sono sottili linee guida a croce, un cerchio orbitale tratteggiato con tacche e le etichette "270°" e "90°". - Letture mono ai lati: "SHAPES NO KEYFRAMES" a sinistra e richieste di modifica tra virgolette a destra ("“BIGGER” “SLOWER”", "“ANOTHER COLOUR”"). - Anelli d'onda rosa pulsano attorno al cerchio. - La forma poi si trasforma: cerchio → triangolo → stella → quadrato. Ogni trasformazione dura 0,26–0,3 s su back.out(2,2) con una rotazione di 120°, e contorni eco rosa seguono la forma solo mentre ruota. - I satelliti si trasformano un attimo dopo, uno dopo l'altro, e svaniscono a 7,22 s. Si assesta come un quadrato dritto di 360 px. 5. 7,5–9,75 s, quasi nero: il quadrato si divide in nove tessere da 120 px. Un labirinto truchet cresce anello per anello fino a riempire l'inquadratura (back.out, circa 30 ms per anello); ogni tessera contiene due archi di quarto di cerchio in angoli opposti, disegnati come linee chiare da 20 px. Onde rosa lo attraversano: prima due bande da sinistra a destra, poi un anello che si stringe verso il centro. Le tessere dentro un'onda ruotano di 90 o 180 gradi, si riducono all'80% e diventano rosa, così le linee si spezzano in trattini e poi tornano una volta passata la banda. Una piccola etichetta mono si digita in basso ("SHAPES · TRANSITIONS · NO KEYFRAMES"). Da 9,45 s le tessere collassano dal centro verso l'esterno. 6. 9,5–11,25 s: una griglia di 24 x 24 punti appare dove c'erano le tessere, vista dall'alto. Si inclina in un piano prospettico e si piega in una sfera, un vaso, una massa schiacciata e un toro mentre ruota attorno al suo asse verticale. Tra una forma e l'altra si muove con power2.inOut, con deboli linee tra i vicini, circa un punto su nove rosa, e punti più tenui con la profondità. Un'etichetta mono sta sotto ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT"). Fa zoom attraverso la camera e sfuma a 11 s. 7. 11,25–13,0 s, parole cinetiche: una parola ogni 0,23 s, ciascuna sul proprio sfondo piatto e ciascuna riempie la larghezza con una diversa larghezza dello stesso font. Sostituisci le sei parole con la tua frase. - "IDEA": scuro su rosa, scivola da sinistra, scala da 1,3 a 1, sfocatura che si schiarisce in 0,14 s. - "IN.": chiaro su quasi nero con un punto fermo rosa, entra da destra con sfocatura, e una piccola nota mono in alto a sinistra ("EDIT IN WORDS ↗"). - "VIDEO": ultra-condensato viola sulla pagina chiara, lettere che salgono dal basso a 25 ms l'una dall'altra. - "OUT.": chiaro su viola, entra da sinistra con sfocatura, con una nota in alto a destra ("↘ MP4 EXPORT"). - "NO": scuro su giallo. Le lettere cadono inclinate con back.out, poi copie contornate della parola riempiono righe sopra e sotto e scorrono in direzioni alterne mentre la riga principale va alla deriva verso sinistra. - "KEYFRAMES.": chiaro su quasi nero, scivola a sinistra a velocità costante con una sottile linea diagonale, poi esce veloce con sfocatura. 8. 13,0–15 s, schermata finale: il rosa inonda da destra e un anello chiaro si srotola dal centro (0,42 s). Il mio logo entra ruotando al centro (back.out) con un piccolo scoppio di coriandoli di punti, anelli e triangoli in scuro, chiaro e viola, poi si sposta a sinistra del lockup. Il nome della mia app cade lettera per lettera accanto, da sfocato a nitido, 0,22 s ciascuna. Uno slogan in serif corsivo sale sotto ("your AI motion designer"). Si disegna una linea e sotto si digita una riga mono: "PICK A TEMPLATE · DESCRIBE YOUR IDEA · MP4 EXPORT", un piccolo punto di registrazione, poi il mio indirizzo web a destra. Mantieni l'ultimo secondo. </structure> <composition> Palette, tutto piatto: - nero profondo quasi nero #0d0b1e - rosa acceso #fb2d89 (l'accento principale) - pagina chiara #faf9ff - viola morbido #7c6cf2 - giallo caldo #ffd23f, solo per un taglio cinetico Font: - Un grottesco largo variabile con asse di larghezza (Anybody, peso 900, larghezza 50–150%) per il nome e le parole cinetiche. - Un serif corsivo editoriale condensato (Instrument Serif Italic) per titoli e slogan. - Un mono (JetBrains Mono) per le etichette dell'interfaccia, 14 px, spaziatura tra le lettere 0,16em. Un HUD da mirino di fotocamera copre tutto il video: - Sottili parentesi d'angolo da 2 px, a 44 px da ogni angolo. - In alto a sinistra: il nome della mia app in maiuscolo mono grassetto con uno slogan più tenue dopo ("APP NAME IDEAS IN MOTION"). - In alto a destra: l'etichetta della sezione corrente ("01 — APP NAME", "02 — NO KEYFRAMES", "03 — SHAPES", "04 — EDIT IN WORDS", "05 — 3D EFFECTS", "06 — KINETIC TYPE", "07 — TRY IT FREE"). - In basso a sinistra: un timecode in corsa con fotogrammi ("00:00:03:09") e un breve slogan ("LIVE PREVIEW"). - In basso a destra: un altro slogan ("NO KEYFRAMES"), quattro piccoli quadrati che si accendono uno per battuta, e "MP4". - Lungo il bordo inferiore: una linea di avanzamento da 2 px che cresce con il tempo. L'HUD passa da inchiostro scuro a chiaro a ogni taglio per leggersi su qualsiasi sfondo. Tutte le parole sullo schermo sono esempi da sostituire con le tue. </composition> <techniques> - Ogni sezione termina su un oggetto da cui cresce la successiva: punto a logo, logo di nuovo a punto, dischi a nome, lettere a punti, punti a palline, pallina a inondazione viola, quadrato a tessere, tessere a griglia di punti, nuvola di punti che fa zoom attraverso la camera nelle parole cinetiche. - Ogni nuova etichetta di sezione dell'HUD si digita in 0,3 s, con glifi casuali che corrono davanti al cursore. Anche le altre righe mono si digitano. - Tipografia a larghezza variabile: anima l'asse di larghezza di ogni lettera e riadatta l'intera parola a una larghezza fissa a ogni fotogramma. - Le rivelazioni delle lettere sono ritagliate nel riquadro di ogni lettera. - Usa una leggera sfocatura di movimento solo sui movimenti veloci e una debole frangia di colore viola sul grande stacco a iride. - Contorni eco, anelli fantasma e aloni sono sottili tratti rosa o dello stesso colore che sfumano rapidamente. </techniques> <music> Synth-pop elettronico energico a 128 BPM, primo battere a 0,06 s, lungo esattamente 15 s: - Morbidi accordi di pad simili a campane nella prima battuta. - Dopo il drop a 1,93 s, una cassa four-on-the-floor con clap su 2 e 4, hi-hat in controtempo, un basso synth incisivo e brevi accordi staccati sotto le sezioni. - Un break da circa 10 s che sale verso la sezione cinetica. - Un accordo finale di pad risonante sulla schermata finale. Le sezioni cambiano sulle linee di battuta, il nome atterra sul drop a 1,93 s e i tagli delle parole cinetiche cadono sugli ottavi. </music> <sound> Nessuna voce. Colpi sopra la musica: - un riser lungo la prima battuta - un boom sul drop a 1,93 s - un riser da circa 10 s fino a un colpo punch a 11,25 s - una cassa e un breve whoosh a ogni taglio di parola cinetica - un colpo di piatto a 12,71 s - un boom con l'accordo di pad risonante quando atterra la schermata finale - un piccolo blip a 14,1 s La musica regge la traccia e i colpi arrivano chiari sopra. </sound> <references> Uno showreel da motion designer incrociato con uno sizzle di lancio di un prodotto tech. Combina un overlay da mirino di fotocamera, tipografia cinetica audace in stile svizzero, dimostrazioni di curve di easing, pattern generativi di tessere truchet e una nuvola di punti 3D rotante. </references>

Anteprima del prompt “Spiegazione del prodotto come ricetta di drink disegnata a mano”Simple Motion

Spiegazione del prodotto come ricetta di drink disegnata a mano

<direction> Crea un motion graphic quadrato di 30 secondi (1080x1080, 30 fps) con un sottofondo musicale lounge leggero, effetti sonori giocosi su ogni azione e senza voce. È un video esplicativo disegnato a mano in forma di «ricetta» per il mio prodotto: i suoi passaggi sono mostrati come un drink preparato passo dopo passo in un bicchiere. È un'unica scena illustrata continua senza stacchi, e tutto cambia sul posto. L'aspetto è un'illustrazione 2D piatta su una pagina lavanda-bianco pallido, con contorni d'inchiostro scuro che «ribollono» come nell'animazione disegnata a mano e maiuscole cartoon spesse in stile sticker. Sostituisci ogni parola tra virgolette qui sotto con le parole del mio prodotto, mantenendo ciascuna di lunghezza simile perché il layout regga. Evita stacchi, movimenti di camera, ombreggiature o sfumature oltre i riempimenti piatti, e la voce fuori campo. </direction> <structure> Il ritmo è calmo e uniforme. L'intro è veloce e rimbalzante, ogni versamento dura costanti 5 s, il mescolare e la scorza vanno un po' più veloci, e il finale resta 3 s. Ogni cambio di scheda cade su un battito della musica a 120 BPM: 6,0, 11,0, 16,0, 21,0, 24,5 e 27,0 s. - 0–2,5 s, titolo: «YOUR BRAND» (sostituiscilo con il tuo brand) è disposto grande al centro, largo circa 920 px. Da 0,15 s le sue lettere si imprimono una a una al loro posto in 0,83 s. Ognuna parte dal 10% della dimensione, 22 px più in basso e inclinata di ±8–14°, e atterra in 0,36 s con un morbido overshoot (back.out 1.7). A 1,4 s una piccola riga, «what your product is», appare in dissolvenza sotto di esso e svanisce a 2,45 s. - 2,5–3,6 s, passaggio: il titolo sale di 365 px e si riduce al 58% in 0,8 s (power3.inOut) per diventare l'intestazione. Nel frattempo, da 2,87 s, il bicchiere si disegna da solo come uno schizzo a penna: parete sinistra, parete destra, ellisse del bordo, poi la curva della base, circa 0,4 s in tutto. Poi il suo riempimento appare in dissolvenza (0,28 s) e il sottotitolo dell'intestazione appare sotto il titolo. - 3,6–6,0 s, passaggio 1: la scheda entra con un'inclinazione di 4° e una rapida dissolvenza (0,15 s), e il suo grande valore si imprime da solo. La scheda dice «STEP 01», «PICK», «TEMPLATE» e «vertical, horizontal or square». Il tracker appare in dissolvenza con il primo cerchio attivo. Tre cubetti di ghiaccio cadono da sopra l'inquadratura a 0,35 s di distanza. Ognuno cade con la gravità (power2.in, circa 0,3 s), rimbalza di circa 140 px, saltella di 20 px e si assesta: due sul fondo e uno sopra. Tre piccoli tratti di scintille lampeggiano sopra ogni cubetto quando passa il bordo. Ogni atterraggio riempie un terzo della barra di avanzamento della scheda e aggiunge una parola dello stato «three short words». - 6,0–21,0 s, passaggi 2–4: tre versamenti da 5 s ciascuno, tutti con lo stesso schema. Le schede dicono «STEP 02 / SAY / KINETIC TYPE / tell the chat what to show», poi «STEP 02 / SAY / SHAPES / the agent builds the animation», poi «STEP 02 / SAY / SOUND / music and sound effects to the rhythm». Una bottiglia scivola da sinistra (0,23 s) e sta in piedi. Poi si inclina a 115° su un piccolo arco, un po' in su e poi in giù fino al punto di versamento (0,37 s), e versa un getto curvo nel bicchiere. Le bottiglie sono lavanda, poi rosa, poi inchiostro scuro. Ognuna ha un'etichetta bianca con il mio logo come piccola icona a quadrato arrotondato, una parola («TYPE», «SHAPES», «SOUND») e una piccola riga («kinetic», «3D effects», «music»). Un segno bersaglio grigio («01», poi «02», poi «03») appare accanto al bicchiere con una linea tratteggiata che lo attraversa. Il drink sale fino a quel segno in 2 s (sine.inOut), il ghiaccio galleggia con esso e gocce di schizzo saltano dove cade il getto. Il drink parte bianco e limpido, diventa rosa con il secondo versamento, poi magenta intenso (rosa mescolato a inchiostro scuro) con il terzo, ogni colore sfumando in circa 1,3 s. La barra di avanzamento si riempie e «live preview» si scrive da solo in dieci passi. Poi il segno diventa rosa, la parte alta del getto si stacca e cade, e la bottiglia si reinclina e scivola fuori. - 21,0–24,5 s, passaggio 5: la scheda dice «STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour”». Un leggero cucchiaio da bar con la punta a sfera cade con un rapido ease-out. Dondola di 8° avanti e indietro in un ciclo di 0,8 s mentre i cubetti si urtano e si attenuano, poi esce. La barra si riempie a scatti di 4 fotogrammi mentre «live preview» viene scritto. - 24,5–27,0 s, passaggio 6: la scheda dice «STEP 03 / MP4 / EXPORT / download the MP4». Un ricciolo di scorza d'arancia compare sopra il bicchiere, si attorciglia e si schiaccia per circa 0,8 s mentre cadono gocce arancioni. Poi scivola sul bordo (0,5 s, power2.inOut) mentre «try it free» finisce di essere scritto. - 27,0–30 s, finale: la scheda si rimonta come «YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine». Sette brevi trattini rosa e arancioni scattano attorno al bicchiere (0,16 s) e continuano a «respirare» dolcemente. Il bicchiere cresce del 4% in 0,6 s e resta fino alla fine. </structure> <composition> Colori: - Pagina: lavanda-bianco pallido (#FAF9FF). - Contorni: inchiostro scuro (#1C0B5D), circa 3 px con estremità arrotondate. - Bicchiere: lavanda (#F0EDFF) con una base tinta di viola. - Cubetti di ghiaccio: quadrati arrotondati, bianchi al 40% su ciò che c'è dietro, con una linea d'angolo interna. - Schede: bianche con una morbida ombra sfalsata lavanda. - Arancione (#FE9117): la guarnizione e metà dei trattini del finale. Tipografia: - Carattere display: maiuscole cartoon spesse (qualcosa come Lalezar) composte come sticker. La faccia è rosa (#FB2D89), con un contorno d'inchiostro scuro dietro e un'estrusione viola (#7C6CF2) spostata in basso a sinistra. - Testo piccolo: una scrittura a mano stampatello amichevole (qualcosa come Playpen Sans), grigio-viola attenuato (#6B6385) per il testo e rosa per le etichette. Layout dopo l'intro: - Intestazione: in alto al centro, larga circa 540 px, con una piccola riga sotto: «first benefit · second benefit · third benefit». - Bicchiere: un bicchiere basso conico a sinistra del centro, largo circa 290 px, bordo a y 457 e base a y 797. - Scheda info: a destra, 390x248 px con angoli di 14 px e bordo d'inchiostro scuro. Dall'alto in basso contiene un piccolo occhiello rosa, il grande valore in lettere sticker, un titolo in maiuscole scure, una riga scritta a mano e una barra di avanzamento a pillola con una breve parola di stato alla sua destra. - Tracker: sei passaggi lungo il fondo. I cerchi sono larghi 43 px e distanti 156 px su una sottile guida, con piccole etichette in maiuscoletto sotto: «TEMPLATE», «TYPE», «SHAPES», «SOUND», «REFINE», «EXPORT». </composition> <techniques> - Linee che ribollono: ogni linea disegnata riceve un lieve tremolio di 1–2 px che cambia in uno nuovo ogni 4 fotogrammi, in tutto il pezzo, come uno spostamento di turbolenza sulle linee. - Rimontaggio della scheda: al primo fotogramma di ogni passaggio, per un fotogramma si mostra solo il nuovo grande valore, poi la scheda ritorna. Il grande valore si imprime da solo dal 72% della dimensione con un overshoot back.out. - Digitazione: le parole di stato si scrivono da sole a passi. - Tracker, passaggio corrente: il suo cerchio ha un anello d'inchiostro scuro, un punto rosa e un'etichetta rosa, e «respira» tra il 100% e il 112% ogni secondo. - Tracker, passaggio completato: circa 0,1 s prima della scheda successiva, il suo cerchio si riempie di rosa e una spunta bianca si disegna in 0,17 s. La sua etichetta diventa inchiostro scuro, e la guida verso il cerchio successivo si riempie di rosa in 0,37 s. - Tracker, passaggi ancora da fare: restano attenuati con un piccolo punto grigio. </techniques> <music> Un brano strumentale lounge-pop caldo e rilassato a 120 BPM in tonalità maggiore: batteria con spazzole, contrabbasso rotondo, vibrafono, archi in pizzicato, schiocchi di dita e un po' di shaker. Tienilo rado e senza melodia principale, così sta sotto gli effetti. Si apre con poche note pizzicate di vibrafono e pizzicato senza batteria, e un basso morbido entra a 2 s. Il groove pieno con le spazzole e il basso walking cade esattamente sulla prima scheda di versamento a 6,0 s. Resta costante durante i versamenti, il mescolare e la scorza, mette un accordo di chiusura a 28,0 s mentre il bicchiere finito si assesta, e risuona fino alla fine. Fallo di esattamente 30 s, mixato a circa -14 LUFS con true peak sotto -1 dBTP. </music> <sound> Nessuna voce. Ogni effetto cade sul suo fotogramma, nettamente sopra la musica; la musica non ha mai bisogno di alzarsi per fargli posto. - Titolo: un pop morbido per ogni lettera, che sale un po' di tono e viene panoramizzato da sinistra a destra mentre la parola si costruisce. - Passaggio: un whoosh delicato sotto la salita del titolo e un leggero grattare di matita per ogni tratto mentre il bicchiere si disegna. - Schede: uno schiocco di carta e un tonfo morbido ogni volta che una scheda viene distribuita e la sua grande parola si imprime. - Atterraggi del ghiaccio: un colpo secco e breve del ghiaccio contro il bicchiere per ogni cubetto, con due o tre contatti a pochi millisecondi di distanza e un tonfo grave sotto la caduta. Più morbido per il rimbalzo e più piccolo per l'ultimo saltello, con ogni colpo ben distinto dalla musica. - Bottiglie: un whoosh morbido quando ogni bottiglia scivola dentro e ancora quando si inclina. - Versamenti: ognuno chiaramente udibile e diverso. Prima un getto limpido frizzante e schizzante che urta il ghiaccio, poi un versamento più pieno a rapidi glug, poi uno scuro e sciropposo a glug lenti e profondi. Dai a ogni versamento corpo nella gamma 1–4 kHz, dove si trovano il getto e la sacca d'aria risonante del bicchiere, così che emerga di circa 8 dB sopra i secondi circostanti. Tienili puliti: soprattutto vetro risonante e bolle, poco sibilo. - Intorno a ogni versamento: l'altezza della sacca d'aria sale da versamento a versamento mentre il bicchiere si riempie, e qualche ultima goccia cade dopo ciascuno. La musica si abbassa di circa 5 dB sotto ogni versamento e torna dolcemente, e un whoosh segue la bottiglia in uscita. - Tracker: un morbido tintinnio di conferma a due note ogni volta che un passaggio viene spuntato, un po' più forte per l'ultimo. - Cucchiaio: un tintinnio metallico quando cade, il ghiaccio che urta il bicchiere a ogni estremo del dondolio e un whoosh quando esce. - Scorza: un pizzico quando compare, tre sottili spruzzi di nebbiolina mentre si attorciglia e un lieve tocco quando si posa sul bordo. - Finale: un tintinnio brillante con lo scoppio dei trattini, sopra un lieve luccichio vitreo fino alla fine. - Mix finale: circa -14 LUFS, true peak sotto -1 dBTP. </sound> <references> Animazione a cel disegnata a mano con linee che ribollono, video esplicativi di app piatti in stile sticker e illustrazioni di ricette di cocktail in cui ogni ingrediente rappresenta una funzione. </references>

Anteprima del prompt “Tuffo in un muro 3D di app: demo di prodotto in tre passaggi”Simple Motion

Tuffo in un muro 3D di app: demo di prodotto in tre passaggi

<direction> Realizza una demo di prodotto orizzontale di 31 secondi in 1280x720, costruita interamente con l'animazione, con audio. Si svolge come un unico movimento di camera continuo, senza stacchi, e si ripete senza interruzioni: l'ultimo fotogramma coincide con il primo. L'idea: un muro di schermate di app inclinato all'indietro in 3D, la camera si tuffa in una schermata, quella schermata diventa la finestra dell'app e tre passaggi numerati mostrano cosa fa il prodotto prima di una schermata finale con il mio logo. Lo stile è pulito e moderno: interfaccia vettoriale piatta disegnata da te, profondità morbida, molto spazio, movimento calmo e preciso. Evita stacchi netti, filmati reali, immagini stock, sfondi affollati, easing rimbalzanti o da cartone animato e tutto ciò che interrompe il loop. </direction> <structure> Apertura, circa 0-4 s: un muro di schermate di app inclinato all'indietro in 3D scivola lentamente. Un titolo centrato come "Your ideas, in motion" (sostituiscilo con il tuo) sta sopra, poi svanisce sfocandosi. Tuffo, circa 4-6 s: la camera avanza in una schermata, che cresce fino a diventare la finestra dell'app e si ferma su un lato dell'inquadratura. Passaggio 01, circa 6-13 s: un piccolo numero di passaggio "01" e un titolo come "Sketch your idea" (sostituiscilo con il tuo) scorrono verso l'alto riga per riga accanto alla finestra. Dentro la finestra, una pennellata si disegna sulla tela. Passaggio 02, circa 13-20 s: il testo precedente scorre verso l'alto e esce, poi "02" e un titolo come "Chat to shape it" scorrono nello stesso modo. Il contenuto della finestra cambia di conseguenza. Passaggio 03, circa 20-26 s: "03" e un titolo come "Export in one click" entrano allo stesso modo, e la finestra mostra un terminale che digita righe di testo con un cursore lampeggiante. Schermata finale, circa 26-31 s: il mio logo e "[your brand]" con un breve slogan come "Make it move" (sostituiscilo con il tuo). Poi la camera si ritira verso il muro inclinato di schermate, così il fotogramma finale coincide con il primo e il video si ripete. </structure> <composition> Tieni la finestra grande, circa il 60% della larghezza dell'inquadratura, su un lato. Metti la colonna di testo sull'altro lato, allineata a sinistra. Posiziona il numero del passaggio piccolo, nel colore d'accento, sopra il titolo. Componi i titoli in un sans-serif pulito e in grassetto, al massimo due righe brevi, con un peso più leggero per eventuali righe di supporto. Usa il mio logo come icona dell'app nella barra della finestra e centrato nella schermata finale. Usa colori per ruolo del mio brand, per esempio uno sfondo quasi nero (#0E0F13), testo bianco sporco (#F4F4F6), un accento brillante per i numeri dei passaggi, le evidenziazioni e la pennellata, e un grigio tenue per la barra della finestra e l'interfaccia secondaria. Mantieni il muro di schermate nella stessa palette con contrasto più basso, così il titolo si legge sopra. </composition> <techniques> Tutto avviene all'interno di un unico movimento di camera continuo: una lenta deriva sul muro 3D, inclinato all'indietro di circa 25 gradi, con una leggera parallasse tra le schermate. Il titolo se ne va con una sfocatura crescente e una dissolvenza di circa 0,6 s. Il tuffo è una spinta ease-in-out fluida verso una schermata mentre si ingrandisce e si appiattisce nella finestra dell'app. Le righe dei titoli scorrono verso l'alto di circa 30 px con dissolvenza, sfalsate di circa 0,1 s, con un ease-out morbido. Il testo in uscita scorre verso l'alto e svanisce prima che entri il passaggio successivo. Il contenuto della finestra cambia sul posto con brevi dissolvenze incrociate e scorrimenti. La pennellata si disegna progressivamente. Il terminale digita carattere per carattere con un cursore lampeggiante. Nella schermata finale, il logo si ingrandisce dolcemente, poi la camera torna indietro con morbidezza al muro iniziale per un loop senza interruzioni. </techniques> <music> Usa una traccia strumentale synthwave rilassata a circa 100 BPM, lunga esattamente 31 secondi, con stacchi e colpi sulla griglia del ritmo. Un pad caldo suona sotto il titolo. Il beat entra con un morbido boom quando la camera si tuffa nella finestra. La traccia si alza un po' per il passaggio 02 e si dirada sotto il terminale. Un riser porta alla schermata finale, e la traccia si risolve in modo che il loop verso l'inizio sia senza interruzioni. Punta a circa -14 LUFS con true peak sotto -1 dBTP. </music> <sound> Aggiungi un whoosh al tuffo nella finestra, un morbido tick di interfaccia quando ogni riga del titolo si posa, un leggero fruscio di pennello sulla pennellata del passaggio 01 e leggeri tocchi di tastiera sotto la digitazione del terminale. Aggiungi un impatto morbido o un chime quando il logo si posa nella schermata finale. Tieni gli effetti sotto la musica, senza voce fuori campo. </sound> <references> Somiglia a un'animazione curata di lancio o presentazione di un'app: una camera che sorvola una griglia 3D di schermate di interfaccia fino a una finestra di prodotto pulita, con passaggi numerati delle funzionalità, come nelle demo delle landing page di software moderni. </references>

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

I cookie essenziali ricordano le impostazioni del sito. Con il tuo consenso, Google Analytics ci aiuta a capire come viene usato Motion Fab. Puoi cambiare la tua scelta a piè di pagina.

Le tue scelte sulla privacy ai sensi delle leggi statali USA applicabili. Informativa sulla privacy

I cookie essenziali ricordano le impostazioni del sito. Con il tuo consenso, Google Analytics ci aiuta a capire come viene usato Motion Fab. Puoi cambiare la tua scelta a piè di pagina.

Le tue scelte sulla privacy ai sensi delle leggi statali USA applicabili. Informativa sulla privacy