Effetto dorato sul testo

Introduzione:

Ciao cari utenti della comunità PSD. È bello avervi di nuovo con me in uno dei miei tutorial. Oggi imparerete come creare un bellissimo effetto dorato come nell'immagine 01. Inoltre vi mostrerò come potete creare le vostre librerie di colori personalizzate, in modo da avere sempre a disposizione ad esempio i colori oro che creeremo in seguito. Infine ci dedicheremo ad un piccolo extra, ossia come trasformare un testo 2D in una rappresentazione 3D.

Bene, basta con le chiacchiere. Cominciamo subito...

Adobe Illustrator - Effetto oro sul testo

Parte 1:

Passo 1: Creare i colori oro

Prima di poter iniziare a creare un effetto dorato, avrete naturalmente bisogno di diversi colori oro. In questo tutorial avremo bisogno di quattro diversi valori di colore CMYK. Ma dove si possono trovare i valori migliori? Il mio consiglio in questo caso è piuttosto semplice. Dato che abbiamo bisogno di colori oro, cercate su un motore di ricerca a vostra scelta (nel mio caso "Google") la parola "oro, lingotti d'oro, colori oro" o simili. Andate poi alla "Ricerca immagini" e guardate diverse immagini in cui compaiono colori oro. Come potete vedere nell'immagine 02, ho scelto un'immagine con due lingotti d'oro. Salvate quella o l'immagine che preferite sul vostro computer e passate poi ad Illustrator.

Adobe Illustrator - Effetto dorato sul testo

Una volta in Illustrator, create innanzitutto un nuovo spazio di lavoro nel formato DIN A3. Potete farlo tramite File>Nuovo.

Adobe Illustrator - Effetto dorato sul testo

Andate su File>Inserisci e selezionate nella finestra di dialogo l'immagine che avete salvato in precedenza. Confermate questa finestra con OK.

Adobe Illustrator - Effetto dorato sul testo

Questa immagine verrà ora utilizzata come riferimento per i colori oro. Prendete lo strumento Rettangolo, create quattro quadrati piccoli e posizionateli in un angolo del vostro spazio di lavoro. Le dimensioni non sono importanti. Nel mio caso, i quadrati sono tutti grandi 28 x 28mm.

Adobe Illustrator - Effetto dorato sul testo

Ora siamo al punto in cui dovete leggere i valori di colore della vostra immagine. Per farlo, selezionate un quadrato alla volta e prendete quindi la pipetta dalla bara degli strumenti. Selezionate ora diverse tonalità d'oro dall'immagine. Fate questo per ogni quadrato. Nell'immagine 06 potete vedere da quali aree ho estratto i valori di colore con la pipetta.

Adobe Illustrator - Effetto oro sul testo

Per coloro che non sono del tutto soddisfatti dei propri valori di colore, ecco i valori CMYK dei miei quattro colori (vedi anche immagine 07).

• CMYK – 9/43/96/37
• CMYK – 6/24/80/9
• CMYK – 2/13/67/0
• CMYK – 3/6/65/0

Adobe Illustrator - Effetto dorato sul testo

Passo 2: Creazione del gradiente

Dopo aver creato i quattro diversi valori di colore, è ora il momento di creare un gradiente con questi colori. Per fare ciò, prendete nuovamente lo strumento Rettangolo e create di nuovo un quadrato. Anche in questo caso le dimensioni non sono importanti.

Prima di poter procedere direttamente a creare un gradiente con i colori oro, dovrete ancora aggiungere questi colori alla vostra palette Colori. Anche questa palette può essere riaperta tramite Finestra>Colori se non l'avete ancora visibile.

Adobe Illustrator - Effetto dorato sul testo

Se cliccate su un quadrato con un colore oro, questo colore apparirà anche nella parte inferiore della bara degli strumenti sul lato sinistro. Tenendo premuto il tasto sinistro del mouse, potrete trascinare questo colore nella palette Colori tramite Drag&Drop. Fate questo con tutti e quattro i colori.

Adobe Illustrator - Effetto dorato sul testo

Successivamente avrete bisogno della palette Gradiente. Se non l'avete ancora aperta, andate su Finestra>Gradiente (o su Mac - Command+F9), per visualizzarla.

Adobe Illustrator - Effetto oro sul testo

Nel prossimo passo selezionate il quadrato che avete creato all'inizio di Passaggio 2. Cliccate una volta sull'area del gradiente nella palette di sfumature per creare un gradiente predefinito in bianco e nero. Questo gradiente dovrà essere modificato per i nostri scopi.

Adobe Illustrator - Effetto oro sul testo

