← Guide
Guide

Come creare motion graphic con l’AI: spot di qualità commerciale senza After Effects

Un flusso di lavoro in sette passaggi per le motion graphic con l’AI: scomporre i riferimenti, pianificare audio e storia, approvare i fotogrammi chiave, eseguire il rendering e rifinire, con casi reali e prompt riutilizzabili.

yoyoyoyo 22 ottobre 2026 Guida scritta
Anteprima: Come creare motion graphic con l’AI: spot di qualità commerciale senza After Effects

Casi di studio: che cosa è cambiato e perché

Training Season motion video

Prompt del primo ciclo

Crea un lyric motion film verticale di 25 secondi per "Training Season".
1080×1920, 30fps. Three.js + postprocessing, GSAP per gli overlay 2D.

AUDIO
Usa esattamente com’è l’audio di 25s tratto da questo reel: non tagliarlo né giuntarlo:
https://www.instagram.com/reel/DczJLScIIuV/
Per prima cosa recupera il testo completo di questa clip, crea una griglia ritmica e sincronizza ogni parola cantata.

RIFERIMENTO DI MOVIMENTO
https://www.instagram.com/reel/DerrAaVIxjl/
Prendine in prestito la struttura: la videocamera non si ferma mai, il testo avvolge un anello rotante,
le parole chiave entrano con forza a tutta larghezza sulla battuta, transizioni con whip pan.
Il movimento è ottimo, ma il gusto visivo no: non copiare l’unico rosa,
il tunnel ripetuto o i font mescolati.

STORIA
Di notte, una donna scrive l’amore che desidera su una bacheca di manifestazione.
È il suo standard, non una supplica. Su "training season's over" smette di
aspettare: ogni desiderio riceve una spunta rossa ed è mattina.
Femminista, pieno di speranza: "there's still tomorrow". Nessun uomo nell’inquadratura.
Arco: notte tranquilla → scrittura dell’elenco → un momento fragile → sovraccarico → dichiarazione → mattina.

ASPETTO
Collage / stampa: lettere ritagliate dalle riviste, vision board, prima pagina di giornale.
Crema / rosa / argento con grana da pellicola calda; rosso solo come accento. Massimo 2 font.
Nessun volto di persone reali: usa silhouette e oggetti.

REGOLE DI MOVIMENTO
- 11 parole chiave sono caratteri 3D estrusi che occupano l’85–100% della larghezza dello schermo,
  netti e leggibili per almeno 0,3s.
- Ogni altra parola del testo appare quando viene cantata, con un’altezza di almeno 90px.
- Massimo 3 livelli per fotogramma, un solo elemento protagonista alla volta.
- La profondità deriva da un ambiente fisso nello spazio (stanza a griglia, anelli orbitali,
  tacche), non da decorazioni fluttuanti.
- Transizioni: whip pan + sfocatura, un singolo fotogramma bianco o volo attraverso un oggetto.
- Motion blur sub-frame su ogni movimento rapido. Non lasciare che il bloom renda tutto velato.
- Picco visivo sulla prima battuta del ritornello.

FINALE
Su "over": "manifested ✓", sei spunte rosse compaiono una alla volta,
quindi "made with OD Motion".

Mostrami prima 3–5 immagini statiche chiave. Non animare finché non approvo.

IKEA motion video

Prompt del primo ciclo

Crea un film di lancio prodotto di 11 secondi per la nuova collezione PS 2026 di IKEA.
Concept non ufficiale. 1920×1080, 60fps, HTML + GSAP.

RIFERIMENTO
Copia il ritmo di questo reel inquadratura per inquadratura, ma NON la sua storia:
https://www.instagram.com/reel/DcVTS2exsRR/
(le schede prodotto con disegni lineari entrano una alla volta → formano una griglia → collassano in un’unica tela → logo)

BRAND (deve essere riconoscibile come IKEA nel primo secondo)
- Colori: blu IKEA #0058A3, giallo #FFDB00, bianco, grigio scuro #3C3C3C
- Linguaggio visivo: disegni lineari da manuale di montaggio IKEA (isometrici, tratto nero sottile)
- Font: sans geometrico pulito, grassetto per i prezzi

ASSET (allegati)
- 5 fotografie di prodotti su bianco + prezzi:
  Sgabello $69.99 · Sedia pieghevole $59.00 · Tavolino $39.99 · Poltrona letto $399.00 · Comodino $69.99
