Accostamenti di Carattere nei Progetti Grafici

 

Pillolibri

Articoli | Informatica | Web design | Grafica | Fotografia | SEO | Articoli su facebook | Articoli giornale | Articoli di giornale | Articoli rivisteEstrusione tridimensionale di oggetti

A partire dalla versione CS3, Illustrator è stato dotato di un nuovo ed utile strumento per la realizzazione di oggetti tridimensionali. Non siamo ovviamente di fronte ad un vero ambiente di modellazione, possiamo però realizzare rapidamente effetti tridimensionali a partire da semplici primitive geometriche. In questo modo è possibile creare un logo in 3D, ma anche realizzare solidi di rotazione molto appariscenti, come ad esempio un bicchiere. I neofiti del 3D lo troveranno molto utile, ma anche i semplici appassionati potranno trarne alcuni vantaggi. In questo Pillolibro vedremo dunque in modo approfondito tutte le opzioni dello strumento 3D di Illustrator, considerando che per poterlo utilizzare è necessario disporre di Illustrator CS3 o CS4. In primo luogo i comandi relativi al 3D sono accessibli dal menu Effetto > 3D.
creare oggetti 3d adobe illustrator grafica tridimensionale

Ognuno di questi comandi (a parte Rotazione che viene usato unicamente per ruotare piani in 3D) crea un oggetto solido, con metodologie diverse, partendo però sempre da elementi grafici piatti (bidimensionali). In fase di trasformazione è possibile controllare l'aspetto del 3D attraverso l'impostazione di luci, ombre, opzioni di rotazione e altre proprietà. È persino possibile applicare successivamente delle texture sui lati di un oggetto estruso. Ovviamente, le fattezze di un oggetto tridimensionale derivano anche dal pannello Aspetto, dal quale si possono applicare successivamente nuovi effetti, oltre a modificare quelli già presenti.


La finestra Estrusione

Questa finestra è suddivisa in diverse sezioni, alcune sono visibili immediatamente alla sua apertura, mentre altre sono nascoste e si attivano facendo clic sul pulsante Più opzioni.

creare oggetti 3d adobe illustrator grafica tridimensionale

Le sezioni di base sono:

 

1. Posizione
In questa sezione si determina il modo in cui l'oggetto viene ruotato e la prospettiva di visualizzazione

 

2. Estrusione e smusso
Qui si impostano i valori di profondità dell'estrusione ed il tipo di smusso

 

3. Superficie
È un menu a comparsa dal quale scegliere il tipo di superfici: opache e lucide

 

Facendo clic sul pulsante Più opzioni viene mostrata una nuova sezione dedicata interamente alla gestione dell'illuminazione. Qui è possibile aggiungere una o più luci, variarne l'intensità, cambiare il colore delle ombreggiature e spostarle rispetto all'oggetto.

 

creare oggetti 3d adobe illustrator grafica tridimensionaleLe opzioni sono:

 

 

1. Intensità luce
Controlla l'intensità della luce, con valori compresi tra 0% e 100%

 

2. Luce ambiente
Controlla la luce generale e modifica la luminosità di tutte le superfici dell'oggetto in modo uniforme

 

3. Intensità luce riflessa
Controlla il modo in cui l'oggetto riflette la luce, con valori compresi tra 0% e 100%. I valori bassi producono superfici opache, mentre a valori alti corrispondono superfici più brillanti

 

4. Dimensione luce riflessa
Controlla la dimensione delle luci, che può variare da grande (100%) a piccola (0%)

 

5. Passaggi fusione
Controlla con quale gradualità l'ombreggiatura appare sulle superfici dell'oggetto.
A valori alti corrispondono sfumature più tenui e un maggior numero di tracciati rispetto ai valori più bassi

 

6. Disegna superfici nascoste
Visualizza le superfici posteriori nascoste dell'oggetto. Le superfici posteriori sono visibili se l'oggetto è trasparente o se è stato espanso, quindi separato

 

Creare un oggetto estruso

L'estrusione è un termine ricorrente nel mondo della grafica tridimensionale. Si tratta di un'operazione che estende lungo l'asse Z una forma piana, con lo scopo di creare un solido. Nell'esempio che segue vedremo come, a partire da una illustrazione che riproduce un cuore, si arriva a dargli volume, smusso e punti luce.

 

