# Template di motion graphics: design in movimento senza After Effects

[Canonical HTML page](https://gradiently.design/it/guide/motion-graphics-templates)

La maggior parte dei brand ha bisogno di design in movimento ogni settimana e di un motion designer mai. Ecco cosa sono i template di motion graphics, quale tipo fa per te e come farne uno che sembri tuo e non di tutti.

## The short version

- I template di motion graphics sono design già animati in cui cambi parole, colori e contenuti mentre il movimento resta già fatto.
- I template per After Effects e Premiere Pro richiedono quei software, mentre gli strumenti di design nel browser offrono template animati che modifichi come un design normale.
- Un buon template di movimento ha poche parti in movimento, testo modificabile, formati per ogni piattaforma e un loop che si chiude in modo pulito.
- I template sembrano generici quando colori, tipografia e sfondo restano quelli originali, quindi sostituisci tutti e tre prima di pubblicare.
- Loop brevi da 5 a 15 secondi vanno bene per la maggior parte dei post e delle storie animati.

I **template di motion graphics** sono design già animati: cambi le parole, i colori, le foto o il logo e il movimento è già fatto. Esistono per software video professionali come After Effects e Premiere Pro, ma non ti serve nessuno dei due. Gli strumenti di design nel browser offrono template animati che modifichi come qualsiasi altro design, per poi esportarli come video o GIF. Il trucco è scegliere template con un movimento semplice e calmo e sostituirne abbastanza da far sembrare il risultato il tuo brand.

## I tipi di template di motion graphics

«Template di movimento» comprende file molto diversi. Quale ti serve dipende dal software che usi già e da quanto controllo vuoi.

| Tipo | Funziona in | Adatto a | Curva di apprendimento |
| --- | --- | --- | --- |
| Progetto After Effects | Adobe After Effects | Titoli complessi, rivelazioni di logo, controllo totale | Ripida |
| MOGRT (.mogrt) | Premiere Pro, con i controlli impostati in After Effects | Terzi inferiori e titoli dentro i montaggi video | Moderata |
| Template di Apple Motion | Final Cut Pro e Motion | Titoli e transizioni per i montatori su Mac | Moderata |
| Animazione Lottie (JSON) | Siti e app, tramite un player | Piccole animazioni di interfaccia e icone | Serve uno sviluppatore |
| Template di design animato | Strumenti di design nel browser | Post social, storie, annunci, loop per insegne digitali | Dolce |

Se crei post, storie e semplici annunci, di solito ti basta un template di design animato nel browser.

## Motion graphics senza After Effects

After Effects è fatto per keyframe, espressioni e compositing, molto più di ciò che serve a un post di saldi animato. Per la maggior parte del lavoro social e di marketing, tre tipi di movimento fanno tutto, e i buoni strumenti nel browser li offrono tutti e tre senza un solo keyframe.

- **Movimento di sfondo.** Il campo di colore scorre, fluisce o respira lentamente dietro parole ferme. Calmo, premium e facile da mandare in loop.
- **Entrate del testo.** Le parole salgono al loro posto, compaiono a scatto, entrano con una tendina o si scrivono lettera per lettera, poi restano ferme abbastanza a lungo da essere lette.
- **Sequenze di pagine.** Più riquadri si susseguono con una transizione in mezzo, come un carosello in movimento.

La regola che mantiene professionali tutti e tre: muovi una cosa alla volta e lascia che le parole si fermino prima che accada qualsiasi altra cosa. [Principi di motion design](https://gradiently.design/it/guide/motion-design-principles) e [easing](https://gradiently.design/it/guide/easing) spiegano perché il movimento calmo dà un’idea di qualità.

## Cosa rende buono un template animato

### Lascialo perdere

- Tutto si muove insieme
- Il testo esce prima che tu riesca a leggerlo
- Fisso a un solo formato
- Uno scatto quando il loop riparte
- Effetti che funzionano solo con la foto dimostrativa

### Sceglilo

- Una o due parti in movimento, il resto fermo
- Le parole arrivano, poi restano per due secondi o più
- Versioni per storia, post e quadrato
- Un loop che si chiude senza una giunzione visibile
- Sta bene con le tue parole, non solo con quelle d’esempio

Prova un template con il tuo titolo vero, il più lungo, prima di impegnarti. Molti template sono bellissimi con una riga d’esempio di tre parole e cadono a pezzi con la tua.

## Template da tenere pronti

Un piccolo insieme di template animati copre la maggior parte di ciò che un’attività pubblica. Crea ognuno una volta con il tuo brand, salvalo, e ogni versione futura è una modifica da due minuti.

Una storia verticale animata con conto alla rovescia con la scritta Mancano 3 giorni per un mercatino di primavera, su un gradiente in movimento

Una storia con conto alla rovescia: il numero cambia ogni giorno, lo sfondo e l’impaginazione mai.

Un post verticale per il feed con la scritta Saldi estivi, solo questo fine settimana, con lo sfondo a gradiente che scorre lentamente

Un post di saldi in cui le parole salgono su uno sfondo che scorre, poi restano.

- **Annuncio:** nuovo prodotto, nuovi orari, nuova assunzione. Vedi [post di annuncio](https://gradiently.design/it/guide/announcement-post-design).
- **Conto alla rovescia:** lanci, eventi, scadenze. Vedi [post con conto alla rovescia](https://gradiently.design/it/guide/countdown-post-design).
- **Citazione o testimonianza:** le parole di un cliente, scritte riga per riga.
- **Saldi o offerta:** il titolo e le date, nient’altro.
- **Consiglio o guida:** una breve sequenza di pagine, un passaggio per pagina.
- **Evento:** data, luogo, una riga sul perché.

## Come far sembrare un template il tuo brand

Il modo più rapido per riconoscere un template è che porta ancora i colori del template. Sostituiscili, in quest’ordine, e diventa tuo.

1. **Cambia lo sfondo** Lo sfondo riempie gran parte del riquadro, quindi fa gran parte del lavoro di brand. Usa il tuo campo di colore o gradiente, non quello del template.
2. **Cambia la tipografia** Imposta i titoli nel font per i titoli del tuo brand e il testo piccolo nel suo font per il corpo.
3. **Taglia ciò che non serve** Elimina forme decorative, adesivi e caselle di testo in più. Meno elementi, che si muovono meno, sembrano più costosi.
4. **Rallenta il movimento** Se il template offre un ritmo, scegli il più lento. I loop veloci sembrano scadenti in ripetizione.
5. **Crea ogni formato da un solo design** Costruisci le versioni per storia, feed e quadrato dallo stesso file, così restano identiche nell’aspetto.

- Rosa per un lancio: `radial-gradient(circle at 20% 20%, #fb7185 0%, #be123c 40%, #2a0612 85%)`
- Mare profondo per la tecnologia: `linear-gradient(200deg, #0f172a 0%, #0e7490 60%, #67e8f9 100%)`
- Crema calda per il cibo: `radial-gradient(circle at 75% 75%, #fcd34d 0%, #fef3c7 45%, #fffbeb 90%)`

Tre fondi di partenza. Qualunque scegli, usa lo stesso in ogni template, così l’insieme si legge come un unico brand.

## Esportare i template animati

Esporta in MP4 per Instagram, TikTok, LinkedIn e ovunque si riproduca video; usa la GIF solo dove il video non parte, come in alcuni client di posta. Tieni i loop tra 5 e 15 secondi per post e storie e controlla che l’ultimo fotogramma si ricolleghi al primo. [GIF e MP4](https://gradiently.design/it/guide/gif-vs-mp4) spiega i compromessi, e [post Instagram animati](https://gradiently.design/it/guide/animated-social-posts) tratta la pubblicazione.

## Template animati in Gradiently

I template di Gradiently (post, storie, poster, menu, biglietti e sfondi) prendono il tuo Mark come sfondo, quindi la parte in movimento è un gradiente o un materiale vivo che è solo tuo una volta riservato, e il template di nessun altro ha lo stesso aspetto. Le parole possono salire, comparire, entrare a tendina o scriversi, il Mark può scorrere, fluire, respirare o turbinare, e con Pro esporti loop senza interruzioni da 5 a 30 secondi in MP4, WebM o GIF, con ogni formato ricavato da un solo design. L’intera libreria di template fa parte di Pro.

## FAQ

### Che cosa sono i template di motion graphics?

Design già animati in cui cambi parole, colori e contenuti mentre l’animazione è già costruita. Esistono per After Effects, Premiere Pro, Final Cut Pro e gli strumenti di design nel browser.

### Posso fare motion graphics senza After Effects?

Sì. Gli strumenti di design nel browser offrono template animati con movimento di sfondo, entrate del testo e transizioni di pagina, esportati in MP4 o GIF, senza keyframe da imparare.

### Che cos’è un file MOGRT?

Un file Motion Graphics Template per Adobe Premiere Pro. Di solito si costruisce in After Effects ed espone controlli semplici, come testo e colore, da modificare dentro Premiere.

### Quanto dovrebbe durare un post social animato?

Da cinque a quindici secondi vanno bene per la maggior parte di post e storie. Lascia le parole ferme per almeno due secondi perché le persone possano leggerle.

### Come evito che un template di movimento sembri generico?

Sostituisci sfondo, font e colori con i tuoi, elimina i decori in più e rallenta il movimento.