Trame di Illustrator: come colorare un disegno? (parte 1)

Oggi inizieremo a vedere uno strumento veramente incredibile per creare sfumature complesse, dentro qualsiasi forma. Il risultato sono degli effetti pittorici che sembrano usciti da Photoshop, invece sono tutti in formato vettoriale grazie alle maglie dello “Strumento trama”. Per motivi di lunghezza e complessità dividerò il tutorial in due parti:

  • nella prima vedremo cos’è la trama e inizieremo a realizzare un personaggio;
  • nella seconda ci sarà la conclusione.

1.1. Cos’è la trama

La trama è una griglia che viene applicata a un oggetto vettoriale, composta da varie parti:

Spiegazione trama

  • i punti trama: sono i nodi d’intersezione tra le linee della trama. Con lo strumento “Selezione diretta” è possibile spostarli, aggiungerli, cancellarli o dargli un colore.
  • la linea di trama: disegnano la forma della maglia.
  • i punti di ancoraggio: sono come le maniglie della penna, possono essere spostate per cambiare direzione al colore.
  • sezione di trama: è un’area delimitata da quattro punti trama. È possibile spostarla e dargli un colore che verrà preso anche dai punti circostanti.

Colore trama

Ci sono due metodi con cui si può applicare la trama:

- il primo: attraverso il menu “Oggetto” > “Crea trama sfumata”. Si aprirà una finestra con la possibilità d’impostare un numero per le “Righe” e uno per le “Colonne” ottenendo una divisione omogenea della forma. Dal menu  “Aspetto” possiamo scegliere tra tre opzioni la direzione della luce:

  • Piatto: lascia un colore uniforme;
  • Centro: crea una zona di luce al centro dell’oggetto;
  • Bordo: ne crea una lungo il bordo.

Opzioni luce aspetto

Con “Luce” possiamo impostare la percentuale d’opacità del colore bianco dal valore 0 (trasparente) al 100% (massima intensità).

- il secondo: con lo “Strumento trama” siamo noi a creare linee della maglia direttamente nell’oggetto.  Strumento trama

I due metodi della trama

1.2. Scegliamo il soggetto

Ho scelto un personaggio che mi sta molto simpatico e che sicuramente conoscerai: Alex il leone, uno dei protagonisti di Madagascar.

Alex

Se non sei bravi nel disegno, puoi anche prenderne uno già fatto, in rete se ne trovano tanti, basta cercare “disegni da colorare” + il nome del personaggio che ti piace.

Una volta salvato il file, lo apri in Illustrator dal menu “File” > “Inserisci” e con lo “Strumento Penna” lo ricalchi.

Io invece ne utilizzerò uno fatto da me con la tavoletta grafica, questo:

Alex disegnato da me

Non fare caso alle sovrapposizioni, con il colore non si vedranno più.

Tralasciando gli occhi, ogni parte (orecchie, faccia, mento, denti, lingua e bocca) deve essere una forma chiusa.

1.3. Le orecchie

Iniziamo con l’orecchio sinistro.

Selezioniamolo con lo “Strumento selezione” e coloriamo con un marrone scuro.

Colore orecchio sinistro

Clicchiamo dal menu “Oggetto” > “Crea trama sfumata”, si aprirà una finestra, nel campo “Righe” scriviamo 5 e in quello “Colonne” 4, “Aspetto” lasciamolo su “Piatto”.

Trama orecchio sinistro

Così dovrebbe andare, se in seguito avremo bisogno di suddividere ulteriormente la griglia useremo lo “Strumento trama”.

Con lo “Strumento selezione diretta” clicca sui punti trama indicati dalla figura e dalla palette “Strumenti” diamogli un colore marrone chiaro.

Punti trama colore

Siccome non mi convince una parte della sfumatura, andiamo a modificare alcuni punti:

1. Sempre con la “Freccia bianca” tiriamo in basso il punto di ancoraggio.

Prima modifica2. Spostiamo il “Punto trama” in basso.

Seconda modifica3. Stessa cosa per quello sopra

Terza modifica4. Sistemiamo la maniglia.

Quarta modificaPassiamo all’orecchio destro.

Usiamo lo “Strumento trama” e clicchiamo sui punti mostrati nell’immagine.

Trama orecchio destro
Dopodiché diamo ai primi quattro punti il colore marrone chiaro

Colore orecchio destro
Passiamo alla parte interna dell’orecchio, clicchiamo nel punto mostrato nell’immagine.

Trama interna orecchio destro
Selezioniamo tutti i punti della parte sinistra e diamogli un colore giallo scuro.

Colore interno orecchio
Per oggi fermiamoci qui, la prossima volta cominceremo la faccia.

Non ti dimenticare la seconda parte di come colorare con le trame di Illustrator!

Master per Web Designer Freelance
In tutti questi anni abbiamo ricevuto centinaia di richieste di approfondimento sulle numerose tematiche del web design vissuto da freelance. Le abbiamo affrontate volta per volta. Ma ci siamo resi conto che era necessario fare qualcosa di più. Ecco perché è nato One Year Together, un vero e proprio master per web designer freelance che apre finalmente le porte al mondo del lavoro.
Scopri One Year Together »
Tag: ,

L'autore

Web designer freelance romana "de Roma", emigrata dalla caotica città al mare. Principalmente si occupa della progettazione sul web, ma non disdegna anche i lavori cartacei. Ama il disegno: da piccola riusciva a finire una risma di carta al giorno, per la gioia della mamma che si trovava montagne di fogli colorati e non, sparsi per casa. Anche i videogiochi la affascinano: ha una collezione di console e giochi da far invidia al più fornito negozio di video game. Parola d'ordine per la vita di tutti i giorni: creare, creare, creare…

Sito web dell'autore | Altri articoli scritti da

Articoli correlati

Potresti essere interessato anche ai seguenti articoli:

11 commenti

  1. stefano
  2. stefano

Trackback e pingback

  1. Trame di Illustrator: come colorare un disegno? (parte 2) | Your Inspiration Web
    [...] Riprendiamo da dove eravamo rimasti la scorsa volta. Per chi si è perso la prima parte del tutorial, questo …

Lascia un Commento

Current day month ye@r *