1. Disegna una segmento diviso in 4 punti con lo strumento Penna

2. Seleziona i due punti intermedi e trasformali in punti morbidi facendo clic sul pulsante che trovi nella barra di inserimento

3. Correggi manualmente le curve usando lo strumento Selezione diretta

creare oggetti 3d adobe illustrator grafica tridimensionale

4. Copia la figura, creane una speculare usando lo strumento Riflessione e posizionala perfettamente a contatto con la prima
5. Seleziona i due punti adiacenti superiori e uniscili con il comando Oggetto > Tracciato > Unisci (CTRL + J su Windows, CMD + J su Mac); ripeti la stessa operazione anche con i punti inferiori
6. Imposta il colore di riempimento sul rosso, ed elimina invece il contorno della forma facendo clic sulla casella nel pannello dei campioni traccia


creare oggetti 3d adobe illustrator grafica tridimensionale

 

7. Ora attiva il comando Effetto > 3D > Estrusione e smusso: si apre la finestra
di estrusione
8. Fai clic sul pulsante Anteprima
9. Apri il menu a comparsa Smusso e scegli l'opzione Arrotondato

 

creare oggetti 3d adobe illustrator grafica tridimensionale


10. Fai clic sul pulsante Più opzioni nella finestra di estrusione
11. Sposta il punto luce a sinistra dell'oggetto, muovendolo con il cursore
12. Aumenta il valore di Altezza dello smusso

 

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Al termine delle operazioni si fa clic su OK. Ora verifichiamo la qualità del lavoro effettuando uno zoom sull'immagine. Si noterà che da vicino, la sfumatura diventa poco graduale, mostrando vistosi effetti di passaggio. Questo "difetto" è dato dal numero di passaggi fusione che come preimpostazione è pari a 25. Se aumentiamo questo valore, portandolo ad esempio a 150, noteremo che le sfumature diventano molto più graduali. Bisogna però fare attenzione a non esagerare, poichè tale valore influisce pesantemente sul numero di calcoli che il computer deve effettuare per rappresentare la figura tridimensionale.

 

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Modificare un oggetto estruso

Dopo aver creato un oggetto tridimensionale è possibile modificarlo tramite il pannello Aspetto (Finestra > Aspetto). Si seleziona l'oggetto 3D e si da un'occhiata agli attributi presenti nel pannello. Il solido appena creato può subito essere modificato: oltre a Traccia e Riempimento notiamo che è presente l'effetto (fx) Estrusione e smusso 3D. Un doppio clic su questa riga ha come risultato l'apertura del pannello di estrusione, dal quale possiamo operare altre modifiche a piacimento.

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Modalità Wireframe

Se volessimo visualizzare il nostro oggetto 3D in modalità wire frame (a fil di ferro), è sufficiente scegliere la voce Wireframe nel menu Superficie della finestra Estrusione e smusso ottenendo così quanto rappresentato nella figura qui a lato.

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Creare un solido di rotazione

I solidi di rotazione si distinguono dagli oggetti estrusi per la metodologia che viene applicata durante la creazione del 3D. In questo caso si parte da un tracciato, che descrive il profilo dell'oggetto che si vuole creare. Questo profilo viene ruotato a 360° intorno ad un asse, dando vita all'oggetto tridimensionale. I solidi di rotazione sono quindi tipicamente oggetti simmetrici. Esempi di solidi di rotazione sono le bottiglie, i coni, i pezzi di una scacchiera, ecc.
Nell'esempio che segue cercheremo di creare un calice, ricco di dettagli.
Si procede così:

 

1. Crea il profilo del calice, in verticale, usando lo strumento Penna
2. Intervieni sui singoli punti e smussali facendo clic sul pulsante che trovi nella barra di inserimento
3. Correggi eventualmente le curve usando lo strumento Selezione diretta
4. Imposta il colore della traccia su un blu chiaro, ed elimina invece il colore di riempimento facendo clic sulla casella
nel pannello dei campioni riempimento

 

creare oggetti 3d adobe illustrator grafica tridimensionale

 