- 3 disegni quotati ufficiali (usali per tracciare i disegni lineari)
- Logo IKEA (SVG)
- Testo: "MAKE ROOM FOR PLAY" / "Playful functionality since 1995."
- Parole chiave delle schede: Playful / Flexible / Affordable

INQUADRATURE
0.0–2.5s  Le schede prodotto scorrono su un nastro trasportatore; ogni spinta coincide con una battuta
          (0.55 / 0.775 / 1.0 / 1.175s). Ogni scheda = disegno lineare + nome + prezzo.
          Lo sgabello cade inclinato e si raddrizza.
          I cartellini dei prezzi cadono e si fissano con una piccola oscillazione da elastico.
          Il disegno lineare si trova su un livello più profondo rispetto alla scheda (parallasse).
          La riga superiore si solleva a metà altezza, la Poltrona letto sale dal basso.
          Pausa di 0.3s mentre i disegni fluttuano.
2.5–6.0s  Le schede si dispongono in una pianta della stanza. La scheda della Poltrona letto si apre nella sua
          silhouette e atterra sulla fascia. La fila di prodotti reali compare con un wipe
          dal centro verso l’esterno. I cartellini dei prezzi si fissano sui prodotti reali,
          da sinistra a destra. "MAKE ROOM FOR PLAY" si rivela riga per riga.
6.0–8.0s  Logo: le lettere I-K-E-A entrano con forza una alla volta, wipe verso il blu IKEA, avanzamento.
Cartello finale  "Unofficial concept · not affiliated with IKEA"

REGOLE DI MOVIMENTO
- Nessun flash bianco, nessuno stacco netto. Ogni transizione è una spinta o un wipe continuo.
- Gli elementi si sovrappongono e si seguono; nulla compare da solo all’improvviso.
- Motion blur sui movimenti rapidi.

AUDIO
Definisci prima la musica, quindi sincronizza ogni movimento chiave con una battuta.
Un whoosh morbido sotto ogni movimento, un piccolo "pin" su ogni cartellino del prezzo.
Mix a -16 LUFS, senza alte frequenze aggressive.

Mostrami prima 3–5 fotogrammi chiave. Non renderizzare l’intero filmato finché non approvo.

poppi motion video

Prompt del primo ciclo

Crea un film di brand di 11 secondi per poppi, la bibita prebiotica.
Concept non ufficiale. 1920×1080, 60fps, HTML + GSAP.

RIFERIMENTO
Copia il ritmo di questo reel inquadratura per inquadratura, ma usa il mondo visivo di poppi:
https://www.instagram.com/reel/DbqR1UxhTvE/

BRAND (deve essere riconoscibile come poppi nel primo secondo)
- Ogni stacco usa il colore di un gusto poppi. Magenta #EC008C, giallo #FFF200,
  blu #0667BE, arancione #F15506, rosa #FF8CCB, rosso #D4002E
- Logotipo poppi (SVG, allegato)
- Testo (da drinkpoppi.com): "Soda's back, but better" / "THE PREBIOTIC SODA"
- Parole caratteriali: FIZZY / BOLD / FRUITY / BUBBLY / FUN

ASSET (allegati)
- Logotipo poppi SVG
- Rendering delle lattine: Strawberry Lemon, Orange Cream, Shirley Temple, Cream Soda,
  Ginger Lime, Sour Apple, Alpine Blast, Doc Pop
- 3 fotografie lifestyle

INQUADRATURE
0.00–1.85  9 stacchi netti sulla battuta. Ogni stacco = uno starburst nel colore di un gusto
           (punch zoom 1.18 → 1.03) + il relativo frutto che compare con uno scatto (1.3 → 1).
           Le casse a 0.285 / 0.785s pompano l’intero fotogramma.
           Starburst annidati: quello esterno ruota lentamente, quello interno contro-ruota e cresce.
1.85       Il logotipo compare con squash & stretch, da viola a magenta, esplosione starburst.
2.73       Una finestra fotografica viene rivelata dal basso tramite maschera e si arrotonda in una scheda;
           "Soda's back, but better" scende dall’alto; le bolle salgono.
