Hvordan lage en Neon Flame Text Effect Action i Adobe Photoshop

Hva du skal skape

I denne veiledningen vil jeg vise deg hvordan du lager to Photoshop-stiler som sammen skaper en veldig kul neonflamme-tekst-effekt. Du vil også lære hvordan du bruker disse stilene med en handling, noe som gjør prosessen med å søke og tilpasse det veldig enkelt.

Teksteffekten du skal lære i dag, er en del av Super Bundle Styles 3. Denne pakken gir deg 79 Photoshop-stiler til en liten pris. Noen av dem er tolags, noe som betyr at du kan kombinere dem med hverandre for å lage nye, kule teksteffekter.

Super Bundle Styles 3

Tutorial Assets

Følgende ressurser ble brukt under denne opplæringen:

  • Masque Font
  • Bakgrunnsbilde (inne i zip-filen vedlagt denne opplæringen)

1. Hvordan lage teksturen

Trinn 1

Lage en ny 800 x 800 px 72 dpi dokument og navn det Ignis-Texture.


Steg 2

trykk D for å tilbakestille forgrunns- og bakgrunnsfargene, og deretter gå til Filter> Render> Clouds.


Trinn 3

HøyreklikkBakgrunn lag og velg Konverter til Smart Object. Så gå til Filter> Filter Gallery og søk a Plastfolie filtrer med disse innstillingene:

  • Høydepunkt Styrke: 20
  • Detalj: 1
  • Glatthet: 5

Trinn 4

La oss få det til å se ut som en sømløs tekstur som reflekterer kantene på dokumentet.

Velg Rektangulært markeringsverktøy (M) og velg øvre halvdel av bildet, og trykk deretter på Kontroll-C og Kontroll-V å opprette et nytt lag med det valgte området. Etter det, gi nytt navn til det nye laget til Første halvdel.

Trinn 5

trykk Kontroll-T å aktivere Gratis Transform. Deretter Høyreklikk på det valgte området og velg Flip Vertikal. Deretter trykker du på Tast inn å frigjøre Gratis Transform.

Trinn 6

trykk Kontroll-A for å velge hele dokumentet, og velg deretter Flytt verktøyet (V) og juster Første halvdel lag til undersiden av dokumentet.

Trinn 7

Gå til lag panelet og klikk på Legg til lagmaske ikon. Velg deretter Gradient Tool (G) med Forgrunnen til gjennomsiktig gradient. Deretter klikker du og drar fra midten av dokumentet til bunnen. Pilen på neste bilde representerer hvor du skal begynne og hvor du skal avslutte gradienten.

Merk at gradienten vil bli opprettet på lagmasken til Første halvdel lag, gjemmer toppen av det.

Trinn 8

Velg alle lagene i lag panel og Høyreklikk på en av dem, og velg deretter Konverter til Smart Object å fusjonere dem til en.

Trinn 9

Velg nå Rektangulært markeringsverktøy (M) igjen og velg venstre halvdel av dokumentet. Trykk deretter på Kontroll-C og Kontroll-V å lage et nytt lag. Etter det, gi nytt navn til det nye laget til Andre halvdel.

Trinn 10

Gjenta Trinn 5, Trinn 6ogTrinn 7, men velg Snu horisontalt og Juster høyre kanter henholdsvis. Deretter lager du gradienten fra sentrum til høyre side, akkurat som pilen på bildet nedenfor.


Trinn 11

Gå til Vindu> Justeringer å åpne justeringer panel. Klikk deretter på Gradient Map ikon for å opprette en ny Gradient Map lag.

Trinn 12

Gå til Vindu> Egenskaper å åpne Eiendommer panel. Deretter Dobbeltklikk på gradientlinjen for å redigere den. Vi skal legge til tre stopper til gradientlinjen (bare klikk under gradientlinjen og Stoppe vil bli opprettet).

  • First Stop Color: # 080000 plassering: 36%
  • Second Stop Color: # b70000 plassering: 89%
  • Tredje Stopp farge: # ff7171 plassering: 100%

Trinn 13

Velg Andre halvdel lag på lag panel og gå til Rediger> Definer mønster, navngi det Ignis-Texture, og klikk OK. Deretter lagre og lukk dokumentet.

2. Hvordan lage stiler

Trinn 1

