Esempi di motion graphics: video assistiti dall'IA ordinati per funzione
Di Potto AI Team·
Esempi di motion graphics ordinati per compito: film di lancio, schermate di prodotto, kinetic type, storie di dati, explainer e reveal del logo, ciascuno di un autore citato.
Gli esempi di motion graphics più utili si ordinano per il compito del video, non per lo stile visivo: un film di lancio, una schermata di prodotto animata, un reel di kinetic type, una storia di dati, un explainer o un reveal del logo. Ogni compito ha una durata, una proporzione e un ordine delle idee propri, quindi un «buon esempio» serve solo se è il tipo giusto di esempio. Questa guida sceglie 21 esempi di motion graphics dalla libreria di video di motion graphics con IA su Potto, li divide in questi sei compiti e, per ciascuno, indica l'autore, la durata, le proporzioni e cosa osservare.
Una cosa prima di tutto: nessuno di questi video è stato realizzato da Potto. Li hanno fatti e pubblicati creatori indipendenti, citati sotto con il loro handle su X. Potto li raccoglie perché tu possa guardarli, leggere il prompt quando l'autore ne ha condiviso uno e partire dalla stessa idea per il tuo video. Le descrizioni usano solo il titolo di ogni video e i dettagli della sua pagina (autore, categoria, durata, proporzioni, strumenti), perché l'obiettivo è aiutarti a scegliere cosa studiare, non recensire il lavoro altrui. Tutto ciò che riguarda lo strumento di Potto viene dal prodotto così come funziona oggi.
Che cosa conta come motion graphics
I motion graphics sono graphic design messo in movimento: testo, forme, icone, grafici e immagini che si muovono per spiegare qualcosa, annunciare qualcosa o dare un aspetto a un marchio. La guida di Adobe ai motion graphics li definisce «grafica con movimento» e li chiama «pezzi di animazione più brevi che intrattengono o trasmettono informazioni», in contrasto con i lungometraggi animati con personaggi e una trama. La voce di Wikipedia sul dice che il motion design è di solito associato al mettere in movimento oggetti astratti, testo e altri elementi di graphic design.
Insieme, le due fonti indicano dove compare questo lavoro: titoli di testa per cinema e televisione, grafica per broadcast e telegiornali, pubblicità e branding, tipografia animata, design delle interfacce e video explainer e promozionali. Quell'elenco è organizzato per settore. Questa guida organizza per compito, perché quando fai un video la domanda è «che cosa voglio far arrivare?» e non «di quale settore si tratta?». I sei compiti sotto corrispondono alle categorie usate dalla libreria e coprono gran parte di ciò di cui un'azienda o un creator ha davvero bisogno.
Compito
Che cosa fa
Domanda tipica a cui risponde
Lancio
Annuncia un prodotto o una release
Che cosa c'è di nuovo e perché dovrebbe importarmi?
Schermate di prodotto
Anima un'interfaccia
Come appare e come funziona questo prodotto?
Kinetic type
Muove le parole come visual principale
Qual è la frase che devo ricordare?
Storia di dati
Fa arrivare un numero o una tendenza
Che cosa è cambiato, e di quanto?
Explainer
Insegna un'idea per passi
Come funziona?
Animazione del logo
Rivela un marchio
Chi l'ha fatto?
Come sono stati scelti i 21 esempi
La libreria è ampia e continua a crescere, quindi questa guida non cita totali; la pagina mostra sempre i numeri aggiornati. Per scegliere gli esempi, la guida ha usato quattro filtri. Ogni opera deve avere un autore citato, una durata e delle proporzioni registrate, un video funzionante e un titolo che dice di che cosa parla il video. Dentro ogni compito ha privilegiato opere che variano per durata, proporzioni e strumenti, così vedi l'arco delle possibilità e non un solo schema ripetuto.
Due fatti sull'intera libreria conviene conoscerli prima degli esempi. Vengono dai record della libreria controllati il 2026-10-12, e si sposteranno man mano che si aggiungono opere:
La maggior parte delle opere è in 16:9. Circa quattro su cinque sono in 16:9, circa una su otto è in 9:16 e il resto è in 1:1. Ogni compito sotto segue lo stesso sbilanciamento, che corrisponde a dove le persone guardano: siti, presentazioni e X.
La durata dipende dal compito. La durata mediana è circa 9 secondi per l'animazione del logo, 15 per il kinetic type, 30 per il lancio, 35 per la storia di dati, 36 per le schermate di prodotto e 60 per l'explainer. Le mediane per compito compaiono in ogni sezione.
Le 21 opere compaiono nelle sezioni dedicate sotto, ciascuna collegata alla sua pagina, dove puoi riprodurla. Per ogni opera la guida indica l'handle X dell'autore, la durata, le proporzioni, gli strumenti quando la pagina li elenca e se l'autore ha condiviso il prompt. «Prompt condiviso» significa che l'autore ha pubblicato il prompt sulla pagina dell'opera, così puoi leggerlo prima di decidere se riutilizzarlo.
Esempi di film di lancio
Un film di lancio annuncia qualcosa e chiede allo spettatore di ricordare una cosa: il nome. Tra i video di lancio della libreria, la durata mediana è 30 secondi, e circa la metà dura 30 secondi o meno. È anche la categoria con la maggiore varietà di proporzioni: circa uno su cinque è in 9:16, per il telefono.
Reddit marketing tool launch video di @anthonyriera dura 52,8 secondi in 16:9. La pagina indica Remotion come strumento, lo stesso renderer che usa Potto, e per questo è un riferimento utile su quanto può contenere un film di lancio costruito con il codice, vicino al minuto.
TypingMind showreel announces team features di @ann_nnng dura 15,0 secondi in 16:9, è costruito su canvas e l'autore ha condiviso il prompt. Il titolo nomina il contenuto, le funzioni per i team, e la forma, uno showreel.
CodePilot promo floats 17 model-provider logos di @op7418 dura 50,0 secondi in 16:9. Il titolo è già un brief preciso: un solo dispositivo visivo ripetuto, 17 loghi, su un orologio di 50 secondi.
Che cosa osservare. Guarda un film di lancio una volta senza audio e segna il secondo in cui compare per la prima volta il nome del prodotto. Poi conta quante affermazioni distinte fa il film. Gli esempi sopra suggeriscono una regola che vale in tutta la categoria: più il film è breve, meno affermazioni contiene. Un film di 15 secondi porta un'idea e un nome; un film di 50 secondi ha spazio per un problema, qualche funzione e una frase di chiusura.
Prendilo in prestito con Potto. Il maker di video di prodotto di Potto costruisce film di lancio da una descrizione o da un link. Un brief che funziona bene nomina il pubblico, la durata e i beat:
Film di lancio per un'app di budget immaginaria chiamata Ledgerly, 30 secondi, 16:9. Apri con il problema di tenere le spese nei fogli di calcolo, mostra tre funzioni, chiudi sul nome dell'app e su una call to action.
Esempi di schermate di prodotto
L'animazione delle schermate di prodotto mostra un'interfaccia che fa qualcosa: una lista si ordina da sola, una dashboard si riempie, un telefono percorre un flusso. La durata mediana della categoria è 36 secondi, ma la metà centrale delle opere va da circa 24 a circa 67 secondi, quindi è la più varia delle sei. È anche il punto in cui gli esempi in 9:16 e 1:1 sono più utili, perché i flussi delle app si mostrano spesso sul telefono.
Mac app onboarding sorts messages into one calm list di @dhruvalgolakiya dura 13,4 secondi in 16:9. Il titolo nomina una sola trasformazione, i messaggi che diventano una lista, e la durata lascia spazio esattamente a quello.
Che cosa osservare. Fermati sul primo fotogramma che mostra l'interfaccia e chiediti che cosa deve guardare lo spettatore. Poi guarda quanto resta in schermo ogni stato. L'animazione delle schermate di prodotto non funziona quando lo schermo cambia prima che l'occhio abbia trovato il cambiamento: per questo gli esempi più brevi qui mostrano una sola trasformazione e quelli più lunghi raggruppano gli stati in passi.
Prendilo in prestito con Potto. Un video demo di prodotto parte dagli screenshot che carichi, fino a otto immagini, documenti o file audio per progetto. Le scene di screenshot zoomano e seguono il percorso di un cursore, e ogni scena può avere una didascalia, quindi il brief abituale è un elenco di passi:
Demo di prodotto per un'app di fatturazione immaginaria, 30 secondi, 16:9. Usa i miei tre screenshot: crea una fattura, inviala, vedila pagata. Una didascalia breve per screenshot, chiusura sul nome dell'app.
Esempi di kinetic type
Il kinetic type mette le parole in movimento come visual principale. È il più breve tra i compiti guidati dal testo: la mediana è circa 15 secondi, e circa sette opere su dieci durano 30 secondi o meno. Siccome non c'è un'interfaccia o un grafico a portare il significato, deve farlo la scrittura.
Showreel opens on a bold Decision title card di @kenn dura 15,0 secondi in 16:9, e l'autore ha condiviso il prompt. È uno showreel di tipografia, quindi la title card è la mossa di apertura.
Slanted credit names glide over an orange grid di @goodside dura 75,0 secondi in 16:9, con prompt condiviso. A quella durata, il dispositivo ripetuto è un elenco di nomi che si muove su un unico sfondo.
Che cosa osservare. Silenzia il video e leggilo. Il kinetic type deve funzionare come testo: se le frasi sono deboli, il movimento non le salva. Poi riattiva l'audio e controlla se il timing di ogni parola segue il suono. I due esempi da 15 secondi legano il movimento a una title card o a un tempo, mentre i due da 75 secondi si appoggiano alla struttura, un elenco di crediti e titoli di capitolo, per tenere l'attenzione.
Prendilo in prestito con Potto. Le scene di testo di Potto entrano a cue, e le scene di citazione, titolo e elenco portano righe brevi. Non offre animazione libera delle lettere, quindi un'ondulazione a 128 BPM è fuori da ciò che renderizza. Ciò che gestisce bene è uno script breve in cui ogni riga ha il suo schermo:
Video di testo cinetico, 15 secondi, 16:9, stile Bold Pop. Cinque righe brevi, una per schermo, su un team che rilascia ogni venerdì. Chiudi sulla riga "Ship it."
Esempi di storie di dati
Una storia di dati fa arrivare un solo numero o una sola tendenza. Tra i video di storie di dati della libreria, la mediana è circa 35 secondi, e la dispersione è ampia, da 15 secondi a ben oltre un minuto. La categoria è tra le più piccole, e per questo è un buon posto per studiare ogni esempio.
LLM release timeline tracks 2026 models month by month di @nummanali dura 62,1 secondi in 16:9, è costruito su canvas e il prompt è condiviso. La pagina descrive un'animazione su canvas che attraversa il 2026 mese per mese, quindi il tempo è l'asse.
Che cosa osservare. Trova l'unico numero che il video vuole farti ricordare, poi controlla come il video se lo guadagna: che cosa viene prima e che cosa viene mostrato dopo. I tre esempi usano tre dispositivi diversi per lo stesso compito. Uno enuncia un risultato, uno percorre una timeline e uno accoppia un numero all'immagine di ciò che misura.
Prendilo in prestito con Potto. Le scene di statistica mostrano un unico numero grande, e le scene di grafico disegnano grafici a barre o a ciambella con tre fino a sei valori che contano in salita. Se scrivi le cifre nel brief, il video le usa così come sono scritte, quindi controlla ogni numero contro la tua fonte prima di esportare. La pagina del grafico animato ne raccoglie altri:
Storia di dati, 30 secondi, 16:9. Le tazze medie al giorno di una caffetteria immaginaria sono passate da 120 a giugno a 190 a settembre. Apri con la domanda, mostra i quattro mesi come grafico a barre, chiudi sull'aumento del 58%.
Esempi di explainer
Un explainer insegna un'idea per passi. È il più lungo dei sei: la durata mediana è 60 secondi, e solo circa uno su cinque dura 30 secondi o meno. I video explainer della libreria hanno anche la gamma di trattamenti più ampia, dalla pixel art alle lavagne disegnate a mano.
Kinetic word cloud pitches an AI inference startup di @deedydas dura 26,0 secondi in 16:9, costruito con SVG e GSAP, con il prompt condiviso. È l'explainer più breve qui e comprime un pitch in un unico dispositivo in movimento.
Che cosa osservare. Un explainer deve superare la prova della frase: dopo una sola visione, riesci a dire l'idea in una frase? Cerca il momento in cui il problema diventa la soluzione e conta i passi tra quel momento e la fine. Due dei tre esempi puntano a un soggetto piccolo e concreto (una cifra, un flusso di onboarding) e gli fanno portare tutta la lezione.
Prendilo in prestito con Potto. La struttura dietro la maggior parte degli explainer è problema, soluzione, come funziona e passo successivo, che la guida su che cos'è un explainer video tratta nel dettaglio, e 12 esempi di explainer video scompone per ordine delle scene.
Il maker di video explainer di Potto può partire da un argomento, un link o un documento come un PDF. Non ha uno stile disegnato a mano o da lavagna: i dodici stili integrati sono Clean Modern, Midnight Tech, Editorial Paper, Bold Pop, Blueprint, Warm Organic, Neon Night, Soft Pastel, Mono Minimal, Sunset Gradient, Studio Noir e Fresh Mint.
Esempi di animazione del logo
Un reveal del logo è il compito più breve: la durata mediana nella libreria è sotto i 9 secondi, e gli esempi qui vanno da 8,7 a 21,0 secondi. C'è una sola cosa da guardare, quindi il video riguarda soprattutto il timing e la forma del movimento.
TypingMind logo reveal di @tdinh_me dura 21,0 secondi in 16:9, con il prompt condiviso. La pagina descrive un reveal lento in cui il marchio si compone a poco a poco.
Che cosa osservare. Guarda l'ultimo fotogramma. Un reveal del logo riesce se il marchio finale è pulito, centrato e leggibile abbastanza a lungo da registrarsi, e il movimento che lo precede è ciò che dà personalità al marchio. L'esempio da 8,7 secondi mostra quanto può fare un solo movimento, una forma che si trasforma in un'altra.
Prendilo in prestito con Potto. La scena di chiusura con call to action di Potto può chiudere un video sul tuo logo, e la categoria logo animation della libreria è il posto per studiare i reveal autonomi. Potto renderizza da un insieme fisso di tipi di scena e di stili, senza codice di animazione personalizzato, quindi una curva di easing specifica come il morph elastico sopra è qualcosa da studiare, non qualcosa da copiare alla lettera.
Fai la tua versione
Hai tre strade per un video come questi. Scrivi tu il codice, chiedi a un agente di coding di scriverlo, oppure descrivi il video a uno strumento che lo renderizza per te.
Molti creator della libreria costruiscono con il codice. Remotion, il renderer che usa Potto, si descrive come un modo per creare video e motion graphics con React, e pubblica skill per agenti perché gli agenti di coding possano lavorarci. La pagina skills di Potto raccoglie skill gratuite per agenti di autori terzi, che puoi installare in un agente che legge file SKILL.md; girano nel tuo agente, con il tuo modello.
Claude Motion di Anthropic, annunciato l'8 ottobre 2026 e in beta sui piani Team ed Enterprise al 2026-10-12, anima testo, grafici, forme e immagini a partire da un prompt ed esporta un MP4. Potto non è Claude Motion e non ha alcuna relazione ufficiale con Anthropic. Il post sulle alternative a Claude Motion confronta le strade con fatti che puoi verificare.
La strada della descrizione è lo strumento di motion graphics con IA di Potto. Gli dai un prompt, un link pubblico o un documento. Claude Opus 5.5 scrive il brief, lo script e lo storyboard, e Remotion renderizza le scene in un MP4 con voiceover, sottotitoli e musica, in 16:9, 9:16 o 1:1. Puoi modificare lo storyboard schermata per schermata o chiedere una modifica in chat. Nelle pagine della libreria, un video con un prompt condiviso ha un pulsante «Usa questo prompt» che lo invia al creatore di video di Potto. Il risultato è la versione di Potto, con i suoi tipi di scena e i suoi stili, quindi non coinciderà con l'originale; tratta l'originale come riferimento per l'idea, il ritmo e l'aspetto.
Le anteprime e gli storyboard non costano nulla; i crediti si addebitano quando esporti, e il totale è mostrato prima che tu confermi (vedi i prezzi). Potto non genera riprese live-action, avatar o persone, e non modifica un video che hai già.
Domande frequenti
Quali sono i tipi di motion graphics?
I tipi di motion graphics di solito si raggruppano per dove compaiono: sequenze di titoli per cinema e televisione, grafica per broadcast e telegiornali, pubblicità e branding, tipografia cinetica, animazione delle interfacce e video explainer o promozionali. Questa guida li ordina invece per compito: film di lancio, schermate di prodotto, kinetic type, storie di dati, explainer e animazioni del logo. La voce di Wikipedia sul motion graphic design separa anche grafica explainer, emotiva e promozionale, a seconda che lo scopo sia chiarire, evocare un sentimento o far crescere la consapevolezza.
Che cosa si considera motion graphics?
I motion graphics sono graphic design animato: testo, forme, icone, grafici e immagini messi in movimento per informare, promuovere o dare un marchio. Adobe li definisce «grafica con movimento» e li descrive come pezzi di animazione più brevi che intrattengono o trasmettono informazioni. Un video che anima uno screenshot di prodotto, un grafico a barre o un logo è motion graphics. Un lungometraggio animato con personaggi e una trama di solito si chiama animazione.
Qual è la differenza tra motion graphics e animazione?
I motion graphics muovono elementi di graphic design, come caratteri, forme e grafici, di solito per trasmettere informazioni in un pezzo breve, mentre l'animazione, in senso più ampio, racconta storie con personaggi e trame. I due si sovrappongono, quindi il confine è questione di scopo e di scala più che di tecnica. La guida di Adobe traccia il confine per durata e scopo: i motion graphics sono pezzi più brevi che intrattengono o trasmettono informazioni.
Quanto deve durare un video di motion graphics?
Dipende dal compito. Nella libreria di Potto al 2026-10-12, la durata mediana è circa 9 secondi per l'animazione del logo, 15 per il kinetic type, 30 per i video di lancio, 35 per le storie di dati, 36 per le schermate di prodotto e 60 per gli explainer. Adatta la durata al numero di idee: un'idea sta in 15 secondi, e un problema, tre funzioni e una frase di chiusura stanno in 30–45. Le opzioni di durata di Potto sono 15, 30, 45, 60 e 90 secondi.
I video di questa guida sono stati fatti con Potto?
No. Li hanno fatti creatori indipendenti e ciascuno è attribuito al suo autore tramite l'handle su X. Potto non li rivendica come opera propria. Sono inclusi come riferimenti, e la pagina di ogni opera collega il post originale quando è disponibile.
Posso fare motion graphics come questi con Potto?
Sì, per i tipi di motion graphics che Potto offre: film di lancio, schermate di prodotto, video guidati dal testo, storie di dati ed explainer costruiti dai suoi undici tipi di scena, dodici stili e i colori del tuo marchio. Potto renderizza la propria versione dal tuo prompt, quindi il risultato non copia un originale, e non supporta codice di animazione personalizzato, stili disegnati a mano o animazione libera delle lettere.
Fonti
Tutte le pagine sono state consultate il 2026-10-12.
Remotion, documentazione delle skill per agenti (che cosa coprono le skill e come installarle): https://www.remotion.dev/docs/ai/skills (consultata il 2026-10-12)
Pagina principale di Remotion ("Create videos and motion graphics with React"): https://www.remotion.dev/ (consultata il 2026-10-12)
Pagine di Potto AI per le 21 opere, i loro autori, durate, proporzioni e prompt condivisi, e per le mediane della libreria per categoria (controllate il 2026-10-12)
Potto AI
Crea il tuo prossimo video di lancio.
Trasforma ciò che ti ha incuriosito in un video o in un’immagine tutta tua. Parti da screenshot, un argomento o un prompt.