3.65       Foto a sinistra, fragola gigante a destra, adesivo "NEW" che si applica con uno schiocco.
4.56       Un’arancia gigante cade sopra altre due, tutte e tre affondano.
5.56       Le parole caratteriali scorrono verticalmente con motion blur; la riga centrale è giallo brillante.
6.60       Una lattina cade con forza su un fianco, si allarga una pozza di bibita, "THE PREBIOTIC SODA" riempie la larghezza.
≈7.5       Le lattine entrano ruotando (Sour Apple → Orange Cream), ognuna atterra con un anello d’impatto.
≈8.3       Le schede fotografiche scorrono da destra a sinistra.
≈9.2       Foto a pieno formato, un rapido battito di palpebre.
≈9.8–11    Cartello finale: una lattina entra saltellando (in stile Pixar), si apre, una bolla sale e
           diventa il punto sulla "i" del logotipo.
Cartello finale   "Unofficial concept · not affiliated with poppi"

AUDIO
Definisci prima la musica e non tagliarla. Ogni stacco netto coincide con una battuta.
Il suono protagonista è un vero "tss" di apertura della lattina. Mix a -16 LUFS.

Mostrami prima 3–5 fotogrammi chiave. Non renderizzare l’intero filmato finché non approvo.

Duolingo motion video

Prompt del primo ciclo

Crea un film di lancio di 21 secondi per la nuova funzionalità Image Flashcards di Duolingo
(lanciata il 19 ott 2026: dopo una lezione vedi un’immagine, senza opzioni,
e pronunci la parola ad alta voce; le schede sbagliate ritornano).
Concept non ufficiale. 1920×1080, 60fps, HTML + GSAP.

RIFERIMENTO (solo movimento, NON la storia)
https://www.instagram.com/reel/DafsqUut4x1/
Prendi in prestito: interfaccia su una scena, parole grandi che appaiono una alla volta, una videocamera senza stacchi.
La storia deve derivare dalla funzionalità di Duolingo, non da questo reel.

BRAND (deve essere riconoscibile come Duolingo nel primo secondo)
- Duo sullo schermo nel primo secondo
- Verde #58CC02, blu #1CB0F6, rosso #FF4B4B, grigio scuro #3C3C3C
- Pulsanti 3D massicci; carattere arrotondato (Nunito)
- Usa le animazioni Lottie ufficiali di Duolingo dove possibile (allegate)

COPIONE (voce narrante femminile naturale)
1. "Easy."  (sopra la consueta lezione in cui si toccano le tessere)
2. "Remembering it? … Not so much."
3. "So we took the choices away."
4. "Meet Image Flashcards."
5. "A picture… and your voice."
6. "Miss one? It comes back."  → termina sull’icona e sul nome dell’app Duolingo

INQUADRATURE
0.0–5.9   Lezione sul telefono: le dita toccano le tessere; Duo salta fuori dal telefono su "Easy."
5.9–8.0   Le tessere cadono; zoom attraverso di esse fino a una scheda vuota.
8.0       "Meet Image Flashcards" — esplosione ufficiale.
10.2      Appare un’immagine, il microfono si attiva, lo studente pronuncia la parola.
14.2      Correct!
14.9      Una scheda sbagliata rientra oscillando: "Miss one? It comes back."
17.3–21   L’icona dell’app si sveglia ed esplode su "Duolingo".
Cartello finale  "Unofficial concept · not affiliated with Duolingo"

MOVIMENTO DISTINTIVO
Una pressione su un gigantesco pulsante 3D Duolingo che inonda la scena successiva. Usala per ogni transizione.

REGOLE DI MOVIMENTO
Nessun flash bianco, nessuno stacco netto. Videocamera continua con profondità in parallasse. Motion blur sui movimenti rapidi.

AUDIO
Registra / genera prima la voce narrante, quindi monta le immagini su ogni battuta.
Ogni azione ha il proprio suono: tocco, pop, scorrimento della scheda, attivazione del microfono, risposta corretta, errore, esplosione.
Musica sotto la voce. Mix a -14 LUFS.

Mostrami prima 3–5 fotogrammi chiave. Non renderizzare l’intero filmato finché non approvo.

IKEA motion video

Riproduci A, poi B, mantenendo invariato il volume del dispositivo. A contiene musica. B aggiunge un livello di effetti che descrive le singole azioni, inclusi whoosh i cui picchi coincidono con il movimento più rapido. L’obiettivo è sentire il contributo degli effetti senza modificare le immagini.

A — solo musica. Studio di concept interno.
B — musica più effetti allineati alle azioni. Studio di concept interno.

100K & OpenDesign Logo motion video