5. Ora attiva il comando Effetto > 3D > Rivoluzione: si apre la finestra di estrusione
6. Fai clic sul pulsante Anteprima. A seconda della complessità del contorno, potrebbe volerci qualche secondo prima di poter visualizzare il bicchiere
7. Ora inclina il bicchiere in avanti, usando il cubo nel pannello Rivoluzione
8. Modifica il valore di Prospettiva portandolo a 50

 

creare oggetti 3d adobe illustrator grafica tridimensionale

Già a questo punto abbiamo ottenuto un risultato interessante. Per rendere però maggiormente la specularità del vetro, possiamo intervenire con le luci. È già sufficiente aggiungerne un altra, e il risultato cambia in maniera evidente.

creare oggetti 3d adobe illustrator grafica tridimensionale


9. Fai clic sul pulsante Nuova luce Illustrator calcola i nuovi riflessi sul bicchiere

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Il solido appena creato può essere modificato allo stesso modo di un oggetto estruso, ovvero facendo doppio clic sulla voce Rivoluzione 3D nel pannello Aspetto. Vediamo ora da vicino le impostazioni che influiscono sul risultato della rotazione. Oltre alle luci, e alla superficie, che sono sezioni in comune con lo strumento Estrusione e smusso, abbiamo due nuove opzioni: l'angolo di rivoluzione e lo scostamento.

 

Angolo di rivoluzione

Determina l'angolo di rotazione dell'oggetto. Di base questo valore è impostato su 360°, se si vuole creare un oggetto "spaccato" è necessario ridurre i gradi. Impostando 180° si divide il bicchiere perfettamente a metà.


creare oggetti 3d adobe illustrator grafica tridimensionale

Scostamento

Quando si crea un solido di rotazione, il profilo viene ruotato intorno ad un asse ideale posto alla sua sinistra. La posizione di quest'asse collima perfettamente con i punti più esterni del profilo. Aumentando lo scostamento si modifica la posizione dell'asse di rotazione rispetto al profilo. Il risultato, a seconda dei valori, può essere un bicchiere molto fino, oppure molto largo.

 

creare oggetti 3d adobe illustrator grafica tridimensionale

Applicare una texture agli oggetti 3D

Pur non volendo rivaleggiare con software dedicati alla progettazione tridimensionale, Illustrator mette a disposizione una funzione, che è normalmente appannaggio di software specializzati: l'applicazione di texture agli oggetti 3D. Questa funzione estende ulteriormente lo spettro di capacità del 3D, dando la possibilità di creare immagini molto sofisticate, con pochi clic.
Le texture non sono altro che simboli, applicati prospetticamente sui lati di un oggetto estruso. Il presupposto fondamentale è quindi che la texture sia presente nel pannello Simboli sotto forma di simbolo. Nell'esempio che segue cercheremo di ricreare il classico Cubo di Rubik.

 

1. Crea un quadrato usando lo strumento Rettangolo con angoli arrotondati
2. Duplica il rettangolo tenendo premuto i tasti Maiusc + Alt (su Mac) o Maiusc + CTRL (su Win), spostandolo a destra del primo.
3. Crea un ulteriore copia premendo la sequenza Cmd + D (su Mac) o CTRL + D (su Win)

creare oggetti 3d adobe illustrator grafica tridimensionale

 

4. Seleziona insieme i tre quadrati e duplicali ancora una volta tenendo premuto i tasti Maiusc + Alt (su Mac) o Maiusc + CTRL (su Win), spostandoli in basso rispetto ai primi tre
5. Crea un ulteriore copia premendo la sequenza Cmd + D (su Mac) o CTRL + D (su Win)
6. Attribuisci ad ogni quadrato un colore di riempimento diverso, scegliendoli dal pannello Campioni

creare oggetti 3d adobe illustrator grafica tridimensionale

Al termine delle operazioni è necessario inserire il disegno appena creato nel pannello Simboli. L'operazione è molto semplice.


7. Apri il pannello Simboli (Finestra > Simboli)
8. Seleziona tutta la grafica e trascinala dentro al pannello
9. Inserisci il nome del simbolo e fai clic su OK

creare oggetti 3d adobe illustrator grafica tridimensionale

Ora che la texture è stata creata, possiamo dedicarci alla creazione del cubo. Useremo ancora una volta lo strumento Estrusione e smusso.

 

1. Crea un quadrato usando questa volta lo strumento Rettangolo
2. Imposta il colore di riempimento su un grigio medio e rimuovi il contorno traccia
3. Esegui il comando Effetto > 3D > Estrusione e smusso e fai clic sul pulsante Anteprima nel pannello che si apre
4. Modifica il valore di Profondità estrusione portandolo a 300 pt

creare oggetti 3d adobe illustrator grafica tridimensionale

Ora ci dedicheremo all'applicazione delle texture, tenendo conto che non è possibile applicarle istantaneamente a tutto l'oggetto, ma bisogna procedere faccia dopo faccia.

 

5. Fai clic sul pulsante Applica grafica, viene visualizzata l'omonima finestra
6. Apri il menu Simbolo e scegli quello appena creato
7. Fai clic sul pulsante Adatta, per ridimensionare la texture automaticamente
8. Scegli ora una nuova superficie e ripeti i passaggi 6 e 7
9. Ripeti il passaggio 8

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Al termine delle operazioni si fa clic su pulsante Sfuma grafica, che estende l'ombreggiatura del modello anche alla texture applicata. E infine si fa clic su OK.

creare oggetti 3d adobe illustrator grafica tridimensionale

 

Per completare l'opera possiamo ora modificare alcuni dettagli del modello.

 

10. Modifica il valore di Prospettiva per rendere il 3D più prospettico. Riduci la luce ambiente a circa il 23%
11. Sposta il punto luce in modo frontale rispetto alla faccia più esposta

 

creare oggetti 3d adobe illustrator grafica tridimensionale

Creare una scritta "gommosa"

Nell'esempio che segue cercheremo di ricreare il tipico effetto delle storiche gomme da masticare "Big Babol". Per poter ottenere un buon risultato sarà necessario operare su diversi fronti. In primo luogo, per l'effetto smussato dovremo realizzare uno smusso ad-hoc, perchè quelli già presenti nello strumento Estrusione e smusso non sarebbero adatti allo scopo. È poi fondamentale dotarsi di un font "morbido": nel nostro caso useremo il "Blur" in stile Black.

 

1. Apri il file Smussi.ai che si trova dentro la cartella "Plug-in" del programma
2. Crea fuori dalla pagina un cerchio con lo strumento Ellisse
3. Seleziona i due punti intermedi orizzontali con lo strumento Selezione diretta. Fai clic sul pulsante Taglia tracciato che si trova nella barra di inserimento
4. Seleziona la metà inferiore del cerchio e eliminala

creare oggetti 3d adobe illustrator grafica tridimensionale

Ora che abbiamo creato uno smusso personalizzato dobbiamo inserirlo tra i simboli del file e salvare quest'ultimo.

 

7. Apri il pannello Simboli (Finestra > Simboli)
8. Trascina l'arco dentro il pannello
9. Dai un nome al simbolo
10. Salva il file
11. Conferma con OK e chiudi il file

creare oggetti 3d adobe illustrator grafica tridimensionale

A questo punto abbiamo inserito il nuovo smusso tra i simboli predefiniti di Illustrator, e per poter rendere attiva la modifica dobbiamo chiudere e riavviare il programma. Passiamo dunque alla scritta.

 

1. Crea la tua scritta personalizzata usando un font morbido, come il Blur
2. Imposta il Magenta come colore di riempimento
3. Esegui il comando Effetto > 3D > Estrusione e smusso e fai clic sul pulsante Anteprima nella finestra dell'effetto
4. Modifica il valore di Prospettiva portandolo a 75°

creare oggetti 3d adobe illustrator grafica tridimensionale

 

5. Scegli lo smusso personalizzato dal menu a comparsa Smusso
6. Imposta l'altezza dello smusso a 12 punti
7. Sposta la sorgente luminosa in basso a destra e aumenta l'intensità della luce riflessa
8. Imposta il colore ombreggiatura su un blu molto scuro

creare oggetti 3d adobe illustrator grafica tridimensionale