Come creare un'azione di effetto testo con una fiamma al neon in Adobe Photoshop

Cosa starai creando

In questo tutorial, ti mostrerò come creare due stili di Photoshop che insieme creano un fantastico effetto di testo con una fiamma al neon. Inoltre, imparerai come utilizzare questi stili con un'azione, rendendo molto facile il processo di applicazione e personalizzazione.

L'effetto di testo che stai per imparare oggi fa parte di Super Bundle Styles 3. Questo pacchetto ti offre 79 stili di Photoshop a un piccolo prezzo. Alcuni di questi sono a due livelli, il che significa che è possibile combinarli tra loro per creare nuovi fantastici effetti di testo.

Stili Super Bundle 3

Risorse Tutorial

Le seguenti risorse sono state utilizzate durante questo tutorial:

  • Masque Font
  • Immagine di sfondo (all'interno del file zip allegato a questo tutorial)

1. Come creare la trama

Passo 1

Crea un nuovo 800 x 800 px 72 Dpi documentalo e chiamalo Ignis-Texture.


Passo 2

stampa D per ripristinare i colori di primo piano e di sfondo, quindi andare a Filtro> Rendering> Nuvole.


Passaggio 3

Adesso tasto destro del mouse sul sfondo strato e scegliere Converti in oggetto avanzato. Quindi vai a Filtro> Galleria filtri e applicare a Involucro di plastica filtrare con queste impostazioni:

  • Forza di evidenziazione: 20
  • Dettaglio: 1
  • Levigatezza: 5

Passaggio 4

Ora facciamo sembrare una trama senza soluzione di continuità, riflettendo i bordi del documento.

Scegli il Strumento rettangolare di selezione (M) e selezionare il metà superiore dell'immagine, quindi premere Control-C e Controllo-V per creare un nuovo livello con l'area selezionata. Dopodiché, rinomina il nuovo livello in Primo semestre.

Passaggio 5

stampa Control-T attivare Trasformazione libera. Poi tasto destro del mouse nell'area selezionata e scegliere Capovolgi verticale. Quindi, premere accedere rilasciare il Trasformazione libera.

Passaggio 6

stampa Control-A per selezionare l'intero documento, quindi selezionare il Sposta strumento (V) e allineare il Primo semestre strato sul bordo inferiore del documento.

Passaggio 7

Vai al Livelli pannello e fare clic su Aggiungi maschera di livello icona. Quindi scegli il Strumento sfumatura (G) con il Primo piano a trasparente pendenza. Successivamente, fai clic e trascina dal centro del documento verso il basso. La freccia sull'immagine successiva rappresenta da dove cominciare e dove terminare la sfumatura.

Si noti che il gradiente verrà creato sulla maschera di livello del Primo semestre strato, nascondendo la parte superiore di esso.

Passaggio 8

Seleziona tutti i livelli del Livelli pannello e tasto destro del mouse su uno di essi, quindi selezionare Converti in oggetto avanzato per unirli in uno solo.

Passaggio 9

Ora scegli il Strumento rettangolare di selezione (M) ancora e seleziona il lasciato a metà del documento. Quindi premere Control-C e Controllo-V per creare un nuovo livello. Dopodiché, rinomina il nuovo livello in Seconda metà.

Passaggio 10

Ripetere Passaggio 5, Passaggio 6ePassaggio 7, ma scegli Capovolgi orizzontalmente e Allinea i bordi giusti rispettivamente. Quindi crea il gradiente dal centro al lato destro, proprio come la freccia sull'immagine qui sotto.


Passaggio 11

Vai a Finestra> Regolazioni per aprire il regolazioni pannello. Quindi fare clic sul Mappa dei gradienti icona per creare un nuovo Mappa dei gradienti strato.

Passaggio 12

Vai a Finestra> Proprietà per aprire il Proprietà pannello. Poi doppio click sulla barra della sfumatura per modificarlo. Stiamo andando ad aggiungere tre Fermate alla barra della sfumatura (basta cliccare sotto la barra della sfumatura e il Stop sarà creato).

  • Primo colore di arresto: # 080000 Posizione: 36%
  • Secondo colore stop: # b70000 Posizione: 89%
  • Terzo colore stop: # ff7171 Posizione: 100%

Passaggio 13

Seleziona il Seconda metà strato sul Livelli pannello e vai a Modifica> Definisci modello, nominalo Ignis-Texture, e fare clic ok. Successivamente, salva e chiudi il documento.

2. Come creare gli stili

Passo 1

Apri l'immagine di sfondo scaricata dagli asset (ignis_Bg.png).

Passo 2

Ora scegli il Strumento di tipo orizzontale (T) e selezionare il maschera font. Quindi imposta la dimensione del carattere su 300 pt e scrivi IGNIS.

Passaggio 3

Vai a Livello> Stile livello> Opzioni di fusione per aprire il Stile di livello pannello. Quindi aggiungere un Sovrapposizione colore con queste impostazioni:

  • Modalità di fusione: Normale
  • Colore: # ed551f
  • Opacità: 100%

Passaggio 4

Ora aggiungi un Bagliore esterno con queste impostazioni:

  • Modalità di fusione: Normale
  • Opacità: 100%
  • Rumore: 0%
  • Colore: # 930000
  • Tecnica: Softer
  • Diffusione: 0%
  • Taglia: 10 px
  • Contorno: Lineare
  • Anti-alias: via
  • Gamma: 50%
  • jitter: 0%

Passaggio 5

Aggiungere un Ombra esterna con queste impostazioni:

  • Modalità di miscelazione: Normale
  • Colore: # 1a0d00
  • Opacità: 100%
  • Usa la luce globale: via
  • Angolo: 146 °
  • Distanza: 2 px
  • Diffusione: 100%
  • Taglia: 5 px
  • Contorno: Lineare
  • Anti-alias: via
  • Rumore: 0%
  • Layer Knocks Out Drop Shadow: Sopra

Passaggio 6

Aggiungere un Raso effetto con queste impostazioni:

  • Modalità di miscelazione: Sfondo lineare
  • Colore: # 000000
  • Opacità: 37%
  • Angolo: 19 °
  • Distanza: 24 px
  • Taglia: 32 px
  • Contorno: gaussiana
  • Anti-alias: via
  • Invertire: Sopra

Passaggio 7

Aggiungi un Bagliore interno con queste impostazioni:

  • Modalità di miscelazione: Dodge lineare (Aggiungi)
  • Opacità: 75%
  • Rumore: 0%
  • Colore: # ea5a47
  • Tecnica: Softer
  • Fonte: Bordo
  • Soffocare: 7%
  • Taglia: 20 px
  • Anti-alias: Sopra
  • Gamma: 50%
  • jitter: 0%

Quindi fare clic sul Contorno box per modificarlo con queste impostazioni (fare clic sulla casella Mappatura per creare nuovi punti).

  • Primo punto di input: 0% Produzione: 5% Angolo: via
  • Secondo punto Input: 48% Produzione: 7% Angolo: via
  • Terzo punto Input: 52% Produzione: 80% Angolo: via
  • Quarto punto di input: 79% Produzione: 50% Angolo: via
  • Quinto punto di input: 99% Produzione: 7% Angolo: via

Successivamente, clicca su Nuovo… per salvare il preset, chiamarlo Ignis Contour 1, e fare clic ok.

Passaggio 8

Aggiungere un Ictus con queste impostazioni:

  • Taglia: 2 px
  • Posizione: Al di fuori
  • Modalità di miscelazione: Normale
  • Opacità: 100%
  • Sovrastampa: via
  • Tipo di riempimento: Pendenza
  • Inverso: via
  • Allinea con lo strato: Sopra
  • Stile: Lineare
  • Angolo: 90 °
  • Dither: via
  • Scala: 100%

Quindi fai clic sulla barra della sfumatura per modificarla con queste impostazioni:

  • Primo colore di arresto: # c62500 Posizione: 0%
  • Colore secondo stop: # 750000 Posizione: 38%
  • Colore terzo stop: # c62500 Posizione: 100%

Passaggio 9

Ora aggiungi un Bevel & Emboss con queste impostazioni:

  • Stile: Bevel interno
  • Tecnica: Liscio
  • Profondità: 83%
  • Direzione: Su
  • Taglia: 32 px
  • Ammorbidire: 0 px
  • Usa la luce globale: via
  • Angolo: 107 °
  • Altitudine: 37 °
  • Anti-alias: via
  • Modalità di evidenziazione: Dodge lineare (Aggiungi)
  • Evidenzia Colore: # e6832b
  • Evidenzia l'opacità: 100%
  • Ciao: Moltiplicare
  • Colore ombra: # 000000
  • Opacità dell'ombra: 13%

Quindi fare clic sul Contorno lucido box per modificarlo con queste impostazioni:

  • Primo punto di input: 0% Produzione: 47% Angolo: via
  • Secondo punto Input: 20% Produzione: 90% Angolo: Sopra
  • Terzo punto Input: 47% Produzione: 18% Angolo: via
  • Quarto punto di input: 88% Produzione: 74% Angolo: via
  • Quinto punto di input: 100% Produzione: 100% Angolo: via

Passaggio 10

Ora fai clic sul Nuovo stile pulsante e salvarlo come Ignis-A. Successivamente, fai clic su ok nel Stile di livello finestra per chiuderla.

Passaggio 11

stampa Control-J per duplicare il livello e quindi rinominarlo in IGNIS B e cambiala Riempi l'opacità a 0%. Dopo di che, tasto destro del mouse su di esso e scegliere Cancella lo stile dei livelli.

Passaggio 12

Ora vai a Livello> Stile livello> Opzioni di fusione per aprire il Stile di livello pannello di nuovo. Quindi aggiungere un Raso stile con queste impostazioni:

  • Modalità di miscelazione: Bruciatura lineare
  • Colore: # 000000
  • Opacità: 37%
  • Angolo: 19 °
  • Distanza: 24 px
  • Taglia: 32 px
  • Contorno: gaussiana
  • Anti-alias: via
  • Invertire: Sopra

Passaggio 13

Aggiungi un Bagliore interno con queste impostazioni:

  • Modalità di miscelazione: Dodge lineare (Aggiungi)
  • Opacità: 41%
  • Rumore: 0%
  • Colore: # af473a
  • Tecnica: Softer
  • Fonte: Bordo
  • Soffocare: 7%
  • Taglia: 20 px
  • Contorno: Ignis Contour 1
  • Anti-alias: Sopra
  • Gamma: 50%
  • jitter: 0%

Passaggio 14

Aggiungi un Bagliore esterno con queste impostazioni:

  • Modalità di miscelazione: Normale
  • Opacità: 22%
  • Rumore: 0%
  • Colore: # ff0000
  • Tecnica: Softer
  • Diffusione: 6%
  • Taglia: 48 px
  • Contorno: Lineare
  • Anti-alias: via
  • Gamma: 50%
  • jitter: 0%

Passaggio 15

Ora aggiungi un Sovrapposizione sfumatura con queste impostazioni:

  • Modalità di miscelazione: Luce soffusa
  • Dither: via
  • Opacità: 48%
  • Stile: Lineare
  • Allinea con lo strato: Sopra
  • Angolo: 90 °
  • Scala: 100%

Quindi fai clic sulla barra della sfumatura e modificala con queste impostazioni:

  • Primo colore di arresto: # 85683a Posizione: 0%
  • Colore secondo stop: # b99e70 Posizione: 12%
  • Colore terzo stop: # fff1da Posizione: 20%
  • Fourth Stop Color: # 675.028 Posizione: 29%
  • Fifth Stop Color: # fff1da Posizione: 48%
  • Sesta fermata Colore: # 675.028 Posizione: 64%
  • Settimo colore di arresto: # fff1da Posizione: 75%
  • Ottavo colore di arresto: # 675.028 Posizione: 86%
  • Ninth Stop Color: # fff1da Posizione: 93%
  • Decimo colore: # a7873a Posizione: 100%

Passaggio 16

Aggiungere un Sovrapposizione di modelli con queste impostazioni:

  • Modalità di miscelazione: Schermo
  • Opacità: 100%
  • Modello: Ignis-Texture
  • Scala: 100%
  • Link con Layer: Sopra

È possibile fare clic e trascinare la trama sul testo stesso per posizionare meglio il motivo.

Passaggio 17

Aggiungere un Bevel & Emboss con queste impostazioni:

  • Stile: Bevel interno
  • Tecnica: Liscio
  • Profondità: 93%
  • Direzione: Su
  • Taglia: 32 px
  • Ammorbidire: 0 px
  • Usa la luce globale: via
  • Angolo: 45 °
  • Altitudine: 58 °
  • Modalità di evidenziazione: Dodge lineare (Aggiungi)
  • Evidenzia Colore: # e6832b
  • Evidenzia l'opacità: 100%
  • Ciao: Moltiplicare
  • Colore ombra: # 000000
  • Opacità dell'ombra: 13%

Quindi fare clic sul Contorno lucido box e modificalo con queste impostazioni:

  • Primo punto di input: 6% Produzione: 2% Angolo: via
  • Secondo punto Input: 13% Produzione: 51% Angolo: via
  • Terzo punto Input: 38% Produzione: 96% Angolo: via
  • Quarto punto di input: 100% Produzione: 20% Angolo: via

Passaggio 18

Ora fai clic sul Nuovo stile pulsante e salvarlo come Ignis-B. Quindi, fare clic ok sul Stile di livello finestra per chiuderla. Quindi, elimina il IGNIS B strato e cancella lo stile dal IGNIS strato (fare clic con il tasto destro> Cancella stile layer).


3. Come creare l'azione

Passo 1

Cambia la dimensione del livello di testo in 299 pt e mantieni questo livello selezionato su Livelli pannello. Quindi vai a Finestra> Azioni per aprire il Azioni pannello

Passo 2

Nel Azioni pannello, fare clic su Crea un nuovo set icona e chiamala Neon Flame Text Effect. Quindi, fare clic su Crea nuova azione icona e chiamala Neon Flame 300 pt. La registrazione dell'azione inizierà.

Passaggio 3

Cambia il nome del livello di testo in Neon Flame A. Dopodiché, modifica le dimensioni del testo in 300 pt. Quindi, vai al stili pannello (Finestra> Stili) e fare clic su Ignis-A stile per applicarlo.

Passaggio 4

stampa Control-J duplicare il livello di testo e quindi rinominare la copia in Neon Flame B. Dopodiché, vai al stili nuovamente il pannello e fare clic su Ignis-B stile per applicarlo.

Passaggio 5

Ora seleziona entrambi Neon Flame A e Neon Flame B strati sul Livelli pannello e tasto destro del mouse su uno di essi, quindi scegliere Converti in oggetto avanzato per unirli in un unico livello.


Passaggio 6

Vai a Finestra> Regolazioni e fare clic su Crea una nuova mappa sfumatura icona. Poi tasto destro del mouse sul Mappa dei gradienti strato e scegliere Creare maschera di ritaglio per limitare l'effetto al livello appena sotto.

Passaggio 7

Adesso doppio click sulla miniatura del Mappa dei gradienti strato per aprire il Proprietà pannello. Quindi fare clic sul Barra di gradiente e modificalo con queste impostazioni:

  • Primo colore di arresto: # 110.600 Posizione: 2%
  • Colore secondo stop: # d31e00 Posizione: 28%
  • Colore terzo stop: # fffd5c Posizione: 100%

Passaggio 8

Rinominare il Neon Flame B strato a Fiamma al neon. Quindi, vai al Azioni pannello e fare clic su Interrompi registrazione icona.

Ecco come appare:

4. Come cambiare i colori

Devi modificare il Mappa dei gradienti strato per cambiare i colori. 

Il primo Stop il colore è per ombre, il secondo è per mezzitoni, e il terzo è per mette in risalto

Puoi cambiarne la posizione per rendere l'effetto più scuro o più luminoso. Inoltre, puoi aggiungere nuovi Fermate aggiungere nuovi colori tra quelli esistenti. È molto facile da modificare.

Ecco alcuni esempi:

Congratulazioni, hai finito!

In questo tutorial, hai imparato come creare una texture usando tre semplici filtri di Photoshop. Poi l'abbiamo reso trasparente riflettendo i suoi confini. Successivamente, abbiamo creato due stili di livello utilizzando la trama creata in precedenza. Quindi abbiamo registrato un'azione per rendere automatico l'intero processo. E infine, hai imparato come personalizzare i colori del risultato finale.

Spero che tu abbia imparato qualcosa di utile con questo tutorial. Sentiti libero di lasciare i tuoi commenti e risultati qui sotto.

Stili Super Bundle 3

Potrebbe piacerti anche:

  • Come creare un effetto testo Camo Fabric in Adobe Photoshop

    In questo tutorial ti mostrerò come creare un effetto testo camo fabric in Adobe Photoshop usando tre trame e due stili di livello.
    Anderson Luiz
    Effetti di testo
  • Come creare un effetto testo Fur Action in Adobe Photoshop

    In questo tutorial ti mostrerò come creare un'azione fur in Adobe Photoshop usando un pattern, un pennello, uno stile di livello e una mappa sfumatura. Alla fine di…
    Anderson Luiz
    Azioni di Photoshop
  • Come creare fantastici effetti di testo con Photoshop velocemente con le azioni

    Scopri come creare effetti di testo Photoshop in questo tutorial per principianti. Ti verrà mostrato come creare un'azione di Photoshop per il tuo effetto di testo e altro ancora.
    Anderson Luiz
    Effetti di testo