Il film narrativo 100K seguiva un riferimento di film di lancio realizzato con HyperFrames, utilizzando l’interfaccia dei tweet, curve reali e blocchi di motion graphic per post, grafici e contatori. La musica ha attraversato 15 versioni prima che il climax della traccia coincidesse con le immagini. Le note attribuiscono a Pixabay la provenienza della musica.

Film narrativo 100K. La progressione musicale e quella visiva sono state allineate tramite iterazioni.
Salto del logo v20. Produzione: Claude Code e una skill Huashu.

Parti da un riferimento. Scomponilo battuta per battuta. Scegli un unico movimento distintivo. Approva i fotogrammi statici prima del rendering. Definisci l’audio prima di sincronizzare le immagini.

Un brief di motion design come «rendilo più energico» lascia troppe questioni irrisolte. Che cosa si muove? Dove viene indirizzato lo sguardo? Quale parola coincide con la battuta? Che cosa dovrebbe riconoscere lo spettatore nel primo secondo?

Il flusso di lavoro seguente trasforma queste domande in decisioni verificabili. È adatto al lancio di un prodotto, a uno spot concettuale per mobili, a un film di tipografia cinetica o a un breve racconto di brand. Alla fine avrai un brief, un elenco di inquadrature con tempi definiti, fotogrammi chiave approvati, un progetto di motion design modificabile e un video esportato e verificato.

Quattro fasi di produzione che raggruppano i sette passaggi del motion design
Studia → decidi → dimostra → finalizza. Approva storia, audio e immagini statiche prima di procedere con il rendering completo.

Che cosa ti serve prima di iniziare

Prepara un messaggio chiaro, un pubblico di riferimento, un formato di consegna e gli asset che rendono il lavoro riconoscibile: un logo, l’interfaccia del prodotto, fotografie del prodotto o un piccolo gruppo di immagini approvate. Scegli musica o narrazione che puoi utilizzare per la distribuzione prevista. Un riferimento è materiale di studio; il permesso di visualizzarlo non concede il diritto di ripubblicarne il filmato o la colonna sonora.

Ti servono inoltre un metodo per generare o preparare gli asset, un motore di rendering per il motion design e un revisore in grado di approvare la direzione visiva. In questi progetti, Claude ha gestito la direzione e i brief, Codex la generazione degli asset e l’implementazione, mentre gli adattamenti ripetitivi del brand potevano essere delegati separatamente. Si tratta di ruoli produttivi, non di abbonamenti obbligatori a specifici modelli.

FaseRisultato concretoStrumenti
Trova riferimentiUna selezione con link e motivazioniBrowser; yt-dlp dove il download è consentito
Analizza il riferimentoProvino a contatto e note battuta per battutaFFmpeg; strumenti di trascrizione e analisi audio
Scrivi il briefRegole visive ed elenco delle inquadratureClaude; un semplice brief in Markdown
Pianifica l’audioMusica o narrazione con marcatori temporaliAnalisi audio con Python; ElevenLabs per gli effetti sonori
Prepara le immagini staticheAsset e fotogrammi chiave approvatiGenerazione di immagini con Codex; scontorni; HyperFrames
Anima ed esegui il renderingProgetto modificabile e videoHyperFrames/GSAP per il 2D; Three.js per i lavori spaziali
RevisionaEsportazione visionata e note comparativeFFmpeg; ispezione dei fotogrammi; video affiancati

Passaggio 1: scegli un riferimento in base alla sua struttura

Parti dal tipo di comunicazione che ti serve, quindi scegli un riferimento. Uno spot di mobili e il lancio di un software possono entrambi avere splendide transizioni, ma risolvono problemi diversi.

Fotogrammi dagli studi di motion design di IKEA, poppi, Duolingo e Training Season
Quattro linguaggi visivi tratti dai filmati dei casi di studio. Riga superiore: prodotti IKEA e branding poppi. Riga inferiore: racconto tramite interfaccia di Duolingo e tipografia di Training Season.

Scegli tra quattro formati di motion:

