Snelle tip een metallisch teksteffect maken met behulp van laagstijlen in Photoshop

Wat je gaat creëren

In deze zelfstudie leggen we uit hoe u een metallic teksteffect kunt maken met laagstijlen in Photoshop.

Dit teksteffect dat je vandaag gaat leren, maakt deel uit van 8 Photoshop Styles 2 van 4

8 Premium volledig bewerkbare PSD- en ASL Photoshop-bestanden

Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Strasua Font
  • MetalKid-activa

Download het bestand MetalKid_assets.zip en pak beide bestanden naar binnen. Installeren het patroonbestand met de naam Dark_Pattern.pat en het Contour-bestandspakket genaamd CustomContoursMK.shc. Om te installeren moet je dubbelklikken op de pictogrammen. Het is zo simpel.
Download en installeren Strausa lettertype.

Laten we beginnen!


1. Hoe de achtergrond te maken

Stap 1

Maak een nieuw document Bestand> Nieuw

  • Breedte: 850 px
  • Hoogte: 500 px
  • Resolutie: 72 PPI

Stap 2

Dupliceer de achtergrond (ga naar Laag> dubbele laag> OK) en andere naam geven de nieuwe laag als "Achtergrond patroon".


Stap 3

Nu gaan we een textuur toevoegen aan de achtergrondlaag.
Dubbelklik op "Achtergrondpatroonlaag"om het laagstijlvenster te openen. Ga naar"Patroon overlay", dan Klik op de "Patroon doos"en selecteer de nieuwe toegevoegd"Donker patroon"en druk op OK.


Stap 4

Om de achtergrond er nog beter uit te laten zien, gaan we toevoegen innerlijke schaduw. U moet Dubbelklik op de achtergrondpatroonlaag en als het laagstijlvenster verschijnt, stelt u de volgende waarden in.

  • Mengmodus: normaal
  • Kleur: # 000000
  • ondoorzichtigheid: 100%
  • Hoek: 90º
  • Gebruik Globaal Licht selectievakje: ongehinderd
  • Afstand: 0 px
  • Stikken: 0%
  • Grootte: 250 px
  • Lawaai: 0%

2. Hoe de tekst te maken en uit te lijnen

Stap 1

Typ het woord "Metalkid" met Strasua lettertype.

  • Lettertypegrootte: 100 pt
  • Tracking: 20 pt
  • Anti-aliasing-modus: Scherp
  • Kleur: #ffffff

Stap 2

De ... gebruiken "Verplaatsingshulpmiddel", selecteer de tekstlaag en achtergrondlaag en klik vervolgens op de opdrachten uitlijnenin het bovenste menu om het te centreren.

  • Horizontaal uitlijnen: Centrum
  • Verticaal uitlijnen: Centrum

3. Hoe het teksteffect te creëren

Stap 1

Voeg een ... toe laagstijl voor de tekst moet je gelijk hebben klik op de laag in uw lagen menu en kies Meng opties. Zorg ervoor dat u de volgende waarden gebruikt en druk op OK.


Stap 2

Laten we beginnen met het teksteffect! Eerst gaan we enkele schaduwen toevoegen om de tekst van de achtergrond te scheiden. Ga naar Laagstijl> Slagschaduw en gebruik de waarden die in de onderstaande afbeelding worden weergegeven.

  • Mengmodus: normaal
  • Kleur: # 000000
  • ondoorzichtigheid: 70%
  • Hoek: 90º
  • Gebruik Global Light: ongehinderd
  • Afstand: 10 px
  • Verspreiding: 20 px
  • Grootte: 10 px
  • Contour: Standaard
  • Lawaai: 0%
  • Layer knock-out slagschaduw: gecontroleerd

Stap 3

Nu gaan we een verloop-overlay maken, die een basis zal geven aan het metaaleffect. Open de laagstijl opnieuw en wijzig "Overlay met kleurovergang"instellen van de volgende waarden.

  • Mengmodus: normaal
  • ondoorzichtigheid: 100%
  • Omgekeerde: ongehinderd
  • Stijl: Lineair
  • Uitlijnen met laag: gecontroleerd
  • Hoek 90º
  • Schaal: 150%

Klik op de Verloopbalk en maak een verloop met deze instellingen:

Tip: Om een ​​te maken nieuw punt in het verloop dat je moet klik onder de verloopbalk. Klik op een van de kleur stopt staat u toe om locatie en kleur wijzigen.

  • Eerste stopkleur: # 0d1117
  • Eerste stoppositie: 0%
  • Tweede stopkleur: # a0a0a0
  • Tweede stoppositie: 25%
  • Derde stopkleur: # 161a20
  • Derde stoppositie: 50%
  • Vierde stopkleur: # a0a0a0
  • Vierde stoppositie: 75%
  • Vijfde stopkleur: # 0d1117
  • Vijfde stoppositie: 110%

Stap 4

