Testo in vetro trasparente è uno degli effetti di stile testo più popolari in Photoshop che conferisce ai design un tocco elegante, moderno e professionale. Che si tratti di loghi, grafica dell'header o progetti creativi, questo effetto impressiona per la sua rappresentazione realistica del vetro che cattura luce e ombra. In questo tutorial ti mostrerò passo dopo passo come creare un effetto testo in vetro trasparente con Photoshop. Utilizzeremo strumenti semplici come stili di livello, sfumature ed effetti per ottenere un risultato convincente. Cominciamo e facciamo risplendere il tuo testo!
1. Lo sfondo
Creati un nuovo documento con dimensioni di 700 x 400 pixel. E per coloro che desiderano stamparlo in seguito: una risoluzione di 300 ppi.
Iniziamo creando un bel sfondo sfumato. La maggior parte delle sfumature è composta principalmente da due colori. Tuttavia, in Photoshop abbiamo la possibilità di creare sfumature più complesse con più colori.
Creiamo quindi una sfumatura radiale:
Per il primo indicatore di colore, scegliamo: #790d3c, clicchiamo al centro della barra dei colori e selezioniamo il colore: #4a0823. Per l'ultimo: #2c0414.
Poi trasciniamo la sfumatura da in basso a destra verso l'alto a sinistra, in modo che in basso a destra abbiamo il nostro cono di luce.
2. Il testo
Passiamo quindi al strumento testo. Qui ho scelto il carattere "Adobe Caslon Pro", fornito con la suite creativa. La dimensione del carattere in questo esempio è di 75,92 Pt. Ora manca solo il colore adatto. Lo assegniamo cliccando sul campo colore in alto a destra.
Inseriamo il seguente valore: #a9419c.
Per il nostro risultato intermedio:
Abbassiamo l'opacità del livello al 28%, in modo che il nostro testo sembri trasparente per ora.
Poi facciamo doppio click sul livello "PSD" oppure clicchiamo sul pulsante fx nella parte inferiore del pannello dei livelli per aprire gli effetti di livello. Per prima cosa spuntiamo la casella per ombra esterna. Ecco i valori:
Otteniamo il seguente risultato:
Passiamo a ombra interna e impostiamo i valori seguenti:
E otteniamo il seguente risultato:
• Luce esterna:
Risultato intermedio:
• Luce interna:
• Bordo smussato e rilievo:
• Contorno:
Risultato intermedio:
• Riflesso: Per il colore del metodo di riempimento, clicchiamo semplicemente col selettore sullo sfondo scuro accanto al nostro "P".
Risultato intermedio:
• Contorno:
Risultato intermedio:
3. Creazione di riflessi
Ora creiamo un piccolo riflesso nella parte inferiore del "D". Per farlo, selezioniamo l'intero testo tenendo premuto il tasto Ctrl e facendo clic sulla miniatura del livello.
Ci creiamo poi un nuovo livello.
Successivamente, selezioniamo lo strumento di sfumatura e scegliamo una sfumatura da bianco a trasparente. Assicuriamoci che l'opzione Sfumatura radiale sia ancora attiva …
… e trasciniamo la sfumatura come mostrato nell'immagine sottostante.
Risultato:
Possiamo nascondere la selezione premendo Ctrl+H. In questo modo possiamo valutare meglio il risultato quando tracciamo una seconda sfumatura.
Tracciamo quindi un'altra sfumatura, come mostrato nell'immagine sottostante, per rafforzare ulteriormente l'effetto.
Premiamo quindi Ctrl+D per cancellare la selezione nascosta. Rinominiamo il nostro livello superiore in "Riflesso inferiore". Per far sì che la nostra sfumatura si adatti bene al testo, selezioniamo il metodo di riempimento: Sovrapponi.
Otteniamo così il seguente risultato intermedio:
Procediamo ora allo stesso modo con l'angolo in alto a sinistra: selezioniamo il testo tenendo premuto il tasto Ctrl sulla miniatura del livello.
Creiamo un nuovo livello chiamato "Riflesso superiore" …
… e tracciamo nuovamente una sfumatura con Sfumatura radiale da bianco a trasparente, come mostrato di seguito…
Risultato intermedio:
Successivamente, cancelliamo la selezione con Ctrl+D …
… e riduciamo l'opacità al 30%.
Risultato intermedio:
Per un riflesso più accentuato, creiamo una selezione ovale sulla metà superiore del nostro testo … (per spostare contemporaneamente l'ovale durante la creazione, tenere premuto il tasto barra spaziatrice).
Invertiamo questa selezione premendo Ctrl+Shift+I, …
… e eliminiamo il resto della sfumatura premendo il tasto Elimina, in modo da ottenere un bordo di riflessione netto.
4. Creazione degli highlights (2 varianti)
Per aggiungere ulteriore luminosità, creiamo dei piccoli evidenziatori. Ci sono diverse varianti. Ne spiegherò due, una attraverso stelline poligonali e l'altra attraverso punti di sfocatura.
Variante 1: Stelline poligonali
Iniziamo con le stelline poligonali. Creiamo un nuovo livello chiamato "Stelline".
Quindi selezioniamo lo strumento poligono …
... fare clic sulla barra di controllo sulla piccola freccia rivolta verso il basso e...
... quindi fare clic sull'opzione Stella.
• Impostiamo lo restringere pagine a al 98%, per ottenere punte molto nitide. Poi impostiamo Pagine su 5, per ottenere 5 punte per stella.
È importante avere impostato il colore del primo piano su Bianco. Poi posizioniamo le stelle sulle aree più illuminate...
Questo è come può apparire bello.:)
Adesso passiamo alla seconda variante. Ma prima sistemiamo la nostra palette dei livelli, raggruppando i nostri livelli poligonali in un gruppo (selezionando i livelli corrispondenti e premendo Ctrl+G). Quindi possiamo nasconderli con un clic. Possiamo chiamare questo gruppo "Stellina".
Variante 2: Creare macchie come pennello
Vorrei mostrarvi subito un modo molto efficiente per posizionare rapidamente e facilmente le macchie. Per farlo, abbiamo bisogno innanzitutto di un nuovo documento con un'area di lavoro di 2000 x 2000 pixel (ne avremo bisogno, poiché le macchie diventeranno enormi anche in dimensioni ridotte;) ).
Riempiamo lo sfondo con il Nero...
... e selezioniamo le nostre macchie.
Ora dobbiamo assicurarci di posizionare la macchia al centro il più possibile, in modo da ottenere anche il riflesso intorno ad essa non tagliato sulla nostra area di lavoro.
Chi guarda attentamente o inclina il monitor dall'alto può vedere che la nostra macchia è quasi in contatto con il bordo superiore.;)
Ma per fortuna l'abbiamo comunque catturata interamente. Quindi ora premiamo Ctrl+ I per invertire il nostro livello.
Quindi selezioniamo l'intero livello con la combinazione di tasti Ctrl+A, andiamo su Modifica>Impostazione pennello...
... e salviamo la nostra macchia come pennello.
Tornando al nostro documento, creiamo innanzitutto un nuovo livello e chiamiamolo "Macchie".
Ora possiamo richiamare il nostro pennello appena creato nella palette dei pennelli.
Prima di tutto assicuriamoci che il nostro pennello non sia troppo grande. Inoltre, il colore di primo piano dovrebbe essere Bianco.
Creiamo un nuovo livello per ogni macchia migliore (per poterle spostare a piacimento) e posizioniamole sulle zone riflesse nella nostra immagine.
5. Creare un riflesso
Come succede per la maggior parte degli oggetti molto lucidi, lasciano spesso un riflesso. Ed è proprio quello che faremo adesso con il nostro testo.
Per prima cosa, abbiamo bisogno di una copia del nostro testo con tutte le riflessioni. Per farlo, selezioniamo i livelli "PSD", "Riflesso sotto" e "Riflesso sopra", e trasciniamoli con il tasto del mouse premuto sul foglio inferiore per creare una copia di tutti e tre i livelli.
Quindi premiamo Ctrl+E per unire queste duplicazioni in un unico livello.
Quindi premiamo Ctrl+T per trasformare il livello. Facciamo clic destro sul livello di trasformazione e selezioniamo Riflessione verticale.
Spingiamo il livello verso il basso premendo le frecce finché i bordi del livello non si toccano. Questo accade solo per la lettera "S" in questo caso. Le altre due dovranno essere ancora adattate.
Quindi selezioniamo lo Strumento Selezione rettangolare e selezioniamo la lettera "P".
Premendo "V" attiviamo lo Strumento Sposta. Utilizzando questo strumento, spostiamo la lettera "P" verso l'alto con le frecce finché non tocca il bordo inferiore. Premendo Ctrl+H, nascondiamo temporaneamente il bordo di selezione per valutare meglio la posizione. Questo aiuta molto durante lo spostamento.
Non importa se il bordo inferiore del "P" viene tagliato poiché verrà nascosto in seguito.
Ripetiamo lo stesso procedimento con la lettera "D".
Successivamente creiamo un livello maschera su questo livello …
… passiamo allo Strumento Gradiente e impostiamo un Gradiente Bianco-Nero o un Gradiente Nero-Trasparente. Assicuriamoci di avere attivata l'opzione Gradiente Lineare.
Posizioniamo lo strumento sul bordo inferiore e tracciamo il gradiente fino in alto come mostrato nell'immagine. Possiamo anche tenere premuto il tasto Shift per assicurarci che il nostro gradiente sia perfettamente dritto.
E otteniamo il seguente risultato intermedio:
Come molte riflessioni, la riflessione di solito è molto debole. Pertanto, riduciamo leggermente l'opacità di questo livello (44%) in modo da ottenere una riflessione relativamente realistica.
Questo dà all'aspetto del nostro testo più spazio, poiché la riflessione mostra un pavimento. E per evidenziare meglio questo spazio, creeremo un pavimento.
Prima di procedere, mettiamo ordine nei nostri livelli. Rinominiamo il livello appena creato in "Riflessione". Poiché la riflessione è posta sotto il testo, spostiamo il livello "Riflessione" sotto il livello "PSD". Quindi raggruppiamo il testo con la riflessione e le ombre in un unico gruppo chiamato "PSD". Raggruppiamo anche i tre livelli di effetto lente in un gruppo effetto lente. Quindi la struttura dei nostri livelli è composta dal livello di sfondo, dal gruppo "PSD", dal gruppo "Stella" e dal gruppo "Effetto lente".
Sotto al gruppo "PSD" creiamo una cartella chiamata "Pavimento", dove creeremo la nostra ultima grafica.
6. Creazione di un pavimento
Nel gruppo di livelli "Pavimento" creiamo un nuovo livello chiamato "Pavimento". Quindi selezioniamo lo Strumento Gradiente.
Impostiamo i seguenti valori di colore:
Tracciamo un bel gradiente dall'alto verso il basso mantenendo premuto il tasto Shift.
Risultato intermedio:
Anche se sembra già bello così, dobbiamo trasformarlo nel nostro pavimento. Premiamo Ctrl+T e trasciniamo il livello verso il basso dalla maniglia superiore fino a superare leggermente la riflessione. In questo modo il testo non si trova sul bordo posteriore della "stanza", ma più al centro.
Risultato intermedio:
Ora abbiamo il nostro pavimento virtuale. Tuttavia, non convince appieno poiché non proietta ombre. Creiamo quindi un nuovo livello per l'ombra e lo collocchiamo sotto il nostro livello "Pavimento".
Rinominiamo subito questo livello in "Ombra". Quindi selezioniamo un pennello nero rotondo morbido …
… e tracciamo un po' fuori dal documento mantenendo premuto il tasto Shift lungo il bordo del pavimento.
Risultato intermedio:
Ora la nostra ombra è ancora un po' troppo forte. Ma non importa, perché possiamo spostarla verso il basso utilizzando lo strumento di spostamento e le freccette. Oppure premiamo di nuovo Ctrl+T e spostiamo leggermente verso l'alto il maniglione inferiore centrale, così da rendere l'ombra un po' più marcata.
Poi possiamo regolare leggermente l'opacità dell'ombra (al 60%).
E quindi siamo finalmente arrivati a destinazione.:)
Spero che questo tutorial vi sia piaciuto e sarò felice di ricevere ogni commento.:)