FamigliaChe cosa porta avanti la storiaPreparazioneUsalo per
Dimostrazione dell’interfacciaUn problema diventa visibile, poi un’interfaccia lo risolveSchermate del prodotto o elementi dell’interfaccia ricreatiLanci di prodotto e spiegazioni delle funzionalità
Presentazione del prodottoProdotti scontornati e tipografia di grandi dimensioni definiscono il carattereFotografie del prodotto coerenti e scontorni pulitiFilm commerciali e di brand
Tipografia cineticaParole, testi di canzoni o una breve dichiarazione diventano l’immagineUna sequenza testuale precisa e un solido piano audioSlogan, testi di canzoni e brevi spiegazioni
Film di prodotto in 3DUn oggetto ruota, si separa o si assesta in una composizione finaleUn asset 3D utilizzabile o un oggetto modellatoLanci di hardware e prodotti fisici

Salva il link originale, il credito dell’autore, la data di raccolta e una frase che spieghi che cosa vuoi imparare. Se registri il numero di Mi piace o commenti, conserva la data dell’osservazione: questi valori cambiano e non spiegano perché un filmato funziona.

Tra i riferimenti iniziali utili presenti nelle note figurano Ramp di @studio.ojas, MUJI di @vanshika.motion, Henki di @bymyno_ e Visual Test 01 di @jordans.archivess. Apri i post originali per studiare il lavoro degli autori.

Punto di controllo: sai spiegare perché il riferimento è adatto al tuo messaggio e identificare la tecnica specifica che intendi studiare.

Passaggio 2: scomponi il riferimento battuta per battuta

Guardalo una volta per cogliere l’intera storia, una volta senza audio e una volta concentrandoti sulla colonna sonora. Queste visioni separano la struttura visiva dall’energia dell’audio. Crea quindi un provino a contatto per vedere la progressione del filmato senza dover scorrere ripetutamente la timeline.

Se disponi di una copia locale autorizzata, FFmpeg può creare un provino a contatto approssimativo:

ffmpeg -i reference.mp4 -vf "fps=1,scale=240:-1,tile=5x4" -frames:v 1 reference-contact-sheet.jpg

Questo esempio campiona i primi 20 secondi a un fotogramma al secondo. Per filmati più lunghi, crea altri provini. Le transizioni rapide richiedono un’ispezione più ravvicinata in corrispondenza dei loro tempi effettivi; un provino a contatto non può dirti se un movimento risulta corretto.

Quattro fotogrammi cronologici del concept IKEA con schede prodotto, griglia, disposizione dei prodotti e chiusura con il brand
Scomposizione delle battute del concept IKEA interno: 0,7s → 2,0s → 4,8s → 9,0s, da leggere da sinistra a destra e poi verso il basso. Campiona la sequenza reale, quindi descrivi che cosa cambia tra i fotogrammi.

Registra quattro aspetti per ogni battuta:

  1. Scopo: che cosa impara o prova lo spettatore in questo momento?
  2. Composizione: che cosa si trova in primo piano, sullo sfondo e qual è il principale punto di attenzione?
  3. Movimento: che cosa entra, si muove, cambia o esce? Quale movimento si ripete?
  4. Audio: l’evento è guidato da un accento musicale, da una parola pronunciata o da un effetto?

È utile distinguere tra un espediente visivo e l’esigenza a cui risponde. Una parete di post-it può comunicare sovraccarico; la lezione importante è il modo in cui il filmato rende tangibile quel sovraccarico. Il tuo prodotto potrebbe richiedere una metafora diversa.

Analizza questo riferimento come un motion designer.
Per ogni battuta, descrivi l’obiettivo comunicativo, la composizione,
il movimento di entrata/pausa/uscita e l’evento sonoro.
Identifica l’unico movimento ricorrente che conferisce identità al filmato.
Separa i principi di movimento riutilizzabili dalla storia dell’autore,
dagli asset del brand e dallo stile grafico distintivo.
Non inventare timestamp che non puoi osservare. Segnala le incognite.

Punto di controllo: hai una scomposizione temporizzata e sai spiegare in che modo il movimento distintivo sostiene la storia.

Passaggio 3: scrivi un brief originale e un elenco delle inquadrature

Prendi in prestito un principio di movimento, quindi ricostruisci la storia intorno al tuo soggetto. Nel caso Duolingo, una prima versione riprendeva sia la storia di VoiceOS sia il suo linguaggio di animazione. Il risultato non aveva senso per il nuovo prodotto. Un’apertura successiva si soffermava troppo a lungo su cieli e foreste, rendendo difficile riconoscere il brand. La correzione ha portato Duo, il verde del brand e un pulsante tridimensionale nel primo secondo.

