Tutorial Illustrator – Eve di “Wall-e” vettoriale

Tutorial Illustrator – Eve di “Wall-e” vettoriale

October 26th, 2008  |  Published in Resources, Tutorial Illustrator, Tutorials  |  14 Comments

You like this post? Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter
  • Technorati


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.

Fin!

(i copyright sulle immagini appartengono Disney/Pixar)

You like this post? Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter
  • Technorati

Author : Rubens

Koikoikoi's co-founder, art director and illustrator.
Personal portfolio: tokyocandies.com
Twitter: @rubenscantuni

Related posts

Responses

    Gravatar
  1. basetta ha detto:

    October 27th, 2008at %I:%M %p(#)

    gran tutorial!

  2. Gravatar
  3. ha detto:

    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.

  4. Gravatar
  5. TsTT » Blog Archive » PHOTOSHOP HORRORS ha detto:

    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 [...]

  6. Gravatar
  7. Naldz Graphics ha detto:

    November 8th, 2008at %I:%M %p(#)

    very impressive.keep up the good work

    Ronald

  8. Gravatar
  9. The Creativity Wall ha detto:

    November 9th, 2008at %I:%M %p(#)

    Illustrator Tutorial – Vector Eve From “Wall-e”…

    Popularity: unranked [?]

    ……

  10. Gravatar
  11. ErvinTW ha detto:

    November 11th, 2008at %I:%M %p(#)

    Thanks! Nice post.

  12. Gravatar
  13. joyoge ha detto:

    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…

  14. Gravatar
  15. seighart ha detto:

    November 22nd, 2008at %I:%M %p(#)

    nice tut but the description is hard to understand

  16. Gravatar
  17. lkd ha detto:

    November 23rd, 2008at %I:%M %p(#)

    my god, it’s so professional

  18. Gravatar
  19. Bendsen ha detto:

    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

  20. Gravatar
  21. drizzle ha detto:

    December 9th, 2008at %I:%M %p(#)

    Thanks!

  22. Gravatar
  23. wmurillo71 ha detto:

    December 23rd, 2008at %I:%M %p(#)

    very nice, but im only amateur, youre professional is a great job….

  24. Gravatar
  25. Claudio ha detto:

    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

  26. Gravatar
  27. Ashok ha detto:

    October 6th, 2009at %I:%M %p(#)

    hello :)

    Great stuff,

    Thank you
    Ashok

Leave a comment

KoiKoiKoi is a magazine about visual arts. Illustration and graphic design, motion graphics, animation, advertising, web design, photography, but also trends, interviews and tutorials.

Koi Koi Koi
Be creative!


Language
Sponsored Ads

Recent Posts

Find us on Facebook

Random WeLikeIt!

1cafed1cbc7c0f5c116a1a862718d14949f3b417_m.jpg



Archive


947444734_caeb4f2244.jpg trustinchocolate.jpg 1968.jpg flyer.jpg 10371221570929_h.jpg f13ca5c7e2d90e74155c7be1ac87d6e847e6d9dc_m 09_06_2008_0920306001213031110_zamak-525x700.jpg peinture_sur_planches.jpg jeremyfish.jpg