Åpne bakgrunnsbildet du lastet ned fra eiendelene (ignis_Bg.png).

Steg 2

Velg nå Horisontal Typeverktøy (T) og velg Masque font. Sett deretter skriftstørrelsen til 300 pt og skrive IGNIS.

Trinn 3

Gå til Lag> Lagstil> Blandingsalternativer å åpne Lag stil panel. Legg deretter til en Fargeoverlegg med disse innstillingene:

  • Blend Mode: Normal
  • Farge: # ed551f
  • opacity: 100%

Trinn 4

Legg nå til en Ytre glød med disse innstillingene:

  • Blend Mode: Normal
  • opacity: 100%
  • Bråk: 0%
  • Farge: # 930000
  • Teknikk: mykere
  • Spredt: 0%
  • Størrelse: 10 px
  • Kontur: lineær
  • Utjevnede: Av
  • Område: 50%
  • jitter: 0%

Trinn 5

Legg til en Drop Shadow med disse innstillingene:

  • Blandingsmodus: Normal
  • Farge: # 1a0d00
  • opacity: 100%
  • Bruk Global Light: Av
  • Angle: 146 °
  • Avstand: 2 px
  • Spredt: 100%
  • Størrelse: 5 px
  • Kontur: lineær
  • Utjevnede: Av
  • Bråk: 0%
  • Layer Knocks Out Drop Shadow:

Trinn 6

Legg til en Satin effekt med disse innstillingene:

  • Blandingsmodus: Lineær bakgrunn
  • Farge: # 000000
  • opacity: 37%
  • Angle: 19 °
  • Avstand: 24 px
  • Størrelse: 32 px
  • Kontur: Gaussian
  • Utjevnede: Av
  • Inverter:

Trinn 7

Legg til en Indre glød med disse innstillingene:

  • Blandingsmodus: Lineær Dodge (Add)
  • opacity: 75%
  • Bråk: 0%
  • Farge: # ea5a47
  • Teknikk: mykere
  • Kilde: Kant
  • Kvele: 7%
  • Størrelse: 20 px
  • Utjevnede:
  • Område: 50%
  • jitter: 0%

Klikk deretter på Kontur boks for å redigere den med disse innstillingene (Klikk på kartboksen for å opprette nye poeng).

  • Første punkt Input: 0% Produksjon: 5% Hjørne: Av
  • Andre punkt Input: 48% Produksjon: 7% Hjørne: Av
  • Tredje punkt Input: 52% Produksjon: 80% Hjørne: Av
  • Fjerde punkt Input: 79% Produksjon: 50% Hjørne: Av
  • Femte poeng Input: 99% Produksjon: 7% Hjørne: Av

Deretter klikker du på Ny… for å lagre forhåndsinnstillingen, gi den navnet Ignis Contour 1, og klikk OK.

Trinn 8

Legg til en Stroke med disse innstillingene:

  • Størrelse: 2 px
  • Stilling: Utenfor
  • Blandingsmodus: Normal
  • opacity: 100%
  • Overprint print~~POS=HEADCOMP: Av
  • Fyll type: gradient
  • Omvendt: Av
  • Juster med lag:
  • Stil: lineær
  • Angle: 90 °
  • Ujevn: Av
  • Scale: 100%

Deretter klikker du på gradientlinjen for å redigere den med disse innstillingene:

  • Første stopp farge: # c62500 Stilling: 0%
  • Second Stop Color: # 750000 Stilling: 38%
  • Tredje Stopp Farge: # c62500 Stilling: 100%

Trinn 9

Legg nå til en Bevel & Emboss med disse innstillingene:

  • Stil: Innvendig misjon
  • Teknikk: Glatt
  • Dybde: 83%
  • Retning: Opp
  • Størrelse: 32 px
  • myke opp: 0 px
  • Bruk Global Light: Av
  • Angle: 107 °
  • Høyde: 37 °
  • Utjevnede: Av
  • Høydepunktsmodus: Lineær Dodge (Add)
  • Marker farge: # e6832b
  • Fremhev Opacity: 100%
  • Skygge modus: Multiplisere
  • Skyggefarge: # 000000
  • Skygge Opacity: 1. 3%