Utilizzando la palette dei colori, potete trascinare le tonalità d'oro appena create nell'area del gradiente. Potete rimuovere facilmente il campo di colore nero e bianco in questo gradiente tenendolo premuto con il tasto sinistro del mouse e trascinandolo fuori dalla palette di sfumature.

Trascinate ora quanti più campi colore nel gradiente come mostrato nella Figura 12.

Adobe Illustrator - Effetto dorato sul testo

Da sinistra a destra, avrete l'ordine seguente per i campi colore (vedi Figura 13).

Adobe Illustrator - Effetto dorato sul testo

Passaggio 3: Creare il testo e prepararlo per il gradiente dorato

Dopo aver creato il gradiente dorato, potete scrivere una parola o una frase con lo strumento Testo. Nel mio caso, scrivo la parola "Oro". Affinché l'effetto dorato risalti correttamente, vi consiglio di scegliere una font abbastanza spessa. Con font sottili e delicati l'effetto dorato non sarà così evidente e sembrerà fuori posto. Nel mio caso, ho scelto il carattere Myriad Pro in grassetto. Ho impostato la dimensione del carattere a 300pt.

Adobe Illustrator - Effetto dorato sul testo

Una volta soddisfatti della vostra scelta di font e testo, andate nella barra dei menu in alto su Testo>Converti in Percorsi.

Adobe Illustrator - Effetto dorato sul testo

Ora potete cliccare con il contagocce sul quadrato con il gradiente che avete creato in precedenza. A differenza ad esempio di Photoshop, il contagocce in Illustrator riconosce la differenza tra un singolo colore e un gradiente. Ciò comporta l'applicazione dell'intero gradiente sul vostro testo. Dopo questo, il risultato dovrebbe essere simile a quanto mostrato in Figura 16.

Adobe Illustrator - Effetto dorato sul testo

Poiché il gradiente si estende ora da sinistra a destra anziché dall'alto verso il basso come desiderato, potete scegliere di impostare semplicemente un angolo di 90° nella palette di sfumature ...

Adobe Illustrator - Effetto dorato sul testo

... oppure prendere lo strumento gradiente dalla palette di strumenti. Con questo strumento, avete la possibilità di regolare liberamente il gradiente cliccando e trascinando. In questo modo potete definire liberamente l'angolo, la posizione e la lunghezza del gradiente.

Adobe Illustrator - Effetto dorato sul testo

Dopo aver personalizzato il gradiente, il risultato dovrebbe essere simile a questo (vedi Figura 19).

Adobe Illustrator - Effetto dorato sul testo

Passaggio 4: Far brillare l'oro

Il prossimo passo è assicurarsi che il vostro oro brilli anche splendidamente.

Per farlo, create ora un contorno nero con uno spessore di 5pt.

Adobe Illustrator - Effetto oro sul testo

Poiché le versioni più vecchie di Illustrator non consentono sfumature su contorni, dovrete convertire questo contorno in un oggetto separato. Fate questo con Oggetto>Espandi. Nella finestra successiva, togliete la spunta da Riempimento e mettetela su Contorno. Confermate il tutto con OK.

Adobe Illustrator - Effetto oro sul testo

Con il comando rapido Command+Shift+G (su PC - Ctrl+Shift+G) potete separare il tutto (premete questo comando due volte). Questo vi permette di selezionare il contorno separatamente ora. (Figura 22)

Adobe Illustrator - Effetto dorato sul testo

Cliccate ora sul quadrato con la sfumatura e create una copia direttamente accanto tenendo premuto il tasto Alt. Tornate ora nella finestra delle sfumature e colorate di bianco come nell'illustrazione 23 il valore dell'oro evidenziato. Questo valore bianco sarà responsabile in seguito per le luci ai bordi.

Adobe Illustrator - Effetto dorato sul testo

Selezionate ora il contorno del vostro testo e riempitelo con la sfumatura appena modificata. Potete farlo nuovamente facilmente con il contagocce, cliccando sul quadrato con la relativa sfumatura (Illustrazione 24).

Adobe Illustrator - Effetto dorato sul testo

Per regolare ulteriormente questa sfumatura, selezionate nuovamente lo strumento sfumatura dalla barra degli strumenti e trascinate la sfumatura dall'alto a sinistra in basso a destra. (Dovrete farlo per ogni singola lettera). Dopo questo, il risultato dovrebbe assomigliare approssimativamente all'illustrazione 25.

Adobe Illustrator - Effetto oro sul testo

Se posizionate questo testo davanti a uno sfondo scuro, i bordi luminosi risulteranno più evidenti. Ed ecco fatto l'effetto oro.

Adobe Illustrator - Effetto dorato sul testo.

Parte 2:

Creazione librerie colori