Ga naar Laag Stijl> Innerlijke gloed en gebruik de onderstaande instellingen om de randen op te fleuren.

  • Mengmodus: normaal
  • ondoorzichtigheid: 100%
  • Lawaai: 0%
  • Kleur: #ffffff
  • Techniek: zachter
  • Rand: gecontroleerd
  • Stikken: 40%
  • Grootte: 2 px
  • Contour: Standaard
  • Anti-aliasing: ongehinderd
  • bereik: 50%
  • jitter: 0%



Stap 5

Ga naar om te beginnen met het maken van de 3D-weergave Laagstijl> Schuine rand en reliëf en gebruik de volgende waarden.

  • Stijl: Inner Bevel
  • Techniek: Glad
  • Diepte: 100%
  • Richting: omhoog
  • Grootte: 10 px
  • Verzachten: 1 px
  • Hoek: 90º
  • Gebruik Global Light: ongehinderd
  • Hoogte: 30º

Nu stoppen, we gaan voeg de voorgaande "aangepaste contour" toe geïnstalleerd.
Klik op de Glans Contour pull-down pictogram en dan kiezen de contour genaamd "CustomContourMK01"

Nu kunnen we doorgaan:

  • Anti-aliasing: ongehinderd
  • Markeermodus: Scherm
  • Markeer kleur: #ffffff
  • Markeer dekking: 75%
  • Schaduw stand: Vermenigvuldigen
  • Schaduwkleur: # 000000
  • Schaduwdekking: 75%


Stap 6

Nu gaan we licht en schaduwen benadrukken om meer realisme aan het metaaleffect te geven. Ga naar Laagstijl> Satijn en gebruik de onderstaande instellingen.

  • Mengmodus: Kleur Dodge
  • Kleur: #ffffff
  • ondoorzichtigheid: 50%
  • Hoek 20º
  • Afstand: 45 px
  • Grootte: 8 px
  • Anti-aliased selectievakje: ongehinderd
  • Invenrt checkbox: gecontroleerd

Wij gaan voeg de tweede "aangepaste contour" toe die is geïnstalleerd.
Klik op de Glans Contour pull-down pictogram en dan kiezen de contour genaamd "CustomContourMK02"en druk op OK.



Stap 7

Het is bijna klaar. In deze laatste stap gaan we randen en hoeken accentueren, waardoor de tekst de 3D-finale uitstraling krijgt. Ga naar Layer Style> Stroke, en gebruik de waarden die in de onderstaande afbeelding worden weergegeven.

  • Grootte: 2 px
  • Positie: Buiten
  • Mengmodus: normaal
  • ondoorzichtigheid: 100%
  • Vul type: helling

Klik op de Verloopbalk en maak een verloop met deze instellingen:

  • Eerste stopkleur: # 1a1b1e
  • Eerste stoppositie: 0%
  • Tweede stopkleur: # 7f7f7f
  • Tweede stoppositie: 50%
  • Derde stopkleur: # 1a1b1e
  • Derde stoppositie: 100%
  • Stijl: Weerspiegeld
  • Uitlijnen met laag checkbox: gecontroleerd
  • Hoek 90º
  • Schaal: 100%

Laatste afbeelding

Geweldig werk, je bent klaar!

In deze tutorial heb ik je laten zien hoe je een metal-teksteffect creëert met alleen stijlopties.
Ik hoop dat je deze tutorial leuk vond en kunt gebruiken wat je hebt geleerd voor je eigen projecten. Aarzel niet om commentaar te geven en laat me uw resultaten zien.

Dit teksteffect maakt deel uit van 8 Photoshop Styles 2 of 48 Premium volledig bewerkbare PSD- en ASL Photoshop-bestanden

Dit vind je misschien ook leuk:

  • Een heet concreet teksteffect maken in Adobe Photoshop

    In deze zelfstudie leer je hoe je een heet concreet teksteffect creëert met twee lagen om een ​​centraal verdwijnpunt in Adobe Photoshop te krijgen. Laten we beginnen!
    Enrique Elicabe
    Teksteffecten
  • Hoe maak je een Bronze Beveled Text Effect in Adobe Photoshop

    In deze zelfstudie leert u hoe u een bronskleurig schuine teksteffect maakt met laagstijlen in Adobe Photoshop.
    Enrique Elicabe
    Teksteffecten
  • Hoe maak je een glanzend zomerteksteffect in Adobe Photoshop

    In deze tutorial zal ik uitleggen hoe je een glanzend zomerteksteffect creëert met laagstijlen in Photoshop. Laten we beginnen!
    Enrique Elicabe
    Teksteffecten
  • Snelle tip: maak een metallic koper-teksteffect met laagstijlen in Photoshop

    Leer hoe u een metallic koper-teksteffect creëert met laagstijlen in Adobe Photoshop. Laten we beginnen!
    Enrique Elicabe
    Teksteffecten