Come realizzare un'animazione semplice utilizzando Adobe Illustrator e After Effects

Hai mai realizzato un'illustrazione fantastica con Adobe Illustrator e ti sei chiesto cos'altro puoi farci? Puoi importarlo in After Effects e trasformarlo in un'animazione fantastica. Segui insieme per vedere quanto può essere facile.

Crea un'illustrazione in Adobe Illustrator

Esistono diversi modi per creare un'illustrazione per un'animazione futura. L'utilizzo di Adobe Illustrator offre soluzioni di illustrazione intuitive che possono essere facilmente importate e comprese in After Effects. Potresti anche usa Photoshop per creare una composizione per After Effects, ma ci concentreremo sul lavoro con Illustrator.

Quando crei il tuo documento Illustrator, impostalo per le dimensioni del video previsto (stiamo usando 1920 x 1080). Per iniziare un nuovo documento, fare clic su Nuovo file e scegli le tue dimensioni. Clic OK e sei pronto per iniziare a progettare.

Usa forme semplici

Un vero vantaggio dell'utilizzo di Illustrator per la progettazione dell'animazione sono le opzioni di Pathfinder. Puoi progettare utilizzando forme semplici, come un'ellisse o un rettangolo, e utilizzando le funzioni Pathfinder, puoi trasformare facilmente quelle forme semplici in illustrazioni più complicate.

L'uso di forme semplici e minimaliste per la tua illustrazione ti aiuterà anche quando si tratta di animare. Una semplice illustrazione è più facile da animare di qualcosa di molto più complesso. Probabilmente noterai che la maggior parte delle animazioni che trovi online sono piuttosto semplici.

Una tavolozza di colori minimalista completerà la tua semplice animazione: abbiamo scritto una guida per la creazione una tavolozza di colori automatizzata in Illustrator.

Lavora su livelli separati

Lavorare su livelli separati in Illustrator non è solo una buona pratica, ma è fondamentale per importare l'illustrazione in After Effects in un secondo momento. I livelli verranno mantenuti e potrai facilmente animare strato per strato.

Ogni elemento del tuo progetto che vuoi animare, o non animare, deve trovarsi su un livello separato. Se un elemento è complesso ma non ha singole parti che possono essere animate, l'intera sezione dovrebbe trovarsi sullo stesso livello insieme. Ogni livello dovrebbe essere rinominato in modo da poterli tenere traccia tutti in AE. Per rinominare un livello, fai doppio clic sul suo nome corrente.

Quando importi la tua illustrazione in AE, non solo le dimensioni del file e del livello rimarranno le stesse, quindi mantenendo i tuoi elementi nelle loro posizioni corrette, ma gli elementi di animazione saranno tutti correttamente separati anche.

Salvataggio del tuo file di Illustrator

Con la tua illustrazione completa, vai a File > Salva con nome e salvalo come file AI. Dopo aver cliccato Salva, apparirà un popup. Assicurarsi che il Crea file PDF compatibili casella è selezionata, quindi fare clic su OK.

Il motivo per salvare l'illustrazione come file AI è che diventa un file live. Se hai creato la tua animazione con lo stesso file, ma in seguito ti rendi conto che vuoi cambiare il colore o un aspetto dell'illustrazione, puoi farlo. Qualsiasi modifica salvata nel file AI verrà immediatamente riflessa nell'animazione di After Effects, purché utilizzi il file AI.

Questa è un'opzione che si spera non ti serva se hai realizzato l'illustrazione nel modo desiderato. Ma è fantastico avere la possibilità di cambiare aspetti in futuro, se necessario.

Importare il tuo progetto in Adobe After Effects

Con il tuo file AI salvato, è ora di importare l'illustrazione in After Effects. AE ha tre aree principali: pannello del progetto, sequenza temporale e composizione. Fare doppio clic nel pannello Progetto e apparirà un popup. Trova il tuo file Illustrator, scegli Importa come > Composizione: mantieni le dimensioni dei livellie fare clic Importare. Assicurarsi Crea composizione è controllato.

Quando si apre, vedrai due opzioni di file nel pannello Progetto. Uno sarà il file di composizione e l'altro sarà una cartella dei livelli separati. Non è necessario utilizzare la cartella. Trascina il file di composizione sulla timeline e la tua illustrazione apparirà nell'area di composizione. Vedrai tutti i tuoi livelli nella timeline.

Puoi regolare la durata dell'animazione estendendo o riducendo la fascia oraria sopra la timeline. Questa sarà la lunghezza del tuo video una volta esportato, ma può essere modificata in qualsiasi momento durante il processo di progettazione.

Trasforma in After Effects

Nella timeline, ogni livello può essere animato individualmente con molte diverse opzioni di transizione. Per vedere le transizioni, fai clic sul piccolo freccia bianca su un livello, quindi fare clic sulla freccia accanto a Trasformare per visualizzare e modificare i tipi di animazione.

Vedrai queste opzioni di trasformazione:

• Punto di ancoraggio
• Posizione
• Scala
• Rotazione
• Opacità

Accanto a ciascuna delle opzioni ci sarà una serie di numeri. Questi numeri possono essere una percentuale, coordinate o qualcos'altro. Ognuno di essi si riferisce all'opzione Trasforma a cui si trovano accanto; quando trasformi parte della tua animazione, i numeri rifletteranno il cambiamento.

La modifica delle opzioni di trasformazione non farà nulla senza l'uso di fotogrammi chiave. Sono la parte più importante dell'animazione in After Effects.

Lavorare con i fotogrammi chiave

I fotogrammi chiave sono icone a forma di diamante che rappresentano un elemento Trasforma per l'indicatore del tempo. Prima di poter utilizzare i fotogrammi chiave, è necessario premere l'icona del cronometro accanto all'opzione Trasforma scelta: funge da interruttore e riconosce che l'opzione Trasforma è in uso.

Con il cronometro attivo, puoi spostare l'indicatore del tempo, una linea blu verticale con una scheda in alto, lungo la sequenza temporale dell'animazione nei punti in cui desideri che gli elementi di animazione accadano. La modifica dei parametri numerici aggiungerà un fotogramma chiave. Per alcune opzioni di trasformazione, come Scala o Posizione, puoi anche spostare manualmente l'elemento nella finestra di composizione invece di modificare i numeri.

Ogni volta che sposti l'indicatore del tempo e quindi modifichi un parametro Trasforma, verrà aggiunto un fotogramma chiave. Puoi spostare i fotogrammi chiave dalle loro posizioni e il parametro si sposterà nel punto in cui hai posizionato il fotogramma chiave.

Puoi anche copiare e incollare un fotogramma chiave per rifletterlo su un altro livello. Ad esempio, se desideri che più livelli si spostino contemporaneamente, puoi copiare i fotogrammi chiave Posizione di un livello e incollarli in un altro livello. Si incolleranno ovunque si trovi l'indicatore del tempo. Selezionando più livelli contemporaneamente e aggiungendo fotogrammi chiave a uno verrà posizionato lo stesso fotogramma chiave su tutti i livelli selezionati.

Usando Easy Facilità

La funzione Easy Ease è comunemente usata, ma cosa fa? L'indizio è in qualche modo nel nome: alleggerisce gli elementi dell'animazione.

L'aggiunta di Easy Ease a un fotogramma chiave conferisce all'opzione Trasforma una facilità più naturale, piuttosto che una fine (o un inizio) improvviso. È una differenza molto sottile, ma è quella che, probabilmente, aggiunge un livello di esperienza alle tue animazioni.

Per utilizzare Easy Ease, fai clic con il pulsante destro del mouse su qualsiasi rombo del fotogramma chiave e vai a Assistente fotogrammi chiave > Facile. Puoi anche usare la scorciatoia F9 per implementare Easy Easy. Il diamante del fotogramma chiave si trasformerà in una forma a clessidra per rappresentare Easy Ease.

Esportare la tua animazione

Una volta che hai finito di animare in After Effects e sei soddisfatto di come appare, devi salvare il tuo video. Puoi usa plugin come LottieFiles per creare animazioni Lottie dal tuo video, oppure puoi esportare come video con diverse opzioni di rendering.

Vai a File > Esporta > Aggiungi alla coda di rendering. Scegli una destinazione di output e fai clic Rendi. Puoi lasciare che la tua animazione venga renderizzata senza supervisione; a seconda della sua lunghezza e del numero di elementi, potrebbe volerci del tempo. Una volta terminato il rendering, hai il tuo video di animazione.

Trasforma la tua arte di Illustrator in After Effects

Puoi massimizzare le tue abilità di Adobe Illustrator trasformando una semplice illustrazione in un'animazione impressionante. Utilizzando lo strumento Pathfinder e i livelli di Illustrator, apprezzerai lo strumento dopo averlo importato in After Effects. Segui questa guida e crea una fantastica animazione.

Oltre 75 scorciatoie da tastiera di Adobe After Effects per semplificarti la vita

Leggi Avanti

Circa l'autore