Per un film di brand, la riconoscibilità entro il primo secondo è una regola pratica di direzione. Non è un requisito per ogni film narrativo, ma è un controllo utile quando l’obiettivo è il riconoscimento immediato del prodotto.

Annota che cosa prendere dal riferimento e che cosa lasciare. Definisci tipografia, palette, trattamento delle immagini, movimento ricorrente e progressione emotiva prima di richiedere un rendering completo.

Crea un brief di motion design per [prodotto o soggetto].
Pubblico: [chi lo guarderà].
Messaggio unico: [che cosa dovrà ricordare].
Consegna: [durata, proporzioni, risoluzione, frame rate].
Asset del brand: [file approvati].
Riferimento: [link o file locale autorizzato].
Prendi in prestito: [principio di movimento specifico].
Non prendere in prestito: storia, formulazioni, grafica o identità del riferimento.

Definisci le regole visive, l’arco emotivo, un movimento distintivo
e un elenco delle inquadrature. Assegna a ogni inquadratura uno scopo comunicativo,
i tempi di inizio/fine, gli elementi visibili, il movimento e un’indicazione audio.
Indica gli input mancanti prima dell’implementazione.
Fermati dopo il brief e il piano dei fotogrammi chiave; non eseguire ancora il rendering.

Per esempio, un breve concept dedicato ai mobili potrebbe introdurre un prodotto, mostrare più articoli che formano una stanza e infine mantenere una composizione conclusiva con il brand. Il suo tratto distintivo può essere il modo in cui ogni oggetto scatta in posizione su una griglia condivisa. Mantieni leggibili l’apertura, lo sviluppo e la conclusione anche se uno spettatore perde una transizione.

InquadraturaObiettivo comunicativoImmagineIndicazione audioDomanda di revisione
AperturaPresentare il soggettoProdotto e identità riconoscibiliPrimo accento chiaroUn nuovo spettatore capisce di che cosa si tratta?
SviluppoSpiegare il valoreI prodotti o l’interfaccia formano un sistema significativoRitmo ripetutoOgni nuovo oggetto aggiunge informazioni?
ClimaxPortare l’idea a compimentoIl movimento distintivo completa la composizionePicco musicale o narrativoLa conclusione è giustificata?
Pausa finaleLasciare un messaggio chiaroMessaggio finale leggibileRisoluzione musicale naturaleC’è abbastanza tempo per leggere?

Punto di controllo: un’altra persona riesce a seguire il filmato dall’elenco delle inquadrature senza vedere il riferimento.

Passaggio 4: definisci l’audio prima di sincronizzare le immagini

Decidi se il filmato sarà guidato dalla musica o dalla narrazione. Per un filmato guidato dalla musica, individua frasi, tempi forti, transizioni e una conclusione utilizzabile. Per la narrazione, approva il testo e registra una traccia vocale provvisoria prima di stabilire la durata delle inquadrature.

Non affidarti soltanto ai BPM. Una griglia ritmica indica dove si ripetono le pulsazioni; non identifica l’attacco di una parola, una pausa o il picco emotivo di una canzone. Nel caso Training Season, le note registrano un tempo di 122,75 BPM, ma la tipografia richiedeva anche una sincronizzazione a livello di singola parola.

Forme d’onda audio effettive di otto secondi per le versioni IKEA con sola musica e con musica più effetti
Forme d’onda A/B effettive tratte dai video sorgente, con la stessa scala di ampiezza. Sono segnali audio mixati, non tracce di effetti isolate; ascolta i due video del caso di studio per valutare la differenza.

Crea un piccolo cue sheet con tempo, evento, risposta visiva ed effetto. Aggiungi effetti sonori solo quando descrivono un’azione. Per un whoosh, allinea la parte più intensa del suono alla parte più veloce del movimento, invece di limitarti ad avviare contemporaneamente le due clip.

Utilizzando l’audio approvato, crea un cue sheet.
Segna i confini delle frasi, gli accenti forti, gli attacchi delle parole pronunciate
e una conclusione naturale. Distingui gli eventi misurati dalle stime.
Associa ogni inquadratura approvata a questi riferimenti.
Suggerisci un livello discreto di effetti sonori per i movimenti significativi.
Non sostituire né giuntare la colonna sonora senza approvazione.

Dalle modifiche rifiutate sono emerse due lezioni. In Training Season, unire musica proveniente da fonti diverse ha modificato il timbro. Nel film narrativo 100K, la musica funzionava soltanto quando il suo climax coincideva con quello visivo e la sua progressione musicale veniva preservata. Rimontare le immagini può essere una soluzione migliore che tagliare la musica per darle una forma diversa.