Klikk deretter på Glanskontur boks for å redigere den med disse innstillingene:

  • Første punkt Input: 0% Produksjon: 47% Hjørne: Av
  • Andre punkt Input: 20% Produksjon: 90% Hjørne:
  • Tredje punkt Input: 47% Produksjon: 18% Hjørne: Av
  • Fjerde punkt Input: 88% Produksjon: 74% Hjørne: Av
  • Femte poeng Input: 100% Produksjon: 100% Hjørne: Av

Trinn 10

Klikk nå på Ny stil knappen og lagre den som Ignis-A. Deretter klikker du på OK i Lag stil vindu for å lukke det.

Trinn 11

trykk Kontroll-J å duplisere laget, og deretter omdøpe det til IGNIS B og endre dens Fyll oppakthet til 0%. Etter det, Høyreklikk på det og velg Klar lag stil.

Trinn 12

Gå nå til Lag> Lagstil> Blandingsalternativer å åpne Lag stil panelet igjen. Legg deretter til en Satin stil med disse innstillingene:

  • Blandingsmodus: Lineær brenning
  • Farge: # 000000
  • opacity: 37%
  • Angle: 19 °
  • Avstand: 24 px
  • Størrelse: 32 px
  • Kontur: Gaussian
  • Utjevnede: Av
  • Inverter:

Trinn 13

Legg til en Indre glød med disse innstillingene:

  • Blandingsmodus: Lineær Dodge (Add)
  • opacity: 41%
  • Bråk: 0%
  • Farge: # af473a
  • Teknikk: mykere
  • Kilde: Kant
  • Kvele: 7%
  • Størrelse: 20 px
  • Kontur: Ignis Contour 1
  • Utjevnede:
  • Område: 50%
  • jitter: 0%

Trinn 14

Legg til en Ytre glød med disse innstillingene:

  • Blandingsmodus: Normal
  • opacity: 22%
  • Bråk: 0%
  • Farge: # FF0000
  • Teknikk: mykere
  • Spredt: 6%
  • Størrelse: 48 px
  • Kontur: lineær
  • Utjevnede: Av
  • Område: 50%
  • jitter: 0%

Trinn 15

Legg nå til en Gradient Overlay med disse innstillingene:

  • Blandingsmodus: Mykt lys
  • Ujevn: Av
  • opacity: 48%
  • Stil: lineær
  • Juster med lag:
  • Angle: 90 °
  • Scale: 100%

Deretter klikker du på gradientlinjen og redigerer den med disse innstillingene:

  • Første stopp farge: # 85683a Stilling: 0%
  • Second Stop Color: # b99e70 Stilling: 12%
  • Tredje Stopp Farge: # fff1da Stilling: 20%
  • Fjerde stopp farge: # 675028 Stilling: 29%
  • Femte Stopp Farge: # fff1da Stilling: 48%
  • Sjette stopp farge: # 675028 Stilling: 64%
  • Syvende stoppfarge: # fff1da Stilling: 75%
  • Åttende Stopp Farge: # 675028 Stilling: 86%
  • Niende stopp farge: # fff1da Stilling: 93%
  • Tiende Stopp Farge: # a7873a Stilling: 100%

Trinn 16

Legg til en Mønsteroverlegg med disse innstillingene:

  • Blandingsmodus: Skjerm
  • opacity: 100%
  • Mønster: Ignis-Texture
  • Scale: 100%
  • Link med lag:

Du kan klikke og dra tekstur på selve teksten for å bedre plassere mønsteret.

Trinn 17

Legg til en Bevel & Emboss med disse innstillingene:

  • Stil: Innvendig misjon
  • Teknikk: Glatt
  • Dybde: 93%
  • Retning: Opp
  • Størrelse: 32 px
  • myke opp: 0 px
  • Bruk Global Light: Av
  • Angle: 45 °
  • Høyde: 58 °
  • Høydepunktsmodus: Lineær Dodge (Add)
  • Marker farge: # e6832b
  • Fremhev Opacity: 100%
  • Skygge modus: Multiplisere
  • Skyggefarge: # 000000
  • Skygge Opacity: 1. 3%

Klikk deretter på Glanskontur boksen og rediger den med disse innstillingene:

  • Første punkt Input: 6% Produksjon: 2% Hjørne: Av
  • Andre punkt Input: 1. 3% Produksjon: 51% Hjørne: Av
  • Tredje punkt Input: 38% Produksjon: 96% Hjørne: Av
  • Fjerde punkt Input: 100% Produksjon: 20% Hjørne: Av

