Hoe maak je een Neon Flame Teksteffect-actie in Adobe Photoshop

Wat je gaat creëren

In deze zelfstudie laat ik u zien hoe u twee Photoshop-stijlen maakt die samen een heel cool neonvlam-teksteffect creëren. Ook leer je hoe je deze stijlen met een actie kunt gebruiken, waardoor het proces van aanbrengen en aanpassen heel gemakkelijk wordt.

Het teksteffect dat u vandaag gaat leren, maakt deel uit van Super Bundle Styles 3. Deze bundel biedt u 79 Photoshop-stijlen voor een kleine prijs. Sommige hebben twee lagen, wat betekent dat je ze met elkaar kunt combineren om nieuwe coole teksteffecten te creëren.

Superbundelstijlen 3

Lesmateriaal

De volgende items zijn gebruikt tijdens deze zelfstudie:

  • Masque Font
  • Achtergrondafbeelding (in het zipbestand bij deze zelfstudie)

1. Hoe de textuur te maken

Stap 1

Maak een nieuw 800 x 800 px 72 dpi documenteer en noem het Ignis-Texture.


Stap 2

druk op D om de voor- en achtergrondkleuren opnieuw in te stellen en ga vervolgens naar Filter> Render> Wolken.


Stap 3

Nu klik met de rechtermuisknop op de Achtergrond laag en kies Omzetten naar slim object. Ga dan naar Filter> Filtergalerie en solliciteer een Plasticfolie filter met deze instellingen:

  • Markeer Sterkte: 20
  • Detail: 1
  • Gladheid: 5

Stap 4

Laten we het nu laten uitzien als een naadloze textuur, die de randen van het document weerspiegelt.

Kies het Rechthoekig selectiekadergereedschap (M) en selecteer de bovenste helft van de afbeelding en druk vervolgens op Besturing C en Ctrl-V om een ​​nieuwe laag te maken met het geselecteerde gebied. Hierna hernoem je de nieuwe laag naar Eerste helft.

Stap 5

druk op Controle-T activeren Vrije transformatie. Dan klik met de rechtermuisknop op het geselecteerde gebied en kies Draai verticaal. Druk daarna op invoeren om de Vrije transformatie.

Stap 6

druk op Controle-A om het hele document te selecteren en kies vervolgens het Verplaatsingsgereedschap (V) en lijn het uit Eerste helft laag naar de onderkant van het document.

Stap 7

Ga naar de Lagen paneel en klik op de Breng een laag masker aan icoon. Kies dan de Gradient Tool (G) met de Voorgrond naar transparant verloop. Hierna klikt en sleept u vanuit het midden van het document naar de onderkant. De pijl op de volgende afbeelding geeft aan waar te beginnen en waar het einde van het verloop eindigt.

Merk op dat het verloop wordt gemaakt op het laagmasker van de Eerste helft laag en verbergt de bovenkant ervan.

Stap 8

Selecteer alle lagen van de Lagen paneel en klik met de rechtermuisknop op een van hen en selecteer vervolgens Omzetten naar slim object om ze samen te voegen.

Stap 9

Kies nu het Rechthoekig selectiekadergereedschap (M) nogmaals en selecteer de linker helft van het document. Druk vervolgens op Besturing C en Ctrl-V om een ​​nieuwe laag te maken. Hierna hernoem je de nieuwe laag naar Tweede helft.

Stap 10

Herhaling Stap 5, Stap 6enStap 7, maar kies Draai horizontaal en Lijn de rechterranden uit respectievelijk. Maak vervolgens het verloop van het midden naar de rechterkant, net als de pijl op de afbeelding hieronder.


Stap 11

Ga naar Venster> Aanpassingen om de te openen aanpassingen paneel. Klik vervolgens op de Verloopkaart pictogram om een ​​nieuw te maken Verloopkaart laag.

Stap 12

Ga naar Venster> Eigenschappen om de te openen eigenschappen paneel. Dan Dubbelklik op de verloopbalk om het te bewerken. We gaan toevoegen drie stops naar de verloopbalk (klik gewoon onder de verloopbalk en de Hou op zal gemaakt worden).

  • Eerste stop kleur: # 080000 Plaats: 36%
  • Tweede stopkleur: # b70000 Plaats: 89%
  • Derde stopkleur: # ff7171 Plaats: 100%

Stap 13

Selecteer de Tweede helft laag op de Lagen paneel en ga naar Bewerken> Patroon definiëren, Noem maar op Ignis-Texture, en klik OK. Sla daarna het document op en sluit het.

2. Hoe de stijlen te maken

