Trame sfumate (gradient mesh) con Illustrator - Le basi

di: Carlo Tedesco     20 Novembre 2008

Lo strumento Trama sfumata o Gradient mesh di Illustrator è senza dubbio una tra le caratteristiche più interessanti del software di casa Adobe.

Introdotto a partire dalla versione 8 di Illustrator, ha rapidamente attirato l'attenzione di grandi illustratori e professionisti del settore. Sulla rete ci sono tanti esempi di pregiati lavori realizzati con questa tecnica. Si tratta di uno strumento molto versatile e unico quando si tratta di lavorare con sfumature complesse per via della possibilità di direzionare il colore e controllarlo attraverso i punti, cosa non del tutto semplice con gli altri comandi di Illustrator relativi alle sfumature.

Strumento eccezionale per la riproduzione di foto o real trace, ci permette di ricostruire o ricalcare una foto per riportarla in vettoriale lavorando con la foto di riferimento in background, ma, al contrario dello strumento ricalco dinamico presente dalla versione di Illustrator CS2 dove basta un click per avere una riproduzione vettoriale della foto, ricostruire un'immagine con le gradient mesh ci permetterà di avere sempre il controllo punto per punto di quello che andremo a riprodurre dandoci infinite possibilità di editing in ogni momento.

Al primo approccio può sembrare complesso nel suo utilizzo ma, una volta capito il meccanismo, si rivela uno strumento abbastanza intuitivo e la curva di apprendimento non richiede tempi lunghi. Serve solo un po di pazienza e basta avere una conoscenza di base degli strumenti di illustrator. In questo articolo vi darò alcuni consigli sul funzionamento delle mesh e la modifica attraverso i vari strumenti fino ad arrivare alla creazione di un immagine realistica.

Cos'è una Gradient Mesh?

La Gradient Mesh è uno strumento che ci permette di applicare una "griglia" a un tracciato vettoriale dandoci la possibilità di modellare la forma e controllarne le sfumature e le tinte agendo su punti, linee ed aree di colore.

È importante sapere da cosa è formata una mesh per capire come è possibile interagire con essa, osservate la figura:

Figura 1 - Panoramica di una Gradient Mesh

screenshot
  • Punti: Questi sono i punti di intersezione della trama sfumata. Utilizzeremo lo Strumento di selezione diretta (A) e lo Strumento trama (U) per muovere i punti modellando la mesh e per aggiungere colori ad essa. Possiamo spostare i punti lungo le linee, selezionare più punti insieme, aggiungere e cancellare punti lungo le linee trama.
  • Linee: Le linee trama o linee mesh hanno il compito di delineare la forma della trama e di direzionare il colore all'interno di essa. Useremo lo Strumento trama (U) per aggiungere o cancellare le linee e modificarle attraverso i punti o le maniglie di controllo.
  • Maniglie di controllo: le maniglie o linee di direzione possono essere selezionate e controllate come le comuni curve e i tracciati di illustrator e nel nostro caso ci permettono di modellare le linee e di dosare e direzionare il colore relativo ai punti e alle Aree mesh. Utilizzeremo lo Strumento di selezione diretta (A) e lo strumento trama (U) per modificare le linee attraverso le Maniglie di controllo. Più in la vi spiegherò l'importanza di mantenere la Mesh la più lineare e pulita possibile.
  • Area Colore: Le aree colore o trama sono circoscritte da quattro punti intersezione. Con lo strumento di selezione diretta saremo in grado di selezionarle e muoverle, potremo assegnare il colore e dosarlo muovendo le maniglie di controllo. Tuttavia quando selezioniamo un'area, selezioneremo i 4 punti che la circoscrivono.

Nota: I Punti Trama hanno le stesse proprietà dei normali punti di ancoraggio di Illustrator ma in più è possibile associare un colore ad ognuno di essi. Per quanto riguarda le linee trama e le maniglie di controllo è esattamente come lavorare su un normale tracciato di Illustrator ma ricordate che ogni modifica si rifletterà sul colore circostante e non solo sulla forma.

Guide Grafica

3D Studio Max - Guida alla modellazione

Dall'interfaccia alla creazione e modellazione di oggetti...

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti