Hurtig Tips Hvordan lage en metallisk teksteffekt ved å bruke lagstiler i Photoshop

Hva du skal skape

I denne opplæringen vil vi forklare hvordan du lager en metallisk teksteffekt ved hjelp av lagstiler i Photoshop.

Denne teksten effekten du skal lære i dag er en del av 8 Photoshop Styles 2 av 4

8 Premium fullt redigerbare PSD- og ASL Photoshop-filer

Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Strasua Font
  • MetalKid-eiendeler

nedlasting filen MetalKid_assets.zip og trekk ut begge filene inni. Installere Mønsterfilen heter Dark_Pattern.pat og konturfilen som heter CustomContoursMK.shc. For å installere må du dobbeltklikke på ikonene. Det er så enkelt.
nedlasting og installere Strausa font.

La oss komme i gang!


1. Hvordan lage bakgrunnen

Trinn 1

Opprett et nytt dokument Fil> Ny

  • Bredde: 850 px
  • Høyde: 500 px
  • Vedtak: 72 PPI

Steg 2

Kopier bakgrunnen (Gå til Layer> Duplicate Layer> OK) og endre navn det nye laget som "Bakgrunnsmønster".


Trinn 3

Nå skal vi legge til en tekstur i bakgrunnslaget.
Dobbeltklikk på "Bakgrunnsmønsterlag"for å åpne lagestilvinduet. Gå til"Mønsteroverlegg", deretter klikk på "Mønsterboks"og velg det nye lagt til"Mørk mønster"og trykk OK.


Trinn 4

For å få bakgrunnen til å se enda bedre, skal vi legge til indre skygge. Du må Dobbeltklikk på bakgrunnsmønsterlag, og når lagestilvinduet vises, angir du følgende verdier.

  • Blandingsmodus: Normal
  • Farge: # 000000
  • opacity: 100%
  • Angle: 90º
  • Bruk avkrysningsruten Global Light: ukontrollert
  • Avstand: 0 px
  • Kvele: 0%
  • Størrelse: 250 px
  • Bråk: 0%

2. Hvordan lage teksten og justere dem

Trinn 1

Skriv ordet "Metalkid" ved hjelp av Strasua font.

  • Skriftstørrelse: 100 pt
  • Tracking: 20 pt
  • Anti-aliasing modus: Skarp
  • Farge: # ffffff

Steg 2

Bruker "Flytteverktøy", velg tekstlag og bakgrunnslag og klikk deretter på justeringskommandoerpå toppmenyen for å sentrere den.

  • Juster horisontal: Senter
  • Juster vertikal: Senter

3. Hvordan lage teksteffekten

Trinn 1

Legg til en lag stil til teksten, har du rett klikk på laget i din lagmeny og velg Blandingsalternativer. Kontroller at du bruker følgende verdier og trykker på OK.


Steg 2

La oss begynne med teksteffekten! Først skal vi legge til noen skygger for å skille teksten fra bakgrunnen. Gå til Lagstil> Drop Shadow og bruk verdiene som vises i bildet nedenfor.

  • Blandingsmodus: Normal
  • Farge: # 000000
  • opacity: 70%
  • Angle: 90º
  • Bruk Global Light: ukontrollert
  • Avstand: 10 px
  • Spredt: 20 px
  • Størrelse: 10 px
  • Kontur: Misligholde
  • Bråk: 0%
  • Layer Knocks Out Drop Shadow: Sjekket

Trinn 3

Nå skal vi lage en gradientoverlegg, det vil gi en grunn til metallvirkningen. Åpne lagstilen igjen og modifiser "Gradient Overlay"innstiller følgende verdier.

  • Blandingsmodus: Normal
  • opacity: 100%
  • Omvendt: ukontrollert
  • Stil: lineær
  • Juster med lag: Sjekket
  • Angle 90º
  • Scale: 150%

Klikk på Gradient Bar og gjør en gradient med disse innstillingene:

Tips: Å opprette en nytt punkt i gradienten må du klikk under gradientlinjen. Klikk på hver av de fargen stopper lar deg endre plassering og farge.

  • Første stopp farge: # 0d1117
  • Første stoppposisjon: 0%
  • Second Stop Color: # a0a0a0
  • Andre stoppposisjon: 25%
  • Tredje Stopp Farge: # 161a20
  • Tredje stoppposisjon: 50%
  • Fjerde stopp farge: # a0a0a0
  • Fjerde Stoppposisjon: 75%
  • Femte Stopp Farge: # 0d1117
  • Femte Stoppposisjon: 110%

Trinn 4

Gå til Layer Stil> Inner Glød og bruk innstillingene som er vist nedenfor for å lyse opp kantene.

  • Blandingsmodus: Normal
  • opacity: 100%
  • Bråk: 0%
  • Farge: # ffffff
  • Teknikk: mykere
  • Kant: Sjekket
  • Kvele: 40%
  • Størrelse: 2 px
  • Kontur: Misligholde
  • Utjevnede: ukontrollert
  • Område: 50%
  • jitter: 0%



Trinn 5

For å begynne å lage 3D-utseendet, gå til Layer Style> Bevel & Emboss og bruk følgende verdier.

  • Stil: Innvendig misjon
  • Teknikk: Glatt
  • Dybde: 100%
  • Retning: Opp
  • Størrelse: 10 px
  • myke opp: 1 px
  • Angle: 90º
  • Bruk Global Light: ukontrollert
  • Høyde: 30º

Nå stopper vi skal legg til previows "egendefinert kontur" installert.
KlikkGloss Contour-nedtrekksikon og så å velge konturen heter "CustomContourMK01"

Nå kan vi fortsette:

  • Utjevnede: ukontrollert
  • Høydepunktsmodus: Skjerm
  • Marker farge: # ffffff
  • Fremhev Opacity: 75%
  • Skygge modus: Multiplisere
  • Skyggefarge: # 000000
  • Skygge Opacity: 75%


Trinn 6

Nå skal vi legge vekt på lys og skygger for å gi mer realisme til metallvirkningen. Gå til Layer Style> Satin og bruk innstillingene som vises nedenfor.

  • Blandingsmodus: Color Dodge
  • Farge: # ffffff
  • opacity: 50%
  • Angle 20º
  • Avstand: 45 px
  • Størrelse: 8 px
  • Anti-aliased avkrysningsboks: ukontrollert
  • Invenrt avkrysningsboks: Sjekket

Vi kommer til å legg til den andre "tilpassede kontur" installert.
Klikk på Gloss Contour-nedtrekksikon og så å velge konturen heter "CustomContourMK02"og trykk OK.



Trinn 7

Det er nesten ferdig. I dette siste trinnet skal vi fremheve kant og hjørner, og gir teksten 3D-finalen. Gå til Lagstil> Stroke, og bruk verdiene som vises i bildet nedenfor.

  • Størrelse: 2 px
  • Stilling: Utenfor
  • Blandingsmodus: Normal
  • opacity: 100%
  • Fyll type: gradient

Klikk på Gradient Bar og gjør en gradient med disse innstillingene:

  • Første stopp farge: # 1a1b1e
  • Første stoppposisjon: 0%
  • Second Stop Color: # 7f7f7f
  • Andre stoppposisjon: 50%
  • Tredje Stopp Farge: # 1a1b1e
  • Tredje stoppposisjon: 100%
  • Stil: reflektert
  • Juster med Lag-avkrysningsboks: Sjekket
  • Angle 90º
  • Scale: 100%

Endelig bilde

Flott jobb, du er ferdig!

I denne opplæringen viste jeg deg hvordan du lager en metalltekst-effekt ved hjelp av bare stilalternativer.
Jeg håper at du likte denne opplæringen og kan bruke det du har lært for dine egne prosjekter. Vær så snill å kommentere og vis meg dine resultater.

Denne tekst-effekten er en del av 8 Photoshop-stiler 2 av 48 Premium fullt redigerbare PSD- og ASL Photoshop-filer

Kan hende du også liker:

  • Slik lager du en varm betongtekst-effekt i Adobe Photoshop

    I denne opplæringen lærer du hvordan du lager en varm betongtekst-effekt ved å bruke to lag for å få et sentralt forsvinningspunkt i Adobe Photoshop. La oss komme i gang!
    Enrique Elicabe
    Teksteffekter
  • Slik oppretter du en bronsebeveled teksteffekt i Adobe Photoshop

    I denne opplæringen lærer du hvordan du oppretter en bronsefaset teksteffekt ved hjelp av lagstiler i Adobe Photoshop.
    Enrique Elicabe
    Teksteffekter
  • Slik lager du en skinnende sommertekst-effekt i Adobe Photoshop

    I denne opplæringen vil jeg forklare hvordan du lager en skinnende sommertekst-effekt ved hjelp av lagstiler i Photoshop. La oss komme i gang!
    Enrique Elicabe
    Teksteffekter
  • Rask tips: Lag en metallisk kobbertekst effekt ved å bruke lagstiler i Photoshop

    Lær hvordan du lager en metallisk kobbertekst-effekt ved hjelp av lagstiler i Adobe Photoshop. La oss komme i gang!
    Enrique Elicabe
    Teksteffekter