Oggi, dopo molto tempo, vedremo come sia possibile realizzare scritte 3D con Illustrator. Armatevi di pazienza perché è più facile da fare che da dire ! Tanto per iniziare dovete aprire Illustrator, poi creare un nuovo documento di dimensioni che preferite; io ho scelto 600px per 600px (File —> New…):

Fatto questo selezionate il Type Tool (Strumento Testo) e poi impostate la grandezza dei caratteri ed il font come preferite (in modo da vedere bene ciò che fate):

Cliccate sullo Strumento Testo

Scegliete font, stile e dimensione

Ok, ora non dovete far altro che scrivere quello che più desiderate; io ho scritto due semplici lettere “CW“. Una volta scritto tutto, cliccate sullo Strumento di Selezione (Selection Tool) e selezionate il testo appena scritto cliccandoci sopra:

Cliccate sul Selection Tool

Una volta selezionata la scritta, vi apparirà questa “cornice” azzurra

Perfetto, ora applicchiamo al testo qualche effetto: andate su Effect —> Warp —> Arc…

Nella finestra che vi apparirà impostate i seguenti valori:

Ecco come dovrebbe apparirvi il testo:

Adesso andate su Effect —> 3D —> Extrude & Bavel:

Nelle regolazioni impostate Extrude Depth a 30pt:

Fatto questo cliccate su Object —> Expand Appearence per ottenere un risultato simile:

Come potete vedere è stato creato un tracciato formato da punti uniti; quello che noi desideriamo fare è scindere la parte frontale delle lettere (quella liscia) dalla tridimensionalità che è dietro. Per fare questo dobbiamo cliccare più volte su Object —> Ungroup:

Clicchiamo più volte fino a che la parte frontale del testo non è completamente scissa dal dietro

Fatto questo dobbiamo rendere uniformi le parti curvose e non unite del testo dietro (in 3D), questo perché altrimenti in fase di colorazione verrebbero come parti disunite con distacco netto dovuto ai piccoli rettangolini. Quindi mergiamo queste parti tramite il comando Add to Shape Area presente nella finestra PathFinder (chi non la vedesse può attivarla cliccando su Window —> Pathfinder):

Cliccate sulla parte da mergere (quelle stondate e tutte quelle che presentano più di un tracciato interno; per capirsi che sono formate da più rettangolini azzurri) e poi tenendo premuto ALT, cliccate sul bottone Add to Shape Area (indicato dalla freccia rossa). Mi raccomando di farlo per ogni lettera.

Questo vi farà avere una colorazione perfetta e non “a scatti”. Adesso selezionate le due parti frontali delle lettere tenendo premuto Shift e cliccando su ognuna:

Come vedete per mettere il gradiente dovete aver attivato la Finestra Color (Window —> Color); fatto questo dovete cliccare nella scheda Gradient in basso e scegliere i colori che desiderate in più modi (o selezionandoli dallo spettro, o indicandoli in rgb, o trascinando quelli di default nella barra del gradiente, etc…).

Bene, ora tenendo premuto Shift, cliccate su tutte le parti dietro la parte frontale per selezionarle tutte:

Dopo aver selezionato ogni parte ad esclusione di quelle già colorate, selezionate lo strumento Eyedropper Tool (Contagocce), e cliccate in un punto già colorato. Così facendo si colorerà in automatico anche la parte tridimensionale:

Nelle impostazioni del gradiente di queste parti però spostate verso il colore più scuro il Gradient Slider (cerchiato in nero nell’immagine seguente):

Così facendo avremo un vero effetto di tridimensionalità che ci permetterà di ottenere un risultato simile a questo:

Oppure giocando con le impostazioni, simile a quest’altro:

Per invogliarvi nella lettura forse noiosa, vi invito a dare un’occhiata al risultato (cliccate l’immagine per scaricarlo / click image to download):

Bene, iniziamo con le cose serie: il wallpaper deve avere un’idea di fondo che si concretizza nel soggetto dello sfondo che si vuole realizzare. Nel mio caso avevo in mente di creare uno sfondo con una ragazza. Ho rovistato su internet fino a trovare l’immagine che faceva al caso mio e che è la seguente:

Bene, questa immagine la vogliamo e dobbiamo vettorializzare. Il metodo più efficace e veloce per immagini così nitide e con buona risoluzione, è quello che ho descritto un po’ di tempo fa, e che si ottiene utilizzando Illustrator. Utilizzando quel metodo abbiamo il seguente risultato:

Come vedete abbiamo ottenuto un discreto risultato. Ora dopo aver salvato l’immagine in png o jpeg della grandezza che vogliamo (scalando l’immagine in Illustrator), apriamo Photoshop e creiamo un nuovo documento di grandezza 1600×1200px andando su File –> Nuovo (File –> New); a questo punto dopo aver aperto anche l’immagine vettorializzata, facciamo drag& drop di quest’ultima sul nuovo documento utilizzando lo strumento muovi (Move Tool). Se l’immagine è troppo grande, la ridimensioniamo andando su Image —> Image Size…, il mio consiglio è quello di impostare l’altezza a 1200px e lasciare la larghezza automatica. Avrete una cosa del genere disposta su due livelli:

Bene adesso utilizzando lo Strumento Secchiello (Paint Bucket Tool) ed impostando il colore nero, coloriamo il primo livello (quello senza l’immagine) di nero cliccandoci sopra. Questo passaggio potrebbe essere evitato dando subito come Background Color il colore nero durante la creazione del nuovo file 1600×1200px.

Ok ora lo sfondo è uniforme a parte alcuni punti in cui bisogna renderlo più uniforme, io l’ho fatto copiando delle macchie bianche presenti sullo sfondo e attraverso i comandi trasforma, distorci, etc.. (Edit —> Trasform —>…) ho fatto in modo di trasformare quelli parti nel seguente modo:

Ora è giunto il momento di essere creativi e di usare buon gusto nelle scelte di colore, stili, etc.. Cominciamo aggiungendo un bell’arazzo (creando un nuovo livello) utilizzando un brush appartenente alla grande libreria di brusheezy (e che trovate nello zip). Chi non sapesse come utilizzare i pennelli, può leggersi questo tutorial. Perfetto, adesso diamo uno stile a questo pennello con le seguenti impostazioni:

Bene ora il nostro wallpaper dovrebbe apparire così:

Ok, ora utilizziamo un altro pennello a cui diamo le seguenti impostazioni:

Ecco come diventa il pennello:

Perfetto ora aggiungiamo l’ala (sempre un pennello) e poi andiamo nelle Blending Options e applichiamo un Color Overlay bianco al 100% di opacità e diamo al livello uno Stroke di 3px, outside, 100% opacità e di colore bianco (con Fill Type = color). Posizioniamo il livello dell’ala sopra l’altro livello, tanto è bianco su bianco . Ecco come procede il lavoro:

Ora ci manca da aggiungere le stelline e quell’effetto d’etereo che dà un’atmosfera più magica al tutto. Questi effetti sono fatti con un plugin di Photoshop che si chiama Auto FX Mystical Lighting; a questo indirizzo potete provare la demo:

LINK Mystical Lighting

Non vi sto a descrivere il procedimento, nello zip trovate i livelli già pronti.
Infine rimane la mia scritta con il pennello aggiuntivo il cui stile lo potete trovare sempre nello zip da scaricare. Non vi sto a spiegare come si fa dato che il procedimento è lo stesso che abbiamo utilizzato finora con gli altri pennelli e quindi non dovreste avere difficoltà.

Concludendo quindi posso consigliarvi di cercare sempre buoni pennelli e di usare molta fantasia nella scelta dei colori e degli stili che applicate ai livelli; inoltre a volte anche dei plugin possono fare la differenza

Nome: Nik Ainley
Sito Web: http://www.shinybinary.com/

Nome: Adhemas Batista
Sito Web: http://www.adhemas.com/new/

Fatto questo vi apparirà una finestra dove dovrete specificare alcune impostazioni, la più importante è la dimensione: se avete un’immagine che come la mia ha dimensioni 600×496, potreste scegliere misure un po’ più grandi (ad esempio ho scelto 700×600)

Una volta fatto cliccate su OK. A questo punto, andate su File —> Place…:

Vi apparirà una finestra nella quale dovrete cercare la vostra immagine e, una volta trovata, fate click su Place. Eseguita questa operazione, ecco come si presenterà la zona di lavoro:

Bene, ora andate su Object —> Live Trace —> Tracing Options:

si aprirà una schermata nella quale dovrete settare qualche parametro:

Il parametro fondamentale è quello evidenziato di rosso: la modalità deve essere in Bianco e Nero. Per quanto riguarda gli altri settaggi, spuntate Preview, in modo da poter avere un’anteprima e poi provate a modificarli fino a che non siete soddisfatti. Ad operazione conclusa cliccate su Trace; ecco il risultato:

Andate ora su Object —> Live Trace —> Expand:

dopo il click, la vostra immagine si riempirà di quadratini uniti da linee azzurre:

Facciamo ora clic su Select —> Deselect:

quadratini e linee scompariranno, o meglio saranno solo deselezionate. Infatti ora andremo ad abbellire l’immagine dando un colore a tutti i punti bianchi presenti nell’immagine. Per fare ciò utilizzate lo strumento di selezione diretta (direct selection tool):

Cliccate poi su un punto bianco dell’immagine ed andate su Select —> Same —> Fill Color come vedete qui a destra

Con questo comando saranno selezionate tutte le aree dello stesso colore e nel nostro caso, tutte le aree di colore bianco.

Cambiate adesso il colore cliccando nella finestrina Fill evidenziata in rosso; ciò che vi apparirà lo potete vedere qui accanto.

Io ho scelto il magenta, ma nessuno vi impedisce di scegliere altri colori.

Appena cliccherete sul colore, tutta la vostra selezione, sarà riempita da quel colore in automatico. Questo è il mio risultato finale: