Tutorial Illustrator Eve di Wall-e vettoriale

October 26th, 2008 | Published in Illustration | 14 Comments

Mi piaciuto cos tanto il film che ho deciso di dedicargli un tutorial per la creazione di uno dei personaggi principali. In questo tutorial mi focalizzer principalmente sulluso del Mesh Tool, sconosciuto ai neofiti e ignorato spesso anche dagli utilizzatori pi esperti.

In un nuovo documento disegnamo un ovale bianco.

Deformiamolo usando la freccina bianca Direct Selection tool e agendo sul vertice in alto. Lo abbassiamo (1) e tiriamo le maniglie verso lesterno (2) (3) per ottenere una cosa simile alla figura qui sopra

Diamo una forma pi affusolata alla parte bassa selezionando sempre col direct selection tool i punti ai lati della circonferenza e trascinando la maniglia bassa di ciascun punto un po verso linterno, come in figura.

Creiamo la forma base della testa con lo stesso procedimento.

Usiamo un grigio medio come colore del contorno, diamo un giusto spessore e scegliamo che il bordo sia esterno alla figura.

Selezioniamo il corpo, CTRL+C e CTRL+F per incollare sul posto. Alla nuova forma appena incollata togliamo il contorno e lasciamo solo il riempimento bianco. Con i tasti direzionali della tastiera spostiamo leggermente a destra in modo che nasconda parzialmente il bordo grigio della figura sottostante. Facciamo lo stesso per la testa.

Selezioniamo il corpo senza il bordo ( quello pi alto che abbiamo appena spostato) e con lo strumento Mesh Tool (1) creiamo una griglia esattamente come in figura cliccando nei punti indicati dalle frecce.

con il Direct selection tool (1) selezioniamo i punti 2-3-4 tenendo premuto SHIFT e diamo un grigio al 30%.

Sempre selezionado con la freccia bianca selezionate il punto 1 e assegnate un nero al 15%, al punto 2 nero al 10% cos come al punto 3. Al punto 4 nero 20%, 5 nero 10% e 6 nero 15%.

Con il Pen Tool (1) create la forma che vedete al punto (2) indicata dalla freccia. Diamo come riempimento un gradiente circolare con 2 grigi non troppo scuri e il bianco disposti come vedete al punto (6). Con il Gradient Tool aggiustiamo la posizione per ottenere il risultato che vediamo in figura.

Aggiungiamo un riflesso creando una semplice linea bianca che segue la forma precedentemente creata, come vedete nellimmagine. Lo spessore nel mio caso 2 punti, ma dipende dalle dimensioni a cui state lavorando. Regolatevi cercando di seguire le proporzioni che vedete nelle immagini.

Facciamo qualcosa di simile per la testa, sempre usando il Mesh Tool.

I punti centrali 4-5-6 sono pi scuri, quelli esterni sulla sinistra pi chiari. Ai punti del bordo (1-2-3 ecc) dal lato sinistro stato dato un grigio chiaro

mentre la linea indicata al punto 7 bianca. Per dare una corretta rotondita alle ombre potete spostare i punti regolandovi ad occhio, tenete comunque presente che gran parte della zona centrale della testa sar poi coperta dalla mascherina nera.

A questo punto dovreste avere qualcosa del genere.

Analogamente a quanto fatto allinizio create la mascherina nera con lo strumento ellisse e lavorando col Direct Selection tool sui suoi punti.

Diamo come riempimento un gradiente nero e grigio molto scuro sulla destra.

Con il pen tool disegnamo la forma che vedete in figura, diamo un gradiente con 2 grigi e portiamo dietro a tutto.

Duplichiamola con CTRL+C e CTRL+B (in questo modo verr incollata sul posto ma dietro alloriginale), ruotiamola leggermente e riempiamola col bianco e diamo una traccia grigia.

Mantenendo selezionata questa forma andiamo su Object ed Expand Appearance.

Otterremo il gruppo che vedete in figura nella palette Layers. Il sottolivello Path (2) possiamo eliminarlo cliccando sul cestino (3)

A quello che resta diamo un gradiente bianco grigio radiale.

Questa parte complessa ma fate attenzione perch verr riutilizzata in seguito (questo step utilizzato anche nel tutorial del cuore glossy). Creiamo la forma in figura (1), riempimento nero (come vedete nella preview piccola al punto 2). Andiamo sulla palette Transparency e diamo opacit 10%. Clicchiamo sulla piccola freccia (3) e selezionamo Make opacity mask. Clicchiamo nella preview indicata da (4). Ora disegnamo una forma simile a quella originaria ma un po pi grande (non importa che sia precisa al millimetro) e diamo un gradiente radiale bianco nero come riempimento. Aggiustiamo con il Grandient Tool. In questo modo daremo un aspetto pi sfumato allombra del braccio. Clicchiamo nuovamente sulla preview a sinistra (7)(2) per tornare a lavorare sul disegno.

Con il solito procedimento iniziale disegnamo il braccio come in figura

Come prima creiamo la griglia che vedete nellimmagine con il Mesh Tool.

Ai punti indicati dalle frecce diamo un nero 20%.

Tra 1 e 2 assegnamo nero al 30%, a tutti i punti delle 2 file successive, tranne i punti 3-4-5, diamo un nero al 20%. I punti 3-4-5 restano bianchi

A tutti i punti indicati dalle frecce nero al 20%

Disegnamo un cerchietto azzurro molto piccolo (grande come uno dei led negli occhi di Eve). Selezioniamolo e definiamo un nuovo pennello (2). Nella finestra che comparir scegliamo New Pattern Brush diamo ok e ancora ok ed il nuovo pennello comparira nella palette Brushes. Con lo strumento penna (3) (o se preferite linea) disegnamo una breve linea (4) orizzontale. Copiamola e incolliamola con CTRL+F pi volte spostandola coi tasti direzionali sopra o sotto alla precedente formando un quadratino di pallini. A questo punto selezioniamo tutto il quadratino e su Edit e clicchiamo Define Pattern e il nostro nuovo pattern comparira tra i nostri campioni nella palette Swatches. Disegnamo gli occhi con 2 ovali leggermente inclinati e diamo come riempimento il nostro pattern appena creato.

Con il procedimento della maschera di opacit spiegato prima ho aggiunto alcuni punti luce e qualche ombra extra e poi una semplice ombra a terra.

Fin! (i copyright sulle immagini appartengono Disney/Pixar)