Stap 1

Open de achtergrondafbeelding die u van de activa hebt gedownload (ignis_Bg.png).

Stap 2

Kies nu het Horizontaal tekstgereedschap (T) en selecteer de masker lettertype. Stel vervolgens de lettergrootte in 300 pt en schrijf IGNIS.

Stap 3

Ga naar Laag> Laagstijl> Overvloeimogelijkheden om de te openen Laagstijl paneel. Voeg vervolgens een toe Kleurbedekking met deze instellingen:

  • Mengmodus: Normaal
  • Kleur: # ed551f
  • ondoorzichtigheid: 100%

Stap 4

Voeg nu een toe Outer Glow met deze instellingen:

  • Mengmodus: Normaal
  • ondoorzichtigheid: 100%
  • Lawaai: 0%
  • Kleur: # 930000
  • Techniek: zachter
  • Verspreiding: 0%
  • Grootte: 10 px
  • Contour: Lineair
  • Anti-aliasing: Uit
  • bereik: 50%
  • jitter: 0%

Stap 5

Voeg een ... toe Slagschaduw met deze instellingen:

  • Mengmodus: normaal
  • Kleur: # 1a0d00
  • ondoorzichtigheid: 100%
  • Gebruik Global Light: Uit
  • Hoek: 146 °
  • Afstand: 2 px
  • Verspreiding: 100%
  • Grootte: 5 px
  • Contour: Lineair
  • Anti-aliasing: Uit
  • Lawaai: 0%
  • Layer knock-out slagschaduw: Op

Stap 6

Voeg een ... toe Satijn effect met deze instellingen:

  • Mengmodus: Lineaire achtergrond
  • Kleur: # 000000
  • ondoorzichtigheid: 37%
  • Hoek: 19 °
  • Afstand: 24 px
  • Grootte: 32 px
  • Contour: Gauss
  • Anti-aliasing: Uit
  • Omkeren: Op

Stap 7

Voeg een toe Innerlijke gloed met deze instellingen:

  • Mengmodus: Lineaire Dodge (toevoegen)
  • ondoorzichtigheid: 75%
  • Lawaai: 0%
  • Kleur: # ea5a47
  • Techniek: zachter
  • Bron: Rand
  • Stikken: 7%
  • Grootte: 20 px
  • Anti-aliasing: Op
  • bereik: 50%
  • jitter: 0%

Klik vervolgens op de Contour om het met deze instellingen te bewerken (klik op het toewijzingsvenster om nieuwe punten te maken).

  • Eerste punt invoer: 0% Output: 5% Hoek: Uit
  • Invoer van het tweede punt: 48% Output: 7% Hoek: Uit
  • Invoer van het derde punt: 52% Output: 80% Hoek: Uit
  • Vierde punt invoer: 79% Output: 50% Hoek: Uit
  • Invoer van het vijfde punt: 99% Output: 7% Hoek: Uit

Klik daarna op Nieuwe… om de preset op te slaan, geef deze een naam Ignis Contour 1, en klik OK.

Stap 8

Voeg een ... toe Beroerte met deze instellingen:

  • Grootte: 2 px
  • Positie: Buiten
  • Mengmodus: normaal
  • ondoorzichtigheid: 100%
  • Opdruk: Uit
  • Vul type: helling
  • Omgekeerde: Uit
  • Uitlijnen met laag: Op
  • Stijl: Lineair
  • Hoek: 90 °
  • dither: Uit
  • Schaal: 100%

Klik vervolgens op de verloopbalk om deze met deze instellingen te bewerken:

  • Eerste stopkleur: # c62500 Positie: 0%
  • Tweede stopkleur: # 750000 Positie: 38%
  • Derde stopkleur: # c62500 Positie: 100%

Stap 9

Voeg nu een toe Schuine kant en reliëf met deze instellingen:

  • Stijl: Inner Bevel
  • Techniek: Glad
  • Diepte: 83%
  • Richting: omhoog
  • Grootte: 32 px
  • Verzachten: 0 px
  • Gebruik Global Light: Uit
  • Hoek: 107 °
  • Hoogte: 37 °
  • Anti-aliasing: Uit
  • Markeermodus: Lineaire Dodge (toevoegen)
  • Markeer kleur: # e6832b
  • Markeer dekking: 100%
  • Schaduw stand: Vermenigvuldigen
  • Schaduwkleur: # 000000
  • Schaduwdekking: 13%