Trinn 18

Klikk nå på Ny stil knappen og lagre den som Ignis-B. Deretter klikker du OK på Lag stil vindu for å lukke det. Deretter sletter du IGNIS B lag og fjern stilen fra IGNIS lag (høyreklikk> Slett lagstil).


3. Hvordan lage handlingen

Trinn 1

Endre størrelsen på tekstlaget til 299 pt og hold dette laget valgt på lag panel. Så gå til Vindu> Handlinger å åpne handlinger panel

Steg 2

I handlinger panelet, klikk på Opprett nytt sett ikon og navn det Neon Flame Text Effect. Deretter klikker du på Opprett ny handling ikon og navn det Neon Flame 300 pt. Opptaket av handlingen starter.

Trinn 3

Endre navnet på tekstlaget til Neon Flame A. Deretter endrer du tekststørrelsen tilbake til 300 pt. Deretter går du til Styles panelet (Vindu> Stiler) og klikk på Ignis-A stil å bruke den.

Trinn 4

trykk Kontroll-J å duplisere tekstlaget, og deretter gi nytt navn til kopien til Neon Flame B. Deretter går du til Styles panelet igjen og klikk på Ignis-B stil å bruke den.

Trinn 5

Velg nå begge Neon Flame A og Neon Flame B lag på lag panel og Høyreklikk på en av dem, og velg deretter Konverter til Smart Object å slå dem sammen i ett lag.


Trinn 6

Gå til Vindu> Justeringer og klikk på Opprett en ny Gradient Map ikon. Deretter HøyreklikkGradient Map lag og velg Lag klippemaske for å begrense effekten til laget like nedenfor.

Trinn 7

Dobbeltklikk på miniatyrbildet av Gradient Map lag for å åpne Eiendommer panel. Klikk deretter på Gradient bar og rediger den med disse innstillingene:

  • Første stopp farge: # 110600 Stilling: 2%
  • Second Stop Color: # d31e00 Stilling: 28%
  • Tredje Stopp Farge: # fffd5c Stilling: 100%

Trinn 8

Gi nytt navn til Neon Flame B lag til Neon Flame. Deretter går du til handlinger panelet og klikk på Stopp innspilling ikon.

Slik ser det ut:

4. Hvordan endre farger

Du må redigere Gradient Map lag for å endre fargene. 

Den første Stoppe fargen er for skygger, den andre er for mellomtoner, og den tredje er for høydepunkter

Du kan endre plasseringen av dem for å gjøre effekten mørkere eller lysere. Du kan også legge til nytt stopper å legge til nye farger mellom de eksisterende. Det er veldig enkelt å redigere.

Her er noen eksempler:

Gratulerer, du er ferdig!

I denne opplæringen lærte du hvordan du lager en tekstur ved hjelp av tre enkle Photoshop-filtre. Da gjorde vi det sømløst ved å reflektere grensene. Deretter opprettet vi to lagsstiler ved hjelp av teksten vi tidligere opprettet. Så registrerte vi en handling for å gjøre hele prosessen automatisk. Og til slutt lærte du å tilpasse fargene til sluttresultatet.

Jeg håper du har lært noe nyttig med denne opplæringen. Du er velkommen til å legge igjen dine kommentarer og resultater nedenfor.

Super Bundle Styles 3

Kan hende du også liker:

  • Slik lager du en tekstil-tekst-effekt i Adobe Photoshop

    I denne opplæringen vil jeg vise deg hvordan du lager en camo tekst tekst effekt i Adobe Photoshop ved hjelp av tre teksturer og to lag stiler.
    Anderson Luiz
    Teksteffekter
  • Hvordan lage en Fur Action Text Effect i Adobe Photoshop

    I denne opplæringen vil jeg vise deg hvordan du lager en pelsaksjon i Adobe Photoshop med et mønster, en pensel, en lagestil og et gradientkart. Ved slutten av…
    Anderson Luiz
    Photoshop-handlinger
  • Hvordan lage kule Photoshop tekst effekter raskt med handlinger

    Lær hvordan du lager Photoshop-teksteffekter i denne nybegynnerens veiledning. Du blir vist hvordan du lager en Photoshop-handling for tekst-effekten din og mer.
    Anderson Luiz
    Teksteffekter