Punto di controllo: la colonna sonora ha un inizio e una fine intenzionali e ogni battuta visiva importante ha una motivazione audio.

Passaggio 5: genera gli asset e approva i fotogrammi chiave

Prepara da tre a cinque immagini statiche rappresentative prima dell’animazione. Includi l’apertura, un fotogramma intermedio denso, il picco e la pausa finale. Se una scena speciale sostiene l’intera idea, aggiungila anche se superi i cinque fotogrammi; Training Season ne ha usati otto.

Fotogrammi di Training Season a uno, sette, quattordici e ventidue secondi con griglie, orbite, caratteri e immagini condivisi
Revisione dei fotogrammi chiave basata sullo studio Training Season completato: 1s, 7s, 14s e 22s. La griglia spaziale condivisa, le linee orbitali e il trattamento delle immagini fanno sì che i fotogrammi appartengano allo stesso sistema visivo.

Usa istruzioni coerenti per la generazione delle immagini relativamente a illuminazione, angolo di ripresa, materiale e sfondo. Per i film commerciali, controlla i bordi degli scontorni e le ombre di contatto. Per i filmati di interfacce, verifica testo e dettagli del prodotto. Un motore di rendering non può correggere una schermata inesatta o una fotografia di prodotto appartenente a un sistema visivo diverso.

Prepara i fotogrammi chiave a partire dal brief e dall’elenco delle inquadrature approvati.
Usa gli asset effettivi del brand, il testo definitivo e le proporzioni previste.
Mostra l’apertura, il fotogramma più denso, il picco emotivo e la pausa finale.
Per ogni fotogramma, spiega lo scopo e il movimento previsto.
Controlla la leggibilità del testo, la coerenza degli asset, il ritaglio e la riconoscibilità del brand.
Non animare l’intero filmato finché questi fotogrammi non sono stati approvati.

Esamina i fotogrammi nelle dimensioni di visualizzazione previste, anche su un telefono. Non valutare una composizione verticale soltanto come una grande immagine desktop. Chiediti se il testo è leggibile, se la gerarchia è evidente e se l’idea visiva ricorrente rimane riconoscibile nei diversi fotogrammi.

Punto di controllo: un revisore ha approvato la composizione e gli asset effettivi, non soltanto una moodboard.

Passaggio 6: anima con il motore di rendering adatto più semplice

Usa il 2D quando il problema visivo riguarda tipografia, schede, prodotti scontornati, elementi dell’interfaccia o composizioni basate su griglie. Il flusso di produzione ha utilizzato HyperFrames con GSAP per i casi IKEA, poppi e Duolingo.

Usa il 3D quando profondità, prospettiva, movimento della videocamera o relazioni spaziali fanno parte dell’idea. Durante le iterazioni, Training Season è passato da HyperFrames a Three.js. La pipeline successiva ha usato il post-processing per profondità di campo, bagliore ed effetti cromatici, oltre al motion blur sub-frame. Queste tecniche sono opzioni per ottenere un aspetto specifico, non elementi necessari in ogni filmato.

Definisci entrata, pausa e uscita per ogni inquadratura. Ripeti il movimento distintivo con variazioni e riserva l’immobilità ai momenti che richiedono lettura o enfasi. I progetti citati sono stati renderizzati a 60 fps; scegli il tuo frame rate nel brief e mantienilo coerente durante rendering ed esportazione.

Implementa il progetto di motion design approvato.
Segui i fotogrammi chiave e il cue sheet approvati.
Mantieni coerente l’unico movimento distintivo in tutte le inquadrature.
Rendi deterministica la temporizzazione, in modo che uno specifico timestamp possa essere
renderizzato ripetutamente. Mantieni gli asset in locale e i percorsi espliciti.
Esegui il rendering di un breve segmento rappresentativo prima del filmato completo.
Consegna il sorgente modificabile, le dipendenze degli asset e le impostazioni di esportazione.
Non aggiungere effetti non approvati e non modificare la colonna sonora.

Il segmento rappresentativo dovrebbe includere una transizione difficile o il fotogramma più denso. Guardalo con l’audio prima di renderizzare l’intero filmato. Verifica che il testo resti leggibile durante il movimento, che la profondità non nasconda informazioni e che il motore di rendering riproduca le immagini statiche approvate.

Punto di controllo: il segmento più difficile funziona in movimento e il rendering completo è riproducibile.

Passaggio 7: revisiona l’esportazione, quindi confronta le versioni

Guarda il file effettivamente esportato dall’inizio alla fine con l’audio. Esaminalo poi senza audio e controlla fotogrammi selezionati. Ogni passaggio rileva difetti diversi: ritmo scomodo, narrazione visiva debole e problemi locali di rendering.

Usa un’istruzione di revisione mirata. Invece di «miglioralo», indica un timestamp, il problema osservato e il risultato desiderato. Un confronto affiancato deve utilizzare tempi allineati e le stesse condizioni di riproduzione; in caso contrario, una colonna sonora più forte o un taglio spostato possono rendere il confronto fuorviante.

Revisiona il filmato esportato rispetto al brief approvato.
Controlla l’identità iniziale, il messaggio, la leggibilità del testo,
la coerenza degli asset, il movimento distintivo, le transizioni, la sincronizzazione audio,
la naturalezza della conclusione e la pausa finale.
Per ogni difetto, indica timestamp, prova visibile o udibile,
impatto sullo spettatore e una proposta concreta di correzione.
Confronta le esportazioni precedente e attuale sugli stessi aspetti.
Non dichiarare l’esito positivo basandoti soltanto su un provino a contatto o sul completamento del rendering.

Prima di considerare concluso il filmato, verifica quanto segue:

  • Il primo fotogramma, tutte le transizioni e l’ultimo fotogramma vengono renderizzati correttamente.
  • Il testo è leggibile alle dimensioni di destinazione e rimane sullo schermo abbastanza a lungo.
  • L’audio viene riprodotto per tutta la durata, gli effetti sono allineati alle azioni e la conclusione suona intenzionale.
  • Il file si apre, consente lo spostamento lungo la timeline e viene riprodotto fino alla fine.
  • Risoluzione, proporzioni, frame rate e durata corrispondono al brief.
  • Il sorgente modificabile e gli asset necessari sono inclusi, mantenendo intatti i crediti di produzione e i limiti d’uso.

Mantieni una libreria di riferimenti riutilizzabile

Una libreria utile registra più di semplici miniature accattivanti. Conserva autore e link originali, motivo della raccolta del filmato, famiglia di movimento, pubblico previsto o caso d’uso, requisiti degli asset, note di analisi e stato attuale.

Usa una progressione semplice: idea → analizzato → in produzione → completato. Aggiungi inizialmente un’idea con tre campi: nome, link e motivo per cui l’hai salvata. Arricchiscila quando diventa pertinente a un progetto reale. Una tabella facilita il confronto, una galleria la consultazione visiva e una bacheca di stato mostra che cosa è pronto per l’uso.

Domande frequenti

Serve il 3D per ottenere un filmato curato?

No. In questi progetti, tipografia, schede e composizioni di prodotti sono state spesso gestite con strumenti 2D. Usa il 3D quando la prospettiva o il movimento nello spazio sono centrali per il messaggio. La complessità aggiuntiva del rendering deve risolvere un problema visibile.

Perché revisionare immagini statiche se il lavoro finale è in movimento?

Le immagini statiche mettono in evidenza a basso costo gerarchie errate, asset incoerenti, testi illeggibili e composizioni deboli. Non sostituiscono la revisione del movimento. Approva prima il sistema visivo, quindi verifica con l’audio il segmento in movimento più difficile.

Che cosa fare se il filmato sembra statico?

Individua dove scompare l’energia. Il problema potrebbe essere una pausa lunga, un easing ripetitivo, una colonna sonora priva di contrasto o un’inquadratura che non aggiunge informazioni. Mantieni le pause di lettura intenzionali. Aggiungere movimento ovunque può rendere il filmato più difficile da seguire.

Il tuo primo progetto di esercitazione

Scegli un prodotto e un messaggio. Seleziona un riferimento della famiglia appropriata, analizzane le battute e scrivi un brief originale con un unico movimento distintivo. Scegli l’audio, prepara immagini statiche rappresentative, approva il segmento difficile, quindi esegui il rendering e revisiona l’intera esportazione.

Fermati quando messaggio, immagini, audio e consegna soddisfano tutti il brief. Conserva insieme il sorgente e le note di revisione: renderanno la modifica successiva più semplice rispetto a ripartire da un altro prompt vago.