Adobe Illustrator TECNICHE

PROFESSIONALI GUIDA
Il software professionale DEI SERVIZI pratica
per la grafica COMMERCIALI
e l’illustrazione vettoriale e PUBBLICITARI

LV/ A Lorenzo
Marcianò

Adobe Illustrator Orientati e conosci gli

strumenti e le potenzialità
del software
COMPETENZE

Esercitati con dei

tutorial

Disegnare e manipolare forme semplici e

complesse; progettare marchi e logotipi; Realizza i tuoi
inserire immagini bitmap; creare maschere progetti
di ritaglio ed effetti speciali; creare pattern;
salvare con la giusta estensione.
Guida pratica Illustrator
1
L’interfaccia grafica

Partiamo dall’ABC: l’interfaccia grafica di Illustrator, così come per tutti gli altri software della Adobe, è
personalizzabile.

Barra dei menù

Puoi personalizzare l’area di lavoro qui:

Finestra/area di lavoro/...

Barra delle opzioni

La barra delle opzioni lavora in abbinamento con gli strumenti. Permette la loro personalizzazione definendo i
paramentri di lavoro.

Barra degli strumenti

La barra degli strumenti permette di svolgere il lavoro. Alcuni strumenti sono raggruppati (vedi
triangolino bianco in basso a destra), tenendo premuto il tasto sx del mouse potrai accedere agli
altri strumenti nascosti per selezionarli.

Se non vedi la barra degli strumenti vai qui:

Finestra/Strumenti

Palette

Le palette sono disposte sulla destra dello schermo, ce ne sono moltissime e tutte utili, si
possono spostare, ridimensionare e chiudere a piacere. Per richiamarle vai qui:

Finestra/...

2
 Guida pratica Illustrator
2
Illustrator e le immagini vettoriali

Illustrator è un software per gestire le immagini vettoriali, i cui punti sono definiti nello spazio dalle coordinate x e
y. Il rapporto matematico che intercorre tra i punti è costante. Questo significa che un disegno vettoriale può essere
ingrandito senza perdita di risoluzione. La natura matematica del software lo rende ideale per lo sviluppo di progetti
di disegno tecnico.

Quando si avvia Illustrator, è possibile creare un file nuovo:

File/Nuovo...

Win ctrl+N
Mac command+N

oppure aprirne uno esistente:

File/Apri...

Win ctrl+O
Mac command+O

Quando si desidera salvare:

File/Salva...

Win ctrl+S
Mac command+S

Il salvataggio verrà sovrascritto. Si può anche salvare con altro nome e modificare l’estensione:

File/Salva con nome...

Win shift+ctrl+S
Mac shift+command+S

Un paio di nozioni fondamentali:

.ai file immagine vettoriale aperto di Illustrator

.pdf file immagine vettoriale chiuso o aperto
.svg file immagine vettoriale standard per il web

3
Guida pratica Illustrator
3
Il disegno vettoriale

Con Illustrator è fondamentale imparare a disegnare, modificare e fare intaragire tracciati e forme.
Vediamo insieme come fare partendo dalla barra degli strumenti.

Disegniamo delle forme

Strumento rettangolo
Punta e trascina sull’immagine per creare un quadrilatero oppure clicca
sull’area di lavoro per impostare con precisione i parametri desiderati nella
finestra di dialogo che apparirà.

Usa il tasto Shift per creare un quadrato.

Usa il tasto Alt per partire dal centro.

Strumento rettangolo con angoli arrotondati

Punta e trascina sull’immagine per creare un quadrilatero con angoli arroton-
dati oppure clicca sull’area di lavoro per impostare con precisione i parame-
tri desiderati nella finestra di dialogo che apparirà.

Usa il tasto Shift per creare un quadrato con angoli arrotondati.

Usa il tasto Alt per partire dal centro.

Strumento ellisse
Punta e trascina sull’immagine per creare un ellisse oppure clicca sull’area
di lavoro per impostare con precisione i parametri desiderati nella finestra di
dialogo che apparirà.

Usa il tasto Shift per creare una cerchio.

Usa il tasto Alt per partire dal centro.

Strumento poligono
Punta e trascina sull’immagine per creare un poligono oppure clicca
sull’area di lavoro per impostare con precisione i parametri desiderati nella
finestra di dialogo che apparirà.

Usa il tasto Alt per partire dal centro.

