Illustrator Tips – Preparare le risorse per l’animazione
In questo post vedremo come possiamo usare Adobe Illustrator per lo sviluppo di personaggi 2-d che possono essere esportati in un programma come After Effects per essere portati in vita – pro illustrator tips!
Un video dove dimostriamo questo è Shippo video. Prima che un animatore possa fare il suo lavoro ha bisogno di qualcosa con cui lavorare, quindi costruiamo le risorse in Illustrator.
Uno degli aspetti più importanti dello sviluppo del personaggio per l’animazione è tener conto che lavoriamo a livelli e che ogni cosa che animiamo è sul proprio livello individuale, in termini semplici per un personaggio di camminare ha bisogno di due gambe, queste due gambe possono essere tradotte in termini di Illustrator come due livelli separati, quindi quando creiamo quelle gambe dobbiamo essere molto specifici nel nominare quei livelli SINISTRO e DESTRO perché abbiamo una gamba sinistra e una gamba destra. È importante per noi impostare una struttura di livelli coerente in modo che quando passiamo il nostro lavoro ad un animatore o a qualcuno che ha esperienza di lavoro con Adobe After Effects saprà esattamente cosa fare con loro, e potranno lavorare in modo più efficiente.
Questi sono i passi che devi fare quando disegni i tuoi personaggi per l’animazione.
Il personaggio completo in Illustrator, come si vede nel pannello dei livelli, è composto da singoli elementi tutti creati nel programma e poi posizionati con cura per far sì che il personaggio abbia forma,
L’ordine dei livelli è molto importante perché come sono ordinati avrà effetto su come viene visto il personaggio. Per esempio gli occhi per essere visti devono essere su un livello che è sopra la testa. Quindi guardando l’immagine qui sopra i livelli superiori sono gli occhi e la bocca in quanto sono caratteristiche chiave che devono essere animate. Le braccia e i piedi sono stati creati su livelli separati e sono nominati sinistra e destra per creare una certa distinzione tra loro.
Creare le parti del corpo e nominarle.
La testa e i capelli possono essere fusi insieme per diventare un unico livello.
Sul pannello dei livelli puoi chiamare questo HEAD.
Occhi & Bocca
Gli occhi sono due semplici cerchi creati con lo strumento ellisse
In questo caso creiamo un occhio dopo l’altro nominandoli occhio destro e occhio sinistro, gli occhi non devono essere fusi insieme per formare un unico livello devono essere separati.
Una volta creati gli occhi dovete nominarli destro e sinistro. Se si creano occhi di personaggi più complessi con cornee si dovrebbe usare lo stesso riferimento essendo destra e sinistra.
La bocca del personaggio è abbastanza semplice. Per creare la bocca dobbiamo usare lo strumento penna per creare una curva. La curva può assomigliare a un sorriso o a un cipiglio a seconda della direzione in cui sta andando.
Se avete familiarità con lo strumento penna in Adobe Illustrator saprete che disegnare curve è una questione di tenere premuto il tasto del mouse per ottenere la curva desiderata e poi tracciare un punto da dove volete che la curva finisca.
Per fare una curva è molto semplice. Sopra abbiamo due punti A e B la curva sarà una linea che unisce i punti A e B.
Selezionate il vostro strumento penna in Illustrator.
Con lo strumento penna nel punto A cliccate e muovete il mouse in linea retta fino al punto B. Una volta che la linea retta è formata cliccate e poi tenete premuto il tasto del mouse e muovete il mouse nella direzione desiderata che volete che la curva vada in questo caso muovendo la curva verso il basso si avrà un sorriso e muovendo il mouse verso l’alto si creerà un triste cipiglio. Il risultato finale dovrebbe essere simile a questo. Non dimenticate di spegnere le opzioni di riempimento e date al tratto un peso, preferibilmente un peso pesante di 2-4pts a seconda di quanto spesso volete che la vostra linea sia.
Il risultato finale dovrebbe essere qualcosa di simile a questo.
Ecco una bocca che ho fatto prima che funzionerà bene con i personaggi.
Quando abbiamo combinato la bocca e gli occhi otteniamo qualcosa come questo.
Questi sono tutti su livelli individuali separati e saranno posizionati sopra il livello testa.
I livelli sono indicati dai colori
Layer blu – occhio sinistro
Layer verde – occhio destro
Layer viola – testa e capelli (HEAD)
Layer rosso – bocca
Se guardate il pannello dei livelli abbiamo ogni elemento del personaggio su un livello rappresentato da un colore. Come detto sopra la bocca
si trova su un livello rosso, dovresti vedere la linea colorata accanto al tuo livello e all’estrema destra del livello vedrai un quadrato colorato. Sotto la bocca l’occhio destro si trova su un livello verde, l’occhio sinistro su un livello blu scuro e la testa che include i capelli si trova su un livello viola.
I livelli possono essere riordinati in qualsiasi momento quindi se i tuoi livelli sono disordinati non preoccuparti, ricordati solo di sistemare i livelli man mano che vai avanti, ti renderai le cose più facili.
La testa dovrebbe apparire così.
Questa è una composizione di livelli, che sono stati ordinati in modo da creare un volto del personaggio. Guardando l’immagine è semplice dire che lo strato inferiore è la testa e gli occhi e la bocca sono sopra la testa.
Il resto del personaggio è progettato sugli stessi principi della testa.
Abbiamo due braccia, gambe e due piedi. E il corpo. Se volessimo creare movimenti più complessi del corpo, avremmo bisogno di creare dei perni che fungerebbero da articolazioni, per le braccia sarebbero
i gomiti e per le gambe le ginocchia. Se vuoi che il tuo personaggio abbia movimenti umani naturali come camminare, allora è qui che sarebbero necessari.
Se le braccia dovessero muoversi separatamente, allora dovrebbero essere messe su livelli separati e gli verrebbero dati i nomi di destra e sinistra.
Secondo il pannello dei livelli il braccio destro è su un livello ciano e il braccio sinistro è su un braccio grigio.
Il corpo è una t-shirt bianca/grigia. è rappresentato da un segno giallo sul pannello dei livelli. Quando è selezionato nel
lavoro artistico avrà dei segni di selezione gialli su di esso.
Finalmente dovremmo avere qualcosa come questo.
Le gambe di questo personaggio non si muovono ma come detto sopra se dovessimo creare delle camminate avrebbero bisogno di perni per le ginocchia.
I piedi comunque sono stratificati a sinistra e a destra.
Guardando le composizioni dei livelli si può vedere che tutti i livelli sono codificati per colore e ordinati in modo che non si scontrino.
Qui ci sono tutti i livelli in questo personaggio. Puoi vedere che alcuni livelli sono stati nominati a destra e a sinistra, questi sono gli occhi, le braccia e i piedi.
Quando si tratta di animare questo personaggio a causa del modo in cui il file è stato organizzato sarebbe molto coerente per l’animatore su quali elementi possono essere animati. Principalmente, anche se le gambe non sono state progettate con il movimento in mente, ci sono molti effetti per far funzionare questa animazione.