AiutoMotion design

Motion design

Guarda l'esempio di motion design in evidenza, quindi scopri come definire il brief, visualizzare l'anteprima, apportare revisioni ed esportare un progetto. La procedura dettagliata utilizza un progetto di esercitazione Focus separato.

Motion design — esempio in evidenza, 37 secondi. I passaggi seguenti utilizzano un progetto Focus separato per illustrare il flusso di lavoro.

Inizia con uno dei cinque esempi integrati

In Home, scegli Motion design sotto il prompt. Sono visibili quattro righe alla volta. Scorri sull’elenco degli esempi per visualizzare Product Promo in fondo.

Registrazione continua con scorrimento; l’app mostra quattro righe alla volta.

Trova una direzione utile

  • Bring Ideas to Life: una storia di 20 secondi realizzata con ritagli di carta, per narrazione, personaggi e texture artigianali.
  • The Future Is Already Here: un reel tecnologico di 20 secondi per montaggio ritmato, tipografia cinetica e superfici cromate.
  • Motion Designer Showreel: una presentazione di motion design di 15 secondi per portfolio e introduzioni.
  • One-Shape UI Motion: una trasformazione continua dell’interfaccia di 14 secondi, da pulsanti e stati di caricamento a player e grafici.
  • Product Promo: un filmato di 15 secondi per un prodotto di pagamento immaginario, pensato per mostrare vantaggi, dimostrazioni dell’interfaccia e un finale con il brand.

Visualizza prima l’anteprima, poi adatta il prompt

Fai clic sulla miniatura per aprire Preview. Chiudila, quindi fai clic sul titolo o sul testo del prompt per inserire il brief di esempio nell’area di composizione. Sostituisci il prodotto, i testi, le tempistiche e lo stile prima dell’invio. L’apertura di un’anteprima non crea un nuovo progetto personale.

Prima di iniziare

Completa una volta la configurazione della connessione AI. Scegli un progetto abbastanza piccolo da poter essere esaminato: l'esempio Focus utilizza un punto verde, una scheda attività, un segno di completamento e un messaggio finale del brand. Utilizza animazioni e audio locali anziché un servizio esterno a pagamento per la generazione di contenuti multimediali.

Passaggio 1 — Scegli Motion design

In Home, apri il menu del tipo di creazione sotto il prompt e scegli Motion design. Gli esempi di motion design integrati vengono visualizzati sotto l'area di composizione. L'elenco mostra quattro righe alla volta; scorri al suo interno per raggiungere la quinta. Se vuoi un punto di partenza, sfoglia tutti e cinque gli esempi.

Scegli Motion design dal menu del tipo di creazione in Home.

Passaggio 2 — Descrivi il risultato

Specifica durata, proporzioni, testo visibile, direzione visiva, tempistiche delle scene, audio e file finali. Quando ti servono entrambi, richiedi una sorgente modificabile e un MP4 riproducibile.

Crea un filmato motion di prodotto di 10 secondi chiamato Focus, in formato 1920×1080 a 30fps. Usa bianco carta #fafafa, inchiostro #262626 e un sobrio accento verde #63fe13. Fai passare in modo continuo un unico punto verde attraverso una scheda attività Collect, un segno di spunta Done e un marchio Focus finale. Mostra Focus tra 0–2s, Collect tra 2–5s, Done tra 5–8s e “Make room for what matters.” tra 8–10s. Aggiungi musica originale delicata e alcuni effetti sonori discreti, senza voce fuori campo né servizi esterni a pagamento per i contenuti multimediali. Crea in questo progetto la sorgente modificabile e l'MP4 effettivo.
Bozza di un brief in inglese nell'area di composizione di Home. Conferma il tipo di creazione prima di inviarlo.

Passaggio 3 — Attendi la produzione e il rendering

L'agente crea i file sorgente e le risorse, quindi esegue il rendering del video. Un piano o un'anteprima animata della sorgente non dimostrano che l'MP4 esista. Attendi che siano disponibili il file video e lo stato di completamento del rendering.

L'app durante il rendering del video effettivo.

Passaggio 4 — Esamina il video

Apri l'elemento MP4 e riproducilo. Controlla il testo, la continuità del movimento, le transizioni, il fermo immagine finale, la musica e gli effetti sonori. Scorri anche la timeline, oltre a guardare il video dall'inizio alla fine. Esamina separatamente la sorgente modificabile se devi continuare a lavorarci.

Controlli originali dell'app e relative posizioni operative. La grafica del player è composta utilizzando il filmato in evidenza a scopo illustrativo.
La scena blu dipinta a mano al secondo 18 del filmato in evidenza.

Passaggio 5 — Richiedi una revisione specifica

Continua nello stesso progetto. Indica la modifica esatta e ciò che deve rimanere coerente, quindi richiedi un nuovo rendering. Nella procedura reale, la seconda versione modifica soltanto il messaggio finale. Apri il nuovo MP4 e verifica che la frase aggiornata sia visibile. L'aggiornamento della sorgente non modifica retroattivamente un video già sottoposto a rendering.

Cambia la frase finale da “Make room for what matters.” a “Focus on what matters.” Mantieni invariate le altre scene, la durata di dieci secondi, i colori e l'audio. Esegui il rendering di focus-v2.mp4 e conserva il file focus.mp4 originale per il confronto.
Controlli originali dell'app e relative posizioni operative. La grafica del player è composta utilizzando il filmato in evidenza a scopo illustrativo.

Passaggio 6 — Scarica la versione verificata

Apri l'MP4 che intendi consegnare e fai clic su Download nella barra degli strumenti in alto a destra. Scegli una posizione e un nome file nella finestra di salvataggio del sistema. Verifica che il file locale esista, sia riproducibile e contenga l'ultima revisione. Se non è possibile completare l'operazione dalla finestra di salvataggio, conserva il progetto e includi lo stato di errore della finestra quando chiedi assistenza al supporto. Fare clic sul controllo Download non significa che il salvataggio sia stato completato.

Controlli originali dell'app e relative posizioni operative. La grafica del player è composta utilizzando il filmato in evidenza a scopo illustrativo.

Conserva il progetto modificabile

Per questo esempio, il file di ingresso è motion-source/focus/index.html. Quando sposti la sorgente, conserva insieme a esso il relativo file GSAP, i font e l'audio. L'MP4 è il file finale destinato alla riproduzione; non contiene il progetto sorgente modificabile.

Controlli originali dell'app e relative posizioni operative. La grafica del player è composta utilizzando il filmato in evidenza a scopo illustrativo.

Rendi il brief più facile da seguire

Specifica il testo visibile anziché chiedere all'agente di immaginarlo. Usa intervalli temporali per i momenti importanti e indica se l'output è un filmato o un'animazione interattiva. Specifica esplicitamente musica e voce fuori campo. Per le revisioni, indica la scena o l'intervallo temporale e identifica gli elementi che devono rimanere invariati.