Strumento stella
Punta e trascina sull’immagine per creare una stella oppure clicca sull’area
di lavoro per impostare con precisione i parametri desiderati nella finestra di
dialogo che apparirà.

Usa il tasto Alt per partire dal centro.

Per tutti questi strumenti ricorda di impostare riempimento e traccia. Si

possono rendere pieni, sfumati o trasparenti attivando i bottoni sottostanti.
Fai doppio click per impostare il colore desiderato nella fiestra di dialogo
che apparirà.
Clicca sul bottone con le freccette per invertire i valori

4
 Guida pratica Illustrator

Sulla barra delle opzioni puoi invece impostare molti altri parametri. Per il momento soffermiamoci solo su alcuni
come le misure L e A e la posizione X e Y nel campo che possiamo modificare manualmente.

Nota bene che X e Y sono coordinate relative al punto 0 (impostato di default in alto a sinistra del campo e fanno
riferimento al punto di ancoraggio attivo. Vedi esempio a lato.

Per un maggior controllo delle coordinate consiglio di attivare i righelli in

questo modo:

Visualizza/Righelli/Mostra righelli...

Win ctrl+R
Mac command+R

Per spostare il punto 0 basta puntare e trascinare dall’intersezione dei due righelli. Dai righelli è possibile anche
prelevare delle guide utilissime per allineare gli oggetti e suddividere l’area di lavoro. Fai delle prove...

Sposta e modifica gli oggetti

Strumento selezione (V)

Questo strumento permette di spostare e modificare l’oggetto.
Punta e trascina sulla traccia dell’oggetto per spostarlo (puoi trascinare
anche dal riempimento se pieno).

Usa il tasto Shift per spostarlo in asse.

Usa il tasto Alt per duplicarlo.

Punta e trascina sui ganci per ridimensionarlo

Usa il tasto Shift per mantenere inalterati i rapporti.

Usa il tasto Alt per ridimensionare dal fulcro.

Punta e trascina sui ganci ad angolo per ruotare l’oggetto

Usa il tasto Shift per ruotarlo con regolarità di 45°.

Strumento selezione diretta (A)

Questo strumento permette di spostare l’oggetto e modificare i punti di
ancoraggio di un oggetto.
Punta e trascina sulla traccia dell’oggetto per spostarlo (puoi trascinare
anche dal riempimento se pieno).
Clicca una volta su un punto di ancoraggio per attivarlo, quindi punta e
trascina per spostarlo.

Usa il tasto Shift per spostarlo in asse.

Usa il tasto Alt per duplicare l’oggetto.

Fai delle prove...

Strumenti aggiungi punto di ancoraggio / elimina punto di ancoraggio

(+ -)
Usa questi strumenti per aumentare e ridurre i punti di ancoraggio di un
oggetto.

Strumento converti punto di ancoraggio (shift+C)

Usa questo strumento per modificare un punto di ancoraggio.
Punta e trascina per creare una curva

5
Guida pratica Illustrator

Clicca per creare un angolo da una curva

Strumento penna (P)

Clicca per creare un punto di ancoraggio e iniziare a disegnare con la penna.
Clicca una seconda volta per tracciare una retta; punta e trascina per creare e
stabilire un tracciato curvo.
Ricongiungi l’ultimo punto col primo per chiudere la forma.

Usa il tasto delete per tornare indietro di un punto alla volta

Questo strumento si basa sul principio delle curve di Bézier, richiede un pò

di pratica...esercitati tracciando dei profili!

Strumento matita (N)

Punta e trascina per disegnare dei tracciati a mano libera.
Clicca due volte sullo strumento per tararne le impostazioni.

Usa il tasto Shift per tracciare linee orizzontali, verticali oppure obligue.

Strumento pennello (B)

Punta e trascina per disegnare dei tracciati con maggiore spessore a mano
libera.
Clicca due volte sullo strumento per tararne le impostazioni.

Usa il tasto Shift per tracciare strisce orizzontali, verticali oppure obligue.

Strumento gomma (shift+E)

Punta e trascina per concellare delle parti del tracciato selezionato.
Clicca due volte sullo strumento per tararne le impostazioni.

Strumento segmento (<)

Punta e trascina per tracciare un sermento oppure clicca sull’area di lavoro
per impostare con precisione i parametri desiderati nella finestra di dialogo
che apparirà.

Usa il tasto Shift per creare un segmento orizzontale, verticale oppure obli-
guo.
Usa il tasto Alt per partire dal punto mediano.

Strumento griglia rettangolare

Punta e trascina per tracciare una griglia oppure clicca sull’area di lavoro per
impostare con precisione i parametri desiderati nella finestra di dialogo che
apparirà.

Usa il tasto Shift per creare una griglia quadrata.

Usa il tasto Alt per partire dal punto centrale.

6
 Guida pratica Illustrator
4
L’elaborazione dei tracciati e loro interazioni

In Illustrator ogni volta che disegnamo un tracciato o una forma, andremo a creare una sovrapposizione o meglio
una gerarchia tra gli oggetti. Troveremo in secondo piano quelli disegnati prima e in primo piano quelli disegnati
dopo. Talvolta sarà necessario riordinare questa gerarchia. Dopo aver selezionato possiamo fare così del menù:

Oggetto/Ordina/...

oppure tasto destro del mouse sull’oggetto/i selezionato/i e quindi:

Ordina/...

Le opzioni sono piuttosto intuitive...

In effetti dal menù Oggetto si possono fare tante cose. Non le vediamo tutte, ma solo quelle più importanti.

Trasformare un oggetto

Oggetto/Trasforma/Rotazione...

Si apre così una finestra di dialogo che permette di ruotare l’oggetto stabilendone i gradi

Oggetto/Trasforma/Riflessione...

Si apre così una finestra di dialogo che permette di riflettere specularmente l’oggetto in verticale o in orizzontale

Oggetto/Trasforma/Ridimensionamento...

Si apre così una finestra di dialogo che permette di ridimensionare l’oggetto stabilendone la percentuale.

Oggetto/Trasforma/Inclinazione...

Si apre così una finestra di dialogo che permette di inclinare l’oggetto sia in orizzontale che in verticale stabilendone
i gradi.

NB attiva/disattiva l’anteprima per vederne gli effetti prima di dare l’OK

Raggruppare/ separare e bloccare/sbloccare due o più oggetti

Oggetto/Raggruppa

Permette di raggruppare due o più oggetti. Molto utile quando si lavora con molti elementi

Oggetto/Separa

Permette di saparare due o più oggetti precedentemente raggruppati.

Oggetto/Blocca/Selezione

Permette di bloccare due o più oggetti selezionati.

Se li vuoi sbloccare indovina un po’!? Devo proprio dirti tutto?

7
Guida pratica Illustrator

Elaborazione tracciati

Divertiamoci con questa magnifica paletta che trovi qui:

Finestra/Elaborazione tracciati

Fai interagire due o più oggetti con le opzioni presenti in questa paletta. Le
icone sono piuttosto intuitive e se non dovesse bastare un’etichetta esplica la
funzione.
Inutile che ti spieghi tutto per iscritto, impari prima se ci giochi un po’ e se
poi qualcosa non ti è chiaro chiedi al prof no!

Tracciati composti
Talvolta capita che sia necessario bucare una forma (immagina una ciambella). Per farlo bisogna avere due forme
sovrapposte dove la più piccola risulta essere in primo piano rispetto alla seconda. Selezionale entrambe e poi crea
un tracciato composto così:

Oggetto/Tracciato composto/Crea

Se dopo si desidera scomporla nuovamente

Oggetto/Tracciato composto/Rilascia

Semplice fare le ciambelle non trovi?

Duplicare uno o più oggetti

Molto spesso è utile duplicare un oggetto. Riduce parecchio il tempo di realizzazione per lavori anche complessi.
Bando al solito copiaeincolla, c’è un metodo più rapido. Fai così:

Selezioni l’oggetto e tieni premuto Alt. Noterai che il cursore è cambiato. Ora non devi fare altro che puntare e
trascinare. L’oggetto sarà duplicato
Tieni premuto anche shift per tenere in asse il nuovo oggetto e mantenerlo allineato.

Allineare gli oggetti

Quando selezioni due o più oggetti appariranno sulla barra delle opzioni i bottoni di allineamento. Verifica anche in
rapporto a cosa si sta effettuando l’allineamento (alla selezione, all’oggetto chiave o alla tavola di disegno)

Le icone sono piuttosto intuitive e se non dovesse bastare un’etichetta esplica il tipo di allineamento.
Inutile che ti spieghi tutto per iscritto, impari prima se ci giochi un po’ e se poi qualcosa non ti è chiaro chiedi al
prof no!

Ricordati sempre che in grafica l’ordine è molto importante. Usa bene tutti questi strumenti e otterrai grandi
soddisfazioni

8
 Guida pratica Illustrator
5
Immagini raster in Illustrator

In Illustrator possiamo inserire dei contenuti bitmap o raster e utilizzarli per arricchire il progetto. Lo puoi fare così

File/Inserisci...

L’immagine apparirà come un oggetto rettangolare con i relativi ganci di selezione. Potrai trasformarla come avrai
già imparato a fare con le forme vettoriali. Ricordati però di NON STRACCIARE l’immagine ovvero di non defor-
marla. Se la vuoi ridimensionare non dimenticare di tener premuto shift.

Se vuoi inscriverla l’immagine entro una forma vettoriale è molto semplice. Devi sovrapporre l’oggetto sull’imma-
gine, selezionarle entrambe e poi

Oggetto/Maschera di ritaglio/Crea

Per correggere l’inquadratura e spostare le foto senza spostare la forma che la contiene, usa lo strumento di selezio-
ne diretta.
Se vuoi ridimensionare l’immagine senza modificare la forma che la contiene, selezionala con lo strumento di sele-
zione diretta, poi prendi lo strumento selezione e procedi sui ganci di selezione negli angoli della foto.

Riguardo la trasparenza.
L’immagine può essere opacizzata e resa parzialmente trasparente. Lo puoi
fare così:

Finestra/Trasparenza

e puoi regolare il valore dell’opacità. I metodi di fusione presenti su questa

paletta saranno argomento della guida lv/B di livello intermedio.

9
Guida pratica Illustrator
6
Il testo

Il testo è una componente fondamentale del programma e nella progettazione grafica ho un ruolo decisivo. Nella
barra degli strumenti troviamo:

Strumento testo
Punta e trascina per creare un box di testo oppure clicca sull’area di lavoro
o su un tracciato/forma esistente, quindi digita delle lettere con la tastiera.
Punta e trascina per selezionare il testo e cambiare la formattazione.

Il box di testo può essere trasformato esattamente come un qualsiasi oggetto

vettoriale. Il testo si adatterà alle modifiche mantenendo la formattazione.

Usa il tasto Shift per creare un box di testo quadrato.

Strumento testo in area

Clicca dentro una forma esistente, quindi digita delle lettere con la tastiera.
Punta e trascina per selezionare il testo e cambiare la formattazione.

Strumento testo su tracciato

Clicca su un tracciato, quindi digita delle lettere con la tastiera. Punta e
trascina per selezionare il testo e cambiare la formattazione.

Strumento testo verticale

Punta e trascina per creare un box di testo verticale oppure clicca sull’area
di lavoro o su un tracciato/forma esistente, quindi digita delle lettere con la
tastiera. Punta e trascina per selezionare il testo e cambiare la formattazione.

Usa il tasto Shift per creare un box di testo quadrato.

Strumento testo verticale in area

Clicca dentro una forma esistente, quindi digita delle lettere con la tastiera.
Punta e trascina per selezionare il testo verticale e cambiare la formattazio-
ne.

Strumento testo verticale su tracciato

Clicca su un tracciato, quindi digita delle lettere con la tastiera. Punta e tra-
scina per selezionare il testo verticale e cambiare la formattazione.

Per la formattazione del testo, trovi tutto quel che serve sia sulla barra delle
opzioni che nelle palette dedicate. Le puoi richiamare dalla barra dei menù:

Finestra/Testo/...

Esercitati e sperimenta tutte le possibili varianti. Fare esperienza ti servirà

tantissimo!

10
 Guida pratica Illustrator

Alcuni casi

Ruotare un testo
Talvolta può servire ruotare il testo, per farlo dobbiamo abbinarlo ad un
tracciato (magari reso invisibile).

Testo aperto e chiuso

Talvolta il testo è utili trasformarlo in forma vettoriale pura, ovvero renderlo
definitivo e escludere in questo modo la possibilità di modificarne la format-
tazione. Per farlo dovrai selezionare il box e seguire il percorso

Testo/Crea contorno

Adesso le lettere, le parole e tutto il corpo del testo potranno essere modi-
ficati come faresti per qualunque altro oggetto vettoriale. Si tratta di molti
oggetti raggrupati (corpo del testo) in due sottogruppi (singola parola - sin-
gole parti di una lettera). Le lettere con occhielli sono diventati dei tracciati
composti che all’occorrenza potrai rilasciare .

11