Klik vervolgens op de Gloss Contour om het te bewerken met deze instellingen:

  • Eerste punt invoer: 0% Output: 47% Hoek: Uit
  • Invoer van het tweede punt: 20% Output: 90% Hoek: Op
  • Invoer van het derde punt: 47% Output: 18% Hoek: Uit
  • Vierde punt invoer: 88% Output: 74% Hoek: Uit
  • Invoer van het vijfde punt: 100% Output: 100% Hoek: Uit

Stap 10

Klik nu op de Nieuwe stijl knop en sla het op als Ignis-A. Klik daarna op OK in de Laagstijl venster om het te sluiten.

Stap 11

druk op Besturing J om de laag te dupliceren en vervolgens de naam ervan te wijzigen IGNIS B en verander zijn Vul de dekking tot 0%. Daarna, klik met de rechtermuisknop erop en kies Laagstijl wissen.

Stap 12

Ga nu naar Laag> Laagstijl> Overvloeimogelijkheden om de te openen Laagstijl paneel opnieuw. Voeg vervolgens een toe Satijn stijl met deze instellingen:

  • Mengmodus: Lineaire Burn
  • Kleur: # 000000
  • ondoorzichtigheid: 37%
  • Hoek: 19 °
  • Afstand: 24 px
  • Grootte: 32 px
  • Contour: Gauss
  • Anti-aliasing: Uit
  • Omkeren: Op

Stap 13

Voeg een toe Innerlijke gloed met deze instellingen:

  • Mengmodus: Lineaire Dodge (toevoegen)
  • ondoorzichtigheid: 41%
  • Lawaai: 0%
  • Kleur: # af473a
  • Techniek: zachter
  • Bron: Rand
  • Stikken: 7%
  • Grootte: 20 px
  • Contour: Ignis Contour 1
  • Anti-aliasing: Op
  • bereik: 50%
  • jitter: 0%

Stap 14

Voeg een toe Outer Glow met deze instellingen:

  • Mengmodus: normaal
  • ondoorzichtigheid: 22%
  • Lawaai: 0%
  • Kleur: # ff0000
  • Techniek: zachter
  • Verspreiding: 6%
  • Grootte: 48 px
  • Contour: Lineair
  • Anti-aliasing: Uit
  • bereik: 50%
  • jitter: 0%

Stap 15

Voeg nu een toe Overlay met kleurovergang met deze instellingen:

  • Mengmodus: Zacht licht
  • dither: Uit
  • ondoorzichtigheid: 48%
  • Stijl: Lineair
  • Uitlijnen met laag: Op
  • Hoek: 90 °
  • Schaal: 100%

Klik vervolgens op de verloopbalk en bewerk deze met deze instellingen:

  • Eerste stopkleur: # 85683a Positie: 0%
  • Tweede stopkleur: # b99e70 Positie: 12%
  • Derde stopkleur: # fff1da Positie: 20%
  • Vierde stopkleur: # 675028 Positie: 29%
  • Vijfde stopkleur: # fff1da Positie: 48%
  • Zesde stopkleur: # 675028 Positie: 64%
  • Zevende stopkleur: # fff1da Positie: 75%
  • Achtste stopkleur: # 675028 Positie: 86%
  • Negende stopkleur: # fff1da Positie: 93%
  • Tiende stopkleur: # a7873a Positie: 100%

Stap 16

Voeg een ... toe Patroon overlay met deze instellingen:

  • Mengmodus: Scherm
  • ondoorzichtigheid: 100%
  • Patroon: Ignis-Texture
  • Schaal: 100%
  • Link met laag: Op

U kunt op de textuur op de tekst klikken en deze slepen om het patroon beter te positioneren.

Stap 17

Voeg een ... toe Schuine kant en reliëf met deze instellingen:

  • Stijl: Inner Bevel
  • Techniek: Glad
  • Diepte: 93%
  • Richting: omhoog
  • Grootte: 32 px
  • Verzachten: 0 px
  • Gebruik Global Light: Uit
  • Hoek: 45 °
  • Hoogte: 58 °
  • Markeermodus: Lineaire Dodge (toevoegen)
  • Markeer kleur: # e6832b
  • Markeer dekking: 100%
  • Schaduw stand: Vermenigvuldigen
  • Schaduwkleur: # 000000
  • Schaduwdekking: 13%

Klik vervolgens op de Gloss Contour box en bewerk het met deze instellingen:

  • Eerste punt invoer: 6% Output: 2% Hoek: Uit
  • Invoer van het tweede punt: 13% Output: 51% Hoek: Uit
  • Invoer van het derde punt: 38% Output: 96% Hoek: Uit
  • Vierde punt invoer: 100% Output: 20% Hoek: Uit

