Share
Gli effetti di illuminazione sono un modo divertente per rendere la tua tipografia più interessante. In questo tutorial, ti mostrerò come creare un effetto di testo che viene illuminato con tracce di piccole luci utilizzando diversi strumenti di Photoshop tra cui forme vettoriali, pennelli, stili di livello e livelli di regolazione. Iniziamo!
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
Per ulteriori informazioni sul caricamento dei preset, consulta questo tutorial sul Preset Manager in Photoshop.
Crea un nuovo documento di 1200 x 1600 px e usa il Risoluzione valore di 300. Impostare il Primo piano colore a # 35383f e il sfondo colore a # 1d1e23. Scegli il Strumento sfumatura, scegli il Primo piano a sfondo riempimento sfumato, fare clic su Gradiente radiale icona e controllare il oscillare scatola per ottenere un risultato più fluido.
Quindi, fai clic e trascina dal centro del documento verso uno degli angoli per creare il gradiente dello sfondo.
Posiziona il LandscapeArid0006 immagine in cima al livello Sfondo, quindi spostalo in modo che la cima della montagna si trovi in fondo al documento. Cambia il livello dell'immagine Modalità di fusione a Moltiplicare.
Vai a Immagine> Regolazioni> Desatura, poi vai a Immagine> Regolazioni> Livelli, e cambia il Gamma valore a 1.15.
Crea il testo usando il carattere Codice grassetto. Il carattere e la dimensione del carattere utilizzati sono cruciali per questo effetto di testo, in quanto determinano le impostazioni del pennello utilizzate successivamente nel tutorial. Quindi assicurati di usare gli stessi valori, o di cambiare le impostazioni del pennello per andare avanti con qualsiasi altra famiglia di font o dimensioni che usi.
Il Taglia qui è 60pt, il colore è # 422915, il puntamento il valore è 100, e il crenatura è impostato per Ottico.
Duplica il livello di testo.
Fai doppio clic sul livello di testo della copia per applicare il seguente stile di livello:
- Bagliore interno
Accentsconagua
# ffeed5 
Questo modulerà il testo con l'effetto bagliore di base. La sovrapposizione di pattern contribuirà a creare alcune variazioni di luminosità, mentre il bagliore interno intensificherà la luce al centro del testo, oltre a fungere da guida per aggiungere pennello e percorsi di lavoro successivo.
Crea un nuovo documento 500 x 500. Scegli il Strumento Poligono, cambia il numero di lati a 7, e creare a 320 x 320 nero Ettagono.
Vai a Modifica> Definisci preimpostazione pennello, e digita Spazzola per il Nome. È quindi possibile chiudere questo documento e tornare a quello originale.
Scegli il Pennello e apri il Spazzola pannello (Finestra > Spazzola). Scegli la punta del pennello che hai appena definito, quindi modifica le sue impostazioni come mostrato di seguito:
Crea un nuovo livello sopra tutti i livelli e chiamalo Spazzola, e impostare il colore di primo piano su bianca. Quello che devi fare dopo, è riempire le parti diritte e diagonali del testo con il pennello modificato.
Per riempire le parti verticali e orizzontali, fai clic nel punto in cui vuoi che inizi la linea, tieni premuto il tasto Cambio chiave, quindi trascina la linea dove vuoi che termini e rilascia tutto.
Per riempire le parti diagonali, fare clic una volta nel punto in cui si desidera avviare e rilasciare la linea, tenere premuto il tasto Cambio chiave, quindi fare clic un'altra volta in cui si desidera terminare la linea e rilasciare tutto.
Fare sempre clic prima di premere il tasto Cambio chiave per impedire che le linee si colleghino insieme.
Puoi sempre annullare qualsiasi riga che non ti piace e ricrearla. Questo passaggio potrebbe richiedere del tempo, ma fornisce un risultato più accurato.
Il resto delle lettere verrà riempito accarezzando i percorsi di lavoro.
Per la lettera O, puoi semplicemente usare il Strumento ellisse, con il Sentiero opzione selezionata nel Opzioni barra, per creare un percorso di lavoro al centro della lettera.
Per le altre lettere, dovrai usare il Strumento Penna (con l'opzione Percorso selezionata) per creare i percorsi di lavoro.
Fare clic una volta per aggiungere punti di ancoraggio e fare clic e trascinare per creare le curve. È possibile utilizzare il Bagliore interno delle lettere come riferimento per aggiungere il percorso. Non devi renderlo perfetto, visto che ci lavoreremo ancora un po 'più avanti.
Una cosa importante da prestare attenzione quando si creano i percorsi di lavoro è di crearli tutti (per tutte le parti necessarie del testo) prima di accarezzarli. I percorsi di lavoro creati ora verranno riutilizzati più avanti nel tutorial. Quindi dovrebbero essere tutti creati allo stesso tempo.
Per poter separare i percorsi di lavoro, premere e tenere premuto il tasto Comando / Ctrl chiave e fai clic una volta all'esterno di ogni percorso quando hai finito di crearlo. Questo separerà il percorso di lavoro che hai creato da quello che creerai in seguito.
Dopo aver creato tutti i percorsi di lavoro, selezionare il Strumento di selezione diretta, quindi inizia a modificarli.
Puoi fare clic e trascinare un punto di ancoraggio per spostarlo, oppure puoi fare clic su Punti di direzione alla fine dei due Maniglie di direzione, quindi spostali per cambiare l'orientamento della curva, oppure trascinali verso l'esterno e verso l'interno per allargare o restringere la curva.
Puoi usare il Aggiungi / Elimina strumento / i di ancoraggio / i se necessario pure.
Quando ti piace come appaiono i percorsi, scegli il Pennello di nuovo, assicurati che il Spazzola il livello è selezionato, quindi premi il tasto Invio / Return chiave per accarezzare i percorsi di lavoro.
Quindi, usa il Strumento Gomma per eliminare eventuali parti indesiderate / sovrapposte e sostituirle aggiungendo di nuovo gli eptagoni usando il Pennello.
È possibile sbarazzarsi del percorso di lavoro selezionando il Strumento di selezione diretta e colpendo il Invio / Return chiave.
Una volta che hai finito di modificare il tratto, cambia il Spazzola strato di Riempire valore a 0, quindi duplicarlo.
Fare doppio clic sul Spazzola livello per applicare il seguente stile di livello:
# ffe1a5 
#fffffd 
# ffeac7 
Questo modellerà la parte luminosa delle lampadine (eptagoni).
Fare doppio clic sul copia Pennello livello per applicare il seguente stile di livello:
Questo creerà il vetro dei bulbi.
Scegli il Pennello, quindi apri il Pennello predefinito selettore e fai clic sull'icona del menu a comparsa nell'angolo in alto a destra. Scegli il Spazzole quadrate preimpostare il menu e fare clic Aggiungere per aggiungerlo agli altri pennelli che hai.
Scegli un 3px pennello quadrato e modificare le sue impostazioni in Spazzola pannello come mostrato di seguito. Questo potrebbe essere un po 'complicato in quanto abbiamo bisogno del pennello quadrato per essere aggiunto al centro di ogni ettagono. Così la Spaziatura il valore deve essere regolato fino al raggiungimento del risultato.
Per questo tutorial, il valore utilizzato è quello 700. Ma puoi sicuramente provare altri valori se questo non funziona per te.
Crea un nuovo livello sopra tutti i livelli e imposta il colore di primo piano su uno rosso brillante. Dopodiché, segui gli stessi passaggi usati per la punta del pennello dell'ettagono per riempire il testo con la punta quadrata.
Assicurati di posizionare la punta del pennello al centro dell'ettagono quando fai clic per aggiungerlo prima di trascinare.
Per riportare il percorso di lavoro e tracciare le lettere del percorso di lavoro, aprire il percorsi pannello (Finestra > percorsi) e fare clic su Percorso di lavoro linguetta.
Torna al Livelli pannello e traccia il percorso di lavoro, quindi correggi eventuali problemi proprio come hai fatto per la punta di pennello dell'ettagono.
Quando hai finito di aggiungere i suggerimenti quadrati, imposta il colore di primo piano su # fff5e9, scegli il Strumento di riempimento, deseleziona il contiguo nella barra delle opzioni, posiziona il cursore del mouse all'interno di uno dei quadrati e fai clic per riempirli con il colore di primo piano.
Questo non è un modo preciso per cambiare il colore, ma creerà alcune variazioni a causa di ciò.
Se vuoi un risultato più preciso, puoi applicare un effetto Sovrapposizione colore usando lo stesso colore (# fff5e9), quindi rasterizzare il livello dopo quello.
Trascina il livello del pennello quadrato proprio sotto il Spazzola strato, quindi rinominarlo in 0. Crea altre 3 copie di quel livello e rinominale in 90, 45, e -45. I nomi rappresentano i valori che verranno utilizzati per i Motion Blur Angolo valore per ogni strato.
Seleziona il 0 strato e vai a Filtro> Sfocatura> Sfocatura movimento. Cambiare il Angolo a 0 e il Distanza a 30.
Fai lo stesso per gli altri livelli, ma assicurati di usare il Angolo valore del nome del livello selezionato.
Quindi seleziona tutti e quattro i layer Motion Blur e vai a Livello> Unisci livelli. Rinominare il livello unito in Luce.
Scegli il Strumento sfumino, scegli un 5px pennello morbido rotondo, e impostare il Forza valore a 100. Clicca e trascina le linee per riempire gli angoli vuoti.
Comando / Ctrl-fare clic sulla miniatura del livello di testo per creare una selezione.
Vai a Seleziona> Modifica> Contratto e digita 1. Questo contrarrà la selezione 1 pixel.
Vai a Seleziona> Inversa, poi colpisci il Elimina pulsante, e vai a Seleziona> Deseleziona per sbarazzarsi della selezione.
Duplica il livello Light e modifica la copia Modalità di fusione Sovrapponi, quindi duplica il livello di copia.
Questo intensificherà i riflessi di luce.
Imposta il colore di primo piano su # 151414, scegli il Strumento rettangolo, e creare 11-px-high rettangoli dietro il testo. Ogni riga di testo dovrebbe avere due rettangoli dietro: uno vicino alla parte superiore e uno vicino alla parte inferiore. Le linee dovrebbero estendersi al di fuori dei lati destro e sinistro del testo.
Assicurati di scegliere il Combina forme opzione nella barra delle opzioni per creare tutti i rettangoli in un livello.
Rinominare il livello dei rettangoli in Orizzontale e assicurati di posizionarlo sotto il livello di testo, quindi crea un nuovo livello sotto di esso e rinominalo Verticale.
Crea due 15-px-wide rettangoli verticali vicino a entrambe le estremità delle linee orizzontali e assicurarsi di trascinare i loro lati inferiori nella parte inferiore del documento.
Crea un altro nuovo livello tra il Orizzontale e Verticale Strati, chiamalo Centro, e aggiungere altri due 11-px-wide rettangoli vicino al centro di quelli orizzontali.
Fare doppio clic sul Orizzontale livello per applicare il seguente stile di livello:
# e1c543 
Questo modellerà le barre orizzontali.
Fare doppio clic sul Verticale livello per applicare il seguente stile di livello:
Fare clic con il pulsante destro del mouse Verticale strato e scegliere Copia stile livello.
Fare clic con il pulsante destro del mouse Centro strato e scegliere Incolla stile layer.
Comando / Ctrl-clicca il Centro miniatura del livello per creare una selezione, quindi Comando / Ctrl-Cambio-clicca il Verticale miniatura del livello per aggiungerla alla selezione.
Crea un nuovo livello in cima al Centro strato, chiamalo Ombra, e cambiala Modalità di fusione a Moltiplicare. Imposta il colore di primo piano su # 959.595, scegli il Pennello, e scegliere a 100 - 125 px punta rotonda morbida.
Fare clic una volta per aggiungere ombra ovunque si incontrino le linee verticali e orizzontali. Al termine, andare a Seleziona> Deseleziona.
Fare doppio clic sul livello di testo originale e applicare a Ombra esterna effetto:
Vai a Livello> Stile livello> Crea livello. Questo posizionerà l'effetto ombra esterna in un livello separato. Elimina il livello di testo originale.
Comando / Ctrl-clicca il Orizzontale miniatura del livello per creare una selezione, assicurarsi che il livello ombra esterna sia selezionato, vai a Seleziona> Inversa, poi colpisci Elimina per eliminare l'ombra al di fuori delle linee orizzontali.
Vai a Seleziona> Deseleziona, e rinominare il livello ombra esterna su Ombra di testo.
Crea un nuovo livello sotto il Ombra di testo strato e chiamalo Luce di testo. Cambialo Modalità di fusione a Soft Light e relativo Opacità al 50%. Imposta il colore di primo piano su # c0b99d.
Scegli il Pennello, e usare a 250 px pennello morbido rotondo per aggiungere un po 'di luce dietro il testo.
Cambia il colore di primo piano in # c9b47d, e il pennello Taglia ad un valore veramente grande (1800). Crea un nuovo livello sopra tutti i livelli e chiamalo Sovrapposizione leggera. Cambialo Modalità di fusione Overlay e relativo Opacità a 70%.
Quindi, fai clic una volta al centro del documento per aggiungere la luce. Ciò migliorerà il colore e la luminosità del risultato finale, e renderà i dettagli e le trame un po 'più visibili.
Clicca il Crea un nuovo livello di riempimento o regolazione icona giù il Livelli pannello e scegliere Mappa dei gradienti.
Cambia il livello di regolazione Modalità di fusione Overlay e relativo Opacità a 20%.
Per creare il gradiente, utilizzare quanto segue Colore e Posizione valori:
# c6baac - 0# ffc960 - 50# ffe64b - 88
Ancora una volta, fai clic su Crea un nuovo livello di riempimento o regolazione icona, ma questa volta, scegli Pendenza.
Usa un riempimento sfumato da trasparente a nero, con i colori bianca a sinistra e Nero a destra, cambia il Stile Radial e controlla il oscillare scatola.
Posiziona il livello di regolazione proprio sotto il livello del testo, cambialo Modalità di fusione Overlay e relativo Opacità a 25%.
In questo tutorial, ti ho mostrato come creare un effetto testo illuminato utilizzando diverse tecniche in Photoshop. Spero che tu abbia imparato qualcosa da questo tutorial e che tu possa utilizzare le tecniche che ho dimostrato sugli effetti di testo propri.
