Come realizzare la tipografia 3D al neon

Le luci al neon sono sempre state un affascinante spettacolo di luci e spesso difficili da fotografare. Bene, non c'è bisogno di una fotocamera qui, poiché impareremo come creare un tipo di neon 3D da zero.


Passo 1

Per creare il testo, inizieremo con Illustrator. Quindi, apri un nuovo file AI e scarica questo font, chiamato Shine On. Usando lo Strumento testo (Comando + T), digita la tua prima lettera ("N") e scegli un colore chiaro (# ABDCD6).



Passo 2

Ora aggiungiamo un effetto 3D. Vai a Effetto> 3D> Estrusione e smusso. Quando viene visualizzata la finestra, immettere le impostazioni di seguito. Per poter visualizzare le impostazioni della luce, premere il pulsante Altre opzioni. Sentiti libero di giocare con la posizione della tua lettera, tuttavia, per ottenere lo stesso risultato, usa le stesse impostazioni per la sezione Estrusione e smusso.

La lettera ha due colori. Uno è il colore del carattere (# A8E5DC) e l'altro è il colore dell'ombreggiatura che si trova nel menu 3D. Per accedervi, seleziona Personalizzato nel menu a discesa Colore ombreggiato. Scegli un ciano più chiaro (# E1FFF7).

Quando senti che la tua lettera è finita, ripeti il ​​processo per stilizzare e posiziona le seguenti tre lettere. Non appena hai finito, copia (Comando + C) la prima lettera.
Cose da tenere a mente durante il posizionamento delle lettere:

1. Tieni a mente il peso del carattere. Questo è un font sottile, quindi trova un layout che crei una parola leggibile. Puoi scegliere di far fluttuare le lettere, come ho fatto io, o allinearle simmetricamente per farle sembrare un segno. In tal caso, digita l'intera parola prima di creare l'effetto 3D, oppure digita il resto dopo aver applicato l'effetto a una lettera.

2. Se non sei soddisfatto dell'angolo che hai dato, non è necessario ricominciare da capo. Vai a Finestra> Aspetto e fai doppio clic sull'effetto trovato nell'elenco. È meglio farlo dopo aver creato tutte le lettere.



Passaggio 3

Apri un nuovo documento di Photoshop, rendilo 1280 pixel per 768 pixel a 300 ppi. Riempi il colore di sfondo con il nero e incolla (Comando + V) la prima lettera. Una volta posizionato, fai doppio clic sul suo livello e crea gli stili di livello mostrati sotto. Il primo è un bagliore esterno. Il colore assegnato è # 64FFF2.



Passaggio 4

Ora aggiungi un bagliore interno con il colore # 96b2BA.



Passaggio 5

Il prossimo è Satin con un'altra sfumatura di ciano (# 65DBD7).



Passaggio 6

Per aggiungere profondità e contrasto, aggiungi una sovrapposizione sfumatura con questi due colori: # 0E272F e # 5993A4. Non dimenticare di impostare la modalità di fusione su Color Burn.



Passaggio 7

Fare clic con il tasto destro sul livello e selezionare Copia stile livello. Quindi selezionare i livelli rimanenti, fare clic con il tasto destro e selezionare Incolla stile livello. Tutte le lettere dovrebbero ora avere lo stesso effetto.



Passaggio 8

Ora andremo oltre l'effetto bagliore dipingendo dietro le lettere. Scegli un ciano molto scuro (# 071617) e dipingi con un grande pennello morbido.



Passaggio 9

È tempo di aggiungere i cavi elettrici. Utilizzando lo strumento Penna (P), traccia il cavo in Modalità percorso.



Passaggio 10

Seleziona un pennello rotondo e imposta il suo valore su 12 pixel. Prendi di nuovo lo strumento Penna, fai clic con il pulsante destro all'interno dell'area di disegno e seleziona Tracciato tracciato. Premere PL, senza usare una pressione simulata.



Passaggio 11

Aggiungi uno stile di livello: Satinato con questo colore: # 182525.



Passaggio 12

Per rendere la parte più realistica del tubo al neon più realistico, aggiungeremo due ellissi con questi colori: # 6da0a4 e # 40b8b5. Insieme danno l'aspetto di un anello.



Passaggio 13

Aggiungi altri cavi al resto delle lettere. Ricorda di accoppiare l'estremità di un cavo con l'estremità di un tubo al neon.



Passaggio 14

Per aggiungere un po 'di profondità, confondiamo l'ultima lettera, che è stata resa più piccola per questo scopo.



Passaggio 15

È ora di concentrarsi ancora di più sulle lettere e renderle più realistiche e vecchie. Inizia creando variazioni di luce con un set di pennelli morbidi su bianco. Fatelo all'interno di una maschera di ritaglio, sopra il livello della lettera. Per creare una maschera di ritaglio, crea un nuovo livello, quindi mentre tieni premuto Alt, fai clic su tra i due livelli.



Passaggio 16

Ripeti lo stesso processo con il resto delle lettere.



Passaggio 17

In questa parte del tutorial, invecchieremo i neon aggiungendo macchie con questo set di Bittbox. Scarica e installa i pennelli Grunge Ink Splatter. Dopo aver selezionato questo set in Photoshop, inizia a dipingere con accenti di luce di questo colore: # EE5FCFB.



Passaggio 18

Aggiungi un'altra macchia con un colore più scuro. Le macchie chiare e scure renderanno il deterioramento più casuale.



Passaggio 19

Ripeti il ​​processo sul resto delle lettere.



Passaggio 20

Ora che abbiamo aggiunto più intensità ai neon, aumentiamo la luce generale. Dipingi ancora con una spazzola morbida dietro le lettere usando un ciano chiaro (# 31CAC9), ma con una Opacità molto bassa (10%).



Passaggio 21

Il muro dovrebbe riflettere lo stesso cattivo stato, quindi aggiungi qualche macchia in un livello sopra il livello "sfondo" e gioca con l'opacità fino a trovare il giusto equilibrio.



Passaggio 22

Aggiungi alcune ombre ai cavi. Per fare ciò, basta duplicare il cavo. Quindi, seleziona il livello sottostante e vai a Filtro> Sfocatura> Sfocatura movimento, quindi inserisci un valore di 60 pixel.



Passaggio 23

Bene, cos'è un tubo al neon senza alcuni insetti che volano in giro? Incorporeremo un paio di farfalle. Scarica la foto e tagliala usando lo strumento bacchetta magica.



Passaggio 24

Vai a Immagine> Regolazioni> Tonalità e saturazione. Abbassa Saturazione e Luminosità a -85.



Passaggio 25

Usando lo strumento Scherma per (O) schiarire le parti che si trovano di fronte alle luci al neon.



Passaggio 26

La regolazione finale sta applicando un filtro fotografico. Vai su Immagine> Regolazioni> Filtro fotografico e applica una sfumatura di ciano.



Passo 27

Applica la stessa tecnica al secondo. Ho realizzato la seconda farfalla ruotando una delle ali della precedente e inclinando l'altra in posizione.



Passaggio 28

Ho anche aggiunto il mio nome nell'immagine, ma ho voluto fonderlo con le immagini. Ho usato un font graffiti, come sembrava appropriato nell'ambientazione. Inizia digitandolo, quindi ruotalo e inclinalo in posizione.



Passaggio 29

Prendi lo strumento Gomma (E) e seleziona uno dei pennelli di inchiostro graffiato di bittbox. Cancella un po 'del testo; quel tanto che basta per fonderlo in secondo piano.



Passaggio 30

Accedere alla modalità Maschera veloce (Q) e trascinare una sfumatura dal nero al bianco da un lato all'altro del testo. Esci dalla modalità Maschera veloce (Q). Questa è la parte che stiamo per sfumare, al fine di dare un senso di profondità.



Passaggio 31

Vai a Filtro> Sfocatura> Sfocatura obiettivo e usa le impostazioni mostrate sotto.



Passo 32

Faremo alcuni aggiustamenti che daranno all'immagine più realismo. Il primo passo per farlo è simulare un effetto fotocamera tremolante. Nel caso in cui si scattasse questa foto con una telecamera instabile, appariranno delle macchie di luce. Creeremo qualcosa di simile a questo, ma allo stesso tempo garantiamo chiarezza e leggibilità.
Duplica una delle lettere (nel mio caso la lettera "E") e crea un nuovo livello vuoto. Seleziona il livello vuoto e la lettera sotto e uniscili (Comando + E). Lo stiamo facendo solo per appiattire lo stile di livello sulla lettera. Imposta il metodo di fusione del nuovo strato unito su Sovrapponi.



Passaggio 33

Ora vai su Filtro> Sfocatura> Sfocatura movimento e inserisci un valore di 43 con angolo di 0 gradi. Riposiziona la lettera sfocata.



Passaggio 34

Vai a Immagine> Regolazioni> Tonalità e saturazione e trascina leggermente verso il basso la barra di saturazione; quel tanto che basta per eliminare un po 'di luminosità eccessiva.



Passaggio 35

Ripeti lo stesso processo per le lettere rimanenti.



Passaggio 36

Alcuni degli effetti di luce che abbiamo introdotto hanno ridotto la gamma di colori dell'intera immagine. Per renderlo leggermente più dinamico ho deciso di utilizzare un mixer canale. Per farlo, vai su Livello> Nuovo livello di regolazione> Mixer canali. Utilizzare l'impostazione mostrata di seguito per i canali RGB.



Passaggio 37

Un ultimo passo verso il completamento è un altro potenziatore del realismo. A questo livello di luce, il rumore è molto appropriato. Dopo aver appiattito l'immagine (Comando + Maiusc + E), vai su Filtro> Disturbo> Aggiungi disturbo. Utilizzare i valori 1%, Uniforme e Monocromatico.



Conclusione

Bene, è così! Il bello di questa tecnica è il fatto che è molto facile da applicare a tutti i tipi di luci al neon. Puoi scegliere di fare tipografia 3D, come in questo tutorial, o tubi al neon stilizzati in composizioni astratte. Come al solito, tutto dipende da te e ciò che pensi potrebbe fare un uso migliore. Grazie per aver letto! È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.