Stap 18

Klik nu op de Nieuwe stijl knop en sla het op als Ignis-B. Dan klikken OK op de Laagstijl venster om het te sluiten. Verwijder daarna de IGNIS B laag en wis de stijl uit de IGNIS laag (klik met de rechtermuisknop> Laagstijl wissen).


3. Hoe de actie te creëren

Stap 1

Wijzig de grootte van de tekstlaag in 299 pt en houd deze laag geselecteerd op de Lagen paneel. Ga dan naar Venster> Acties om de te openen acties paneel

Stap 2

In de acties paneel, klik op de Maak een nieuwe set pictogram en noem het Neon Flame Text Effect. Klik vervolgens op de Maak een nieuwe actie pictogram en noem het Neon Flame 300 pt. De opname van de actie begint.

Stap 3

Verander de naam van de tekstlaag in Neon Flame A. Verander daarna de tekstgrootte terug naar 300 pt. Ga dan naar de stijlen paneel (Venster> Stijlen) en klik op de Ignis-A stijl om het toe te passen.

Stap 4

druk op Besturing J om de tekstlaag te dupliceren en vervolgens de kopie te hernoemen naar Neon Flame B. Ga daarna naar de stijlen paneel opnieuw en klik op de Ignis-B stijl om het toe te passen.

Stap 5

Selecteer nu beide Neon Flame A en Neon Flame B lagen op de Lagen paneel en klik met de rechtermuisknop op een van hen en kies vervolgens Omzetten naar slim object om ze samen te voegen in één laag.


Stap 6

Ga naar Venster> Aanpassingen en klik op de Maak een nieuwe verloopkaart icoon. Dan klik met de rechtermuisknop op de Verloopkaart laag en kies Creëer Clipping masker om het effect te beperken tot de laag er net onder.

Stap 7

Nu Dubbelklik op de miniatuur van de Verloopkaart laag om de te openen eigenschappen paneel. Klik vervolgens op de Verloopbalk en bewerk het met deze instellingen:

  • Eerste stopkleur: # 110600 Positie: 2%
  • Tweede stopkleur: # d31e00 Positie: 28%
  • Derde stopkleur: # fffd5c Positie: 100%

Stap 8

Hernoem de Neon Flame B laag naar Neon Flame. Ga dan naar de acties paneel en klik op de Stop met opnemen icoon.

Hier is hoe het eruit ziet:

4. Hoe de kleuren te veranderen

Je moet de Verloopkaart laag om de kleuren te veranderen. 

De eerste Hou op kleur is voor schaduwen, de tweede is voor middentonen, en de derde is voor highlights

U kunt de locatie ervan wijzigen om het effect er donkerder of helderder uit te laten zien. Je kunt ook nieuw toevoegen stops om nieuwe kleuren toe te voegen tussen de bestaande kleuren. Het is heel gemakkelijk te bewerken.

Hier zijn enkele voorbeelden:

Gefeliciteerd, je bent klaar!

In deze zelfstudie hebt u geleerd hoe u een structuur maakt met behulp van drie eenvoudige Photoshop-filters. Daarna hebben we het naadloos gemaakt door de randen te reflecteren. Daarna hebben we twee laagstijlen gemaakt met behulp van de textuur die we eerder hebben gemaakt. Daarna hebben we een actie vastgelegd om het hele proces automatisch te maken. En tot slot hebt u geleerd hoe u de kleuren van het eindresultaat kunt aanpassen.

Ik hoop dat je iets nuttigs hebt geleerd met deze tutorial. U kunt uw opmerkingen en resultaten hieronder achterlaten.

Superbundelstijlen 3

Dit vind je misschien ook leuk:

  • Hoe maak je een Camo Fabric-teksteffect in Adobe Photoshop

    In deze zelfstudie laat ik je zien hoe je een camo-text-effect creëert in Adobe Photoshop met behulp van drie texturen en tweelaagse stijlen.
    Anderson Luiz
    Teksteffecten
  • Hoe een vachtactie teksteffect in Adobe Photoshop te creëren

    In deze tutorial laat ik je zien hoe je een pelsactie maakt in Adobe Photoshop met een patroon, een penseel, een laagstijl en een verloopkaart. Aan het einde van…
    Anderson Luiz
    Photoshop-acties
  • Coole Photoshop-teksteffecten snel maken met acties

    Leer hoe je teksteffecten met Photoshop kunt maken in deze beginnershandleiding. Je zult worden getoond hoe je een Photoshop-actie maakt voor je teksteffect en meer.
    Anderson Luiz
    Teksteffecten