Share
Photoshop è ottimo per impreziosire il testo del display con piccoli effetti. Quando aggiungi gli stili di livello nell'equazione, hai il vantaggio aggiuntivo che gli stili siano facilmente trasferibili. In questo tutorial ti mostrerò come realizzare sei diversi effetti usando solo gli stili di livello. Quindi in realtà questo è come sei tutorial in uno!
Tutti e sei questi effetti usano solo stili di livello. Se sei un membro Plus, puoi semplicemente scaricare il pacchetto ZIP di sei PSD per questo tutorial e copiare e incollare gli stili. Se non sei un membro positivo, non preoccuparti! Ho dato abbastanza istruzioni nelle istruzioni per poterle mettere insieme, anche se devo ammettere che copiare così tanti stili di livello potrebbe mandarti leggermente pazzo :-)
Ci sono molti modi per rendere il testo "d'oro". Questo fa uso di due strati con lo stesso identico testo su di esso. Sono sovrapposti l'uno con l'altro con lo strato inferiore di pochi pixel verso il basso in modo da dare l'illusione di 3 dimenioni.
Il font che stiamo usando qui è Trajan, un carattere tipografico molto elegante che si adatta al testo in oro.
Prima il livello superiore, che viene creato con i soliti sospetti: una smussatura, una sovrapposizione di sfumature e così via. Nota la debole ombra esterna che viene effettivamente applicata al livello sottostante (che quindi ha la sua ombra esterna).
Questo è lo strato che dà profondità alle nostre lettere. Si noti che la punta interna non è importante perché viene coperta dal nostro strato di doratura sopra. Usa una smussatura esterna in cima a una traccia grossa per creare le alte luci. Poi, quando mettiamo l'altro strato sopra, si uniscono per creare un bel effetto dorato!
Ci sono molti modi per rendere il testo "d'oro". Questo fa uso di due strati.
Questo effetto è in realtà solo una variazione sul testo d'oro. Come puoi vedere di seguito, abbiamo utilizzato nuovamente le doppie copie del testo, ognuna con gli stili di livello applicati. Qui ho usato un diverso contorno lucido sul testo smussato qui sotto, e ovviamente ovunque abbiamo usato una sfumatura gialla nell'ultimo effetto, ho usato un colore grigio qui.
Per provare qualcosa di leggermente diverso, ho anche applicato una distorsione di testo. È possibile farlo facendo clic sul livello di testo, selezionando lo strumento di tipo orizzontale (T) e quindi un'icona viene visualizzata in alto (mostrato sotto) su cui si fa clic. Questo dà la finestra di dialogo Testo Warp.
Ora se applichi un rigonfiamento a uno dei livelli, ma non all'altro, otterrai una leggera distorsione che sembra pulita.
Questo effetto è tanto più semplice e si basa semplicemente sull'avere due versioni del testo, uno stile e uno no. Ho usato Futura come mio carattere tipografico qui. Credo di aver visto questo effetto su un poster di un film, quindi ho usato il rosso come hanno fatto, ma funziona altrettanto bene con altri colori e combinazioni.
Tutto quello che c'è da fare è applicare due stili di livello:
Questo effetto l'ho scoperto sul sito di Chris Garrett Media, dove lo usa con grande effetto. È davvero un effetto molto semplice, basta prendere un po 'di testo (in questo esempio il carattere tipografico è DIN) e dargli un Sovrapposizione sfumatura. Photoshop ha alcune sfumature di armonia del colore davvero belle che è possibile aggiungere facendo clic su quella piccola freccia che punta a destra sulla finestra di dialogo Editor sfumatura. I gradienti che aggiunge sono il mazzo in basso. Se ne selezioni uno e lo imposti a circa il 59% su testo bianco, imposta uno sfondo scuro.
Questo è il modo più semplice per ottenere un effetto metallico. Si basa sul fatto che quando si vede il metallo nella vita reale, di solito ha un sacco di luci e ombre, in particolare i metalli più brillanti, di tipo cromico. Quindi, usando due copie dello stesso gradiente a diverse angolazioni, puoi fare in modo che questo effetto avvenga facilmente e dare al tuo testo un effetto metallico.
È meglio su un tipo di carattere sottile perché altrimenti l'interno del testo appare opaco e piatto (a meno che, naturalmente, non abbiamo aggiunto più styling, ma non sarebbe stato super veloce!)
Quindi, prima di tutto ho deciso di rendere il mio testo "alzato in piedi" in questo esempio. Quindi basta creare un livello sotto il testo e disegnare piccoli cerchi di nero sotto i punti di ogni lettera. Quindi sfocateli andando su Filtri> Sfocatura> Controllo sfocatura e impostatelo a circa 2px. Quindi premi Ctrl + T e schiacciali verticalmente. Infine, impostali a circa il 30% di Opacità in modo che siano belli e sbiaditi.
Per lettere come il un e e dove c'è un'area più ampia della lettera che tocca il 'pavimento', puoi usare lo strumento di trasformazione per allungare il cerchio orizzontalmente.
Alla fine ho duplicato una delle mie ombre circolari e l'ho allungata waay fuori così che è andato sotto l'intero pezzo di testo per rendere l'ombra complessiva.
Sperimenta e dovresti essere in grado di creare delle piccole pozze d'ombra ordinate sotto le lettere.
Ora il testo attuale è solo una combinazione di un Sovrapposizione sfumatura e un Tracciato 1px che utilizza il stesso pendenza. Il gradiente che utilizziamo (ed è lo stesso dell'effetto Tipo doppio sopra) è un gradiente metallico che viene fornito con Photoshop. Puoi aggiungerlo alla tua tavolozza dei gradienti, usando la piccola freccia destra mostrata nell'Editor dei gradienti di seguito, quindi scegli Metalli e dovresti vederlo apparire.
La chiave qui è assicurarsi che l'Angolo sulla sovrapposizione e la traccia sia diversa. Questo è ciò che crea i punti salienti del testo che puoi vedere nello screenshot in alto.
Ho anche impostato la sovrapposizione principale con solo il 14% di Opacity sulla parte superiore di un testo grigio in modo che fosse un po 'sfumato, ma è facoltativo.
Adoro questi stili di testo di tipo gel, anche se devo ammettere che non penso di averne mai usato uno in un vero design. Ma a chi importa, sono così divertenti da fare. Questo usa due copie del testo e due diversi stili di livello (simile ai nostri primi due testi in metallo precedenti).
Puoi vedere i due livelli sotto. Lo stile principale è fatto nello strato inferiore, mentre quello superiore è usato per creare quell'effetto brillante.
Nello strato inferiore abbiamo usato un po 'di bagliori, ombre alterate e sovrapposizioni sfumate. Puoi vedere le impostazioni attuali più in basso.
In questo livello ho fortemente modificato uno stile Bevel and Emboss per creare quell'evidenziazione con spigoli vivi. Di nuovo, puoi vedere le esatte impostazioni, inclusa la forma del contorno sfumato di seguito.
Accentsconagua