Come creare un semplice effetto testo al neon con gli stili di livello in Adobe Photoshop

Cosa starai creando

In questo tutorial ti mostrerò come creare un bel effetto testo acido, usando gli stili di livello.

Questo effetto fa parte del mio pacchetto di stili di testo su GraphicRiver.

introduzione

Durante questo tutorial verranno utilizzate le seguenti risorse:

• Font Intro

Prima di iniziare a creare il proprio mock-up di testo, scarica e installa il carattere. Ti aiuterà a ottenere lo stesso risultato.

1. Come creare il modello

Passo 1

Apri Photoshop (io uso Photoshop CS6), vai a File> Nuovo, e creare un nuovo 6 x 6 px documento (il Contenuto di sfondo dovrebbe essere Trasparente).

Passo 2

Passare al Strumento di matita, imposta la dimensione a 1 px, e disegna linee diagonali.

Passaggio 3

stampa Control-A per selezionare l'immagine e andare a Modifica> Definisci modello. genere Modello DL nel Nome campo.

Il modello è stato aggiunto alla libreria e verrà utilizzato nel passaggio successivo.

2. Come creare lo sfondo

Passo 1

Crea un nuovo 4000 x 1420 px documento con risoluzione di 300 pixel / pollice. Impostato Contenuto di sfondo come Trasparente.

Passo 2

Vai a Livello> Nuovo livello di riempimento> Gradiente, e scrivi sfondo nel Nome campo.

Passaggio 3

Photoshop aprirà una nuova finestra di dialogo. Clicca sul Scatola sfumata per creare il riempimento sfumato utilizzando i colori # 535353 a sinistra e # 373737 a destra. Successivamente, fai clic su ok pulsante.

Passaggio 4

Selezionare sfondo e vai a Livello> Livelli di gruppo (o premere Controllo-G). Rinominare il suo gruppo in sfondo e chiudilo.

3. Come creare l'oggetto smart di testo

Questo ti aiuterà a cambiare il testo in pochi clic.

Passo 1

Scegli il Digita strumento (T) e selezionare il carattere Intro. Impostare il Dimensione del font in giro 230 pt. Scrivi "ACID" in lettere maiuscole. Il colore del testo non è importante.

Passo 2

Selezionare il livello ACID, premere Control-A, scegli il Sposta strumento, e premere Allinea al centro verticale e Allinea al centro orizzontale. Sposterà il livello del testo al centro del nostro documento.

Passaggio 3

Assicurati che il livello ACID sia selezionato. Doppio click con il mouse sul nome del livello e cambiarlo in Livello di testo. stampa accedere applicare il cambiamento.

Passaggio 4

Vai a Livello> Oggetti avanzati> Converti in oggetto avanzato (o fare clic con il tasto destro del mouse sul livello di testo e scegliere Converti in oggetto avanzato).

Passaggio 5

Scegli questo Oggetto intelligente e duplicarlo quattro volte. Di conseguenza, ci saranno cinque copie dell'oggetto Smart. Rinominare ogni livello dall'alto verso il basso usando il modello: TEXT_ [numero]. Seleziona tutti gli oggetti intelligenti e raggruppali. Cambia il nome del gruppo in Testo.

4. Come creare gli stili di livello Text_1

Iniziamo dall'alto verso il basso.

Passo 1

Prima di tutto, cambia il Riempi l'opacità a 0.

Passo 2

Doppio click il livello Text_1 per applicare il seguente stile di livello. Aggiungere un Sovrapposizione di modelli con queste impostazioni:

• Modalità di miscelazione: copertura
• Opacità: 100%
• Clicca su Modello e seleziona il modello che abbiamo creato in precedenza
• Scala: 100%

Di conseguenza, dovresti avere l'immagine successiva:

5. Come creare gli stili di testo Text_2

Pulsante destro del mouse il livello di testo e scegliere Opzioni di fusione per creare lo stile di livello.

Passo 1

Cambiare il Riempi l'opacità a 0.

Passo 2

Aggiungere un Ictus con queste impostazioni:

• Taglia: 20 px
• Posizione: Al di fuori
• Modalità di miscelazione: Normale
• Opacità: 100%
• Tipo di riempimento: Pendenza
• Pendenza: a partire dal # 001100 a # 00450b
• Stile: Lineare
  
• Angolo: 90 °
• Scala: 100%
• Deseleziona il Inverso e il oscillare

Passaggio 3

Ora aggiungi un Bagliore interno:

• Modalità di miscelazione: Normale
• Opacità: 100%
• Rumore: 0%
• Colore: # ffa81f
• Tecnica: Softer
• Fonte: Bordo
• Soffocare: 100%
• Taglia: 10 px
• Deseleziona il Anti-alias
• Gamma: 100%
• jitter: 0%

Passaggio 4

Aggiungere un Sovrapposizione sfumatura con queste impostazioni:

• Modalità di miscelazione: Normale
• Deseleziona il Inverso e il oscillare
• Opacità: 100%
• Clicca sul Pendenza e impostare: # aede00 allo 0%, # 759b00 al 50%, # cdfc00 al 51% e # cdfc00 al 100%
• Stile: Lineare
• Angolo: 90 °
• Scala: 100 px

Il testo dovrebbe essere simile a questo:

6. Come creare gli stili di testo Text_3

Doppio click il livello Text_3 per applicare lo stile di livello. Aggiungere un Ictus con queste impostazioni:

• Taglia: 30 px
• Posizione: Al di fuori
• Modalità di miscelazione: Normale
• Opacità: 100%
• Tipo di riempimento: Colore
• Colore: # 00450b 

Il risultato di questo passaggio:

7. Come creare gli stili di testo Text_4

Pulsante destro del mouse il livello di testo e scegliere Opzioni di fusione per creare lo stile di livello.

Passo 1

Aggiungere un Ictus con queste impostazioni:

• Taglia: 50 px
• Posizione: Al di fuori
• Modalità di miscelazione: Normale
• Opacità: 100%
• Tipo di riempimento: Pendenza
• Pendenza: a partire dal # ad036d a # e4024d
• Stile: Lineare
  
• Angolo: 90 °
• Scala: 100%
• Deseleziona il Inverso e il oscillare

Passo 2

Ora aggiungi un Ombra esterna:

• Modalità di fusione: Normale
• Scegli il colore # 000000
• Opacità:  13%
• Deseleziona il Usa la casella Luce globale prima di impostare un Angolo: 135 °
• Distanza: 20 px
• Diffusione: 100%
• Taglia: 60

Risultato:

8. Come creare gli stili di testo Text_5

Prima di aggiungere gli stili di testo, scegli questo livello e spostalo verso il basso 20 px.

Passo 1

Aggiungere un Ictus con queste impostazioni:

• Taglia: 70 px
• Posizione: Al di fuori
• Modalità di miscelazione: Normale
• Opacità: 100%
• Tipo di riempimento: Pendenza
• Pendenza: a partire dal # 75064b a # 991.641
• Stile: Lineare
  
• Angolo: 90 °
• Scala: 100%
• Deseleziona il Inverso e il oscillare

Passo 2

Aggiungere un Ombra esterna con queste impostazioni:

• Modalità di fusione: Normale
• Scegli il colore # 000000
• Opacità:  40%
• Deseleziona il Usa la casella Luce globale prima di impostare un Angolo: 135 °
• Distanza: 60 px
• Diffusione: 100%
• Taglia: 45 

Congratulazioni, hai finito!

L'effetto testo acido è pronto. Ecco l'immagine finale. Spero ti sia piaciuto il tutorial. 

Non dimenticare di condividere il tuo risultato con noi.

A proposito, se vuoi cambiare il testo, doppio click sul Oggetto intelligente icona, e Photoshop aprirà un nuovo file PSB. Cambia il testo, vai a File> Salva per salvare le modifiche e File> Chiudi per chiudere questo file. Dopo ciò, otterrai un file aggiornato con una nuova parola.

Risultato finale

Puoi acquistare questo effetto come parte del mio pacchetto di stili di testo su GraphicRiver.