Tutorial Illustrator – Eve di “Wall-e” vettoriale
October 26th, 2008 |
Published in
Resources, Tutorial Illustrator, Tutorials | 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 sull’uso 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 l’esterno (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 l’interno, 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 nell’immagine. 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 all’inizio 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 all’originale), 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 all’ombra 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 nell’immagine 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.
(i copyright sulle immagini appartengono Disney/Pixar)

Subscribe via RSS



























Photo Painting by Andrew B.
Linda Lundgren’s food
KoiKoiKoi logo restyling
North Kingdom Creative Agency
Glenn Arthur
Visual Inspiration from
Lips and Tongues by Julia
Tattoo skin painted by Julian
Sue Anne’s Shanghai
Focus on: Faile






October 27th, 2008at %I:%M %p(#)
gran tutorial!
October 27th, 2008at %I:%M %p(#)
semplice e ben fatto. personalmente, uso il mesh molto spesso, ma capisco che si possa rimanere abbastanza impauriti per il tempo e l’attenzione che questo geniale strumento richiede. per fortuna siamo ripagati dai risultati, che a volte raggiungono quasi il fotorealismo.
October 31st, 2008at %I:%M %p(#)
[...] tutorial + quello che volete ottenere per trovare tutto: icone per iphone, effetti di luce, disegnare Eve di wall-e in vettoriale, creare delle icone superfiche per il vostro mac, insomma davvero di [...]
November 8th, 2008at %I:%M %p(#)
very impressive.keep up the good work
Ronald
November 9th, 2008at %I:%M %p(#)
Illustrator Tutorial – Vector Eve From “Wall-e”…
Popularity: unranked [?]
……
November 11th, 2008at %I:%M %p(#)
Thanks! Nice post.
November 16th, 2008at %I:%M %p(#)
illustrator tutorial Eve and Wall-e robots vectorial
http://www.joyoge.com/story.php?title=illustrator-tutorial-eve-and-wall-e-robots-vectorial
thanks a lot…
November 22nd, 2008at %I:%M %p(#)
nice tut but the description is hard to understand
November 23rd, 2008at %I:%M %p(#)
my god, it’s so professional
November 26th, 2008at %I:%M %p(#)
Finally – a great tut to gradient mesh . thx a lot, chap =)
And thumbs up by chosing a nice character as EVE from Wall’E =D
December 9th, 2008at %I:%M %p(#)
Thanks!
December 23rd, 2008at %I:%M %p(#)
very nice, but im only amateur, youre professional is a great job….
May 7th, 2009at %I:%M %p(#)
Veramente fantastico!! sono un novizio e le tecniche utilizzate per fare questo tutorial mi hanno insegnato moltissimo.Il risultato da me creato non è forse identico al millimetro a quello del tutorial ma mi ha reso fiero di me stesso
)
grazie
October 6th, 2009at %I:%M %p(#)
hello
Great stuff,
Thank you
Ashok