Proprio con effetti come quello del testo oro, sarebbe molto pratico poter salvare questi colori e sfumature separatamente. Certamente si potrebbero annotare i valori di colore appropriati su un quaderno e consultarli in qualsiasi momento quando servono. Tuttavia, Illustrator offre un metodo molto migliore, veloce e soprattutto più semplice.

E nello specifico, avete la possibilità di creare le vostre librerie colori che vengono memorizzate direttamente in Adobe Illustrator.

Tornate ora alla finestra colori. Qui avete precedentemente trascinato tutti i toni dorati tramite Drag&Drop. Ora potete fare lo stesso con le due sfumature che avete creato.

Adobe Illustrator - Effetto dorato sul testo

Cliccate ora sull'icona di una cartella nella parte inferiore destra della finestra colori. Nella finestra successiva, potete assegnare un nome a questo nuovo gruppo di colori. Chiamate questo gruppo semplicemente "Colori oro" e confermate la finestra con OK. In questo modo verrà creato un nuovo gruppo.

Adobe Illustrator - Effetto dorato sul testo

Trascinate ora i vostri colori oro in questo gruppo tramite Drag&Drop. Purtroppo le sfumature non possono essere inserite in questa cartella poiché Illustrator lo impedisce.

Dato che volete salvare solo i colori oro nella vostra libreria di colori oro, dovrete eliminare i colori predefiniti. È meglio farlo selezionando i colori da eliminare tenendo premuto il tasto Shift e quindi facendo clic sul cestino nell'angolo in basso a destra.

Di solito non cancello i colori nero e bianco, poiché spesso possono tornare utili. Una volta completato tutto questo, il risultato dovrebbe essere approssimativamente come mostrato nell'illustrazione 29.

Adobe Illustrator - Effetto dorato sul testo

Cliccate ora sulla freccia nell'angolo superiore destro per aprire un menu a tendina. Scendete quasi fino in fondo e cliccate su Salva libreria colori come ASE. Date un nome alla libreria nella finestra successiva (in questo caso ancora una volta "Colori oro").

Adobe Illustrator - Effetto oro sul testo

La vostra prima libreria colori personale è pronta.

Ora create un nuovo documento tramite File>Nuovo.

Una volta creato il documento, noterete che i colori oro sono scomparsi e i colori predefiniti sono di nuovo visibili.

Per richiamare nuovamente i colori oro, cliccate nuovamente sulla freccia in alto a sinistra nella finestra colori, per aprire il menu a tendina. Questa volta selezionate Apri libreria colori e poi Personalizzato. Compariranno le librerie di colori che avete salvato voi stessi. Se cliccate su Colori oro si aprirà una nuova finestra colori con i colori oro e le sfumature, che avete salvato precedentemente.

Adobe Illustrator - Effetto dorato sul testo

Contenuto Extra

Testo dorato come rappresentazione 3D

Come annunciato all'inizio del tutorial, ho preparato per voi un piccolo contenuto extra. E voglio mostrarvi velocemente come trasformare la vostra scritta 2D in una scritta 3D. Quindi cominciamo subito...

Scegliete la vostra scritta dorata e poi fate clic sulla barra dei menu in alto su Effetti>3D>Estrusione e smusso.

Adobe Illustrator - Effetto dorato sul testo

A questo punto apparirà una finestra di dialogo leggermente più grande, dove potrete impostare tutte le opzioni per un testo 3D. Cliccando su Anteprima in basso a sinistra, vedrete subito cosa cambia quando modificate un valore.

Due impostazioni sono particolarmente importanti per la nostra scritta 3D qui.

• Nella parte superiore potete ruotare liberamente il testo 3D e posizionarlo come desiderate (1).
• Con Profondità estrusione potete decidere quanto la vostra scritta deve protrarsi verso il retro (2).

Attualmente il risultato non sembra particolarmente eccezionale (Figura 33), poiché la parte estrusa posteriormente della scritta è grigia e ancora non dorata.

Adobe Illustrator - Effetto dorato sul testo

Tuttavia, potete risolvere questo problema facilmente facendo clic su Altre opzioni e selezionando Colore ombreggiatura come Personalizzato. Come valore del colore potete inserire #D2B023. Potete vedere tutte le impostazioni che ho scelto nella Figura 34.

Adobe Illustrator - Effetto oro sul testo

Ecco a voi la vostra scritta dorata in 3D.

Adobe Illustrator - Effetto dorato sul testo

Conclusione

Spero che questo tutorial vi sia piaciuto e che ora sappiate come creare una scritta dorata con mezzi relativamente semplici. Se avete ancora delle domande, scrivetemele semplicemente nei commenti sotto questo tutorial. Cercherò di rispondere il prima possibile.

Il vostro

Julian