Tutorial di Illustrator: come creare animazioni con Illustrator

Oggi vi propongo questo semplice ma utile tutorial in cui imparerete a creare animazioni Flash utilizzando solo Illustrator . Illustrator è un programma di grafica vettoriale e progettazione che, come Photoshop, appartiene alla suite di programmi Adobe ed è uno degli strumenti chiave che hanno aiutato l'azienda a diventare lo standard di settore nella progettazione grafica odierna.

La suite Adobe è in continua espansione, offrendoci nuove applicazioni per nuovi ambiti del lavoro creativo a livelli che solo pochi anni fa potevamo solo sognare, dai programmi dedicati alla creazione di modelli agli editor audio e video. I programmi Adobe spesso incoraggiano l'integrazione delle diverse piattaforme all'interno della suite, ad esempio includendo strumenti di un programma in un altro, o trasferendo funzionalità da un programma all'altro. Oggi, a titolo di esempio, vi mostreremo come creare una semplice animazione con Illustrator ed esportarla in Flash. Oggi vi presento: Tutorial di Illustrator : Come creare animazioni con Illustrator.

Creeremo un'animazione web in Flash ( SWF ), ma useremo Adobe Illustrator . Per iniziare, apri un nuovo documento andando su File > Nuovo documento . Si aprirà una finestra di dialogo con un menu; inserisci il nome e assicurati di selezionare il profilo Web.

Ora, nel nuovo documento, inizieremo a lavorarci. Per questa animazione , ho scelto un disegno vettoriale che ho scaricato da internet, da un sito web di cui abbiamo parlato in un post precedente, Freepik, un motore di ricerca per foto e vettoriali gratuiti , e l'ho leggermente modificato. Andiamo al pannello Livelli e lo nominiamo correttamente. È molto importante essere organizzati con i livelli fin dall'inizio. Lo chiameremo Chicken01.

L' animazione sarà piuttosto semplice: sposteremo il pulcino da un lato all'altro dello schermo e daremo movimento ai suoi occhi. Per prima cosa, duplica il livello nel pannello Livelli facendo clic sul livello e trascinandolo sull'icona del nuovo livello, ad esempio. Rinominare il livello è importante.

Selezioneremo i due occhi del pollo che si trova nel livello Chicken02 , e poi selezioneremo gli occhi del pollo.

Con gli occhi del vettore del pollo nel livello superiore, Pollo02 , selezionati, facciamo clic con il pulsante destro del mouse e dalla finestra di dialogo corrispondente seguiamo il percorso Trasforma-Rifletti.

Una volta selezionata l' opzione Specchio , tocca l'opzione Verticale e il gioco è fatto. Ora avrai il disegno del pollo in alto con gli occhi in una direzione e quelli in basso con gli occhi in un'altra.

Ora raddoppiamo più polli

Anche in questo caso, per duplicare i livelli, useremo il pulsante Nuovo livello nel menu Livelli. Clicca sui livelli Chicken01 e Chicken02 tenendo premuto il tasto Maiusc e trascina sul pulsante Nuovo livello.

Dobbiamo rinominare tutti i polli, assicurandoci di seguire la sequenza in modo che il pollo formato da Chicken01 e Chicken02 si trovi sul lato sinistro dell'area di lavoro, e seguendo il suo ordine numerico, il pollo formato dai livelli Chicken03 e Chicken04 sarà a destra, e così via, mantenendo l'ordine dei livelli nel pannello Livelli. Questo è molto importante, poiché l' animazione seguirà sempre l'ordine dei livelli, con il primo fotogramma corrispondente al primo livello e l'ultimo fotogramma all'ultimo.

Una volta posizionati correttamente tutti i polli (come spiegato sopra), accederemo alla finestra Esporta documenti andando su File > Esporta. Lì, sceglieremo SWF o Flash come formato di esportazione . Apparirà un'altra finestra di dialogo in cui configureremo i passaggi finali. Con l' opzione Base selezionata, sceglieremo di esportare come livelli AI in frame SWF e selezioneremo la versione di Flash più recente disponibile, Adobe Flash Player 9. Selezioneremo anche l'opzione "Ritaglia in base alle dimensioni dell'area di lavoro". Ci sono diverse altre opzioni interessanti, che esploreremo in un altro tutorial.

Successivamente, nella stessa finestra di dialogo, seleziona l' opzione Avanzate e scegli la risoluzione e la frequenza dei fotogrammi, impostandole su 15. Come puoi vedere, qui possiamo scegliere l'ordine dei livelli, che, come accennato in precedenza, abbiamo configurato in modo che l'animazione venga eseguita dal basso (primo livello) verso l'alto (ultimo livello) del pannello Livelli nella tua interfaccia. Una volta esportato, visualizza il risultato in qualsiasi programma di riproduzione video.

Maggiori informazioni – Freepik, motore di ricerca per foto e vettoriali gratuiti