Slik lager du en Spiderman-inspirert teksteffekt i Adobe Photoshop

Hva du skal skape

I denne opplæringen vil jeg vise deg hvordan du lager en enkel Spiderman tekst effekt, ved hjelp av et mønster og en lagestil.

Spiderman-tekst-effekten er en del av Super Heroes - Photoshop Styles fra min portefølje på Envato Market.

Super Heroes - Photoshop Styles

Tutorial Assets

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

  • Aero Matics skrifttype
  • Mørkt veggmønster
  • Spidy mønster

Før du begynner å lage Spiderman-tekst-effekten, last ned og installer skrift og mønstre i Photoshop.

1. Lag bakgrunnen

Jeg skal vise deg hvordan du lager bakgrunnen for det endelige bildet, men hvis du vil bruke din egen bakgrunn, hopper du over hele denne delen.

Trinn 1

Begynn med å opprette en ny 850 x 500 px dokument med Vedtak av 72 piksler / tommer og Bakgrunnsinnhold til Hvit.

Steg 2

Dobbeltklikk på Bakgrunn lag i lag panelet for å låse opp det. Høyreklikk dette ulåste laget og velg Blandingsalternativer fra menyen. En annen måte å åpne disse alternativene på er å velge laget og gå til Lag> Lagstil> Blandingsalternativer.

Legg deretter til en Gradient Overlay med disse innstillingene:

  • Blandingsmodus: Lineær brenning
  • opacity: 20%
  • Klikk på gradient boks for å lage gradientfyllingen ved å bruke fargene Hvit til venstre og Svart til høyre.
  • Stil: radial
  • Angle: 0 °
  • Undersøk dither eske.

Trinn 3

Legg til en Mønsteroverlegg med disse innstillingene:

  • Klikk på Mønster boksen og velg Mørkvegg mønster.
  • opacity: 100%
  • Scale: 100%

Dette vil skape en mørk teksturert bakgrunn med en vignette.

2. Lag Spiderman Text Effect

Denne tekst-effekten er laget av ett lag, slik at du kan lagre det som en ny stil i din Styles palett for fremtidig bruk.

Trinn 1

Velg Typeverktøy og velg Aero Matics font. Sett Fontstil til Fet kursiv og Skriftstørrelse rundt 200 pt. Skriv "SPIDER" med store bokstaver.

Steg 2

Velg tekstlaget i lag panel, høyreklikk på laget og velg Blandingsalternativer fra menyen.

Legg til Mønsteroverlegg med disse innstillingene:

  • Klikk på Mønster boksen og velg Spidy mønster.
  • Scale: 25%

Dette vil legge til det viktigste røde Spiderman-mønsteret.

Trinn 3

Legg til Gradient Overlay med disse innstillingene:

  • Blandingsmodus: Multiplisere
  • opacity: 14%
  • Klikk på gradient boks for å lage gradientfyllingen ved å bruke fargene Svart til venstre og Hvit til høyre.
  • Stil: lineær
  • Angle: -90 °
  • Undersøk dither eske.

Trinn 4

Legg til Fargeoverlegg med disse innstillingene:

  • Blandingsmodus: Multiplisere
  • Klikk på Farge boksen og velg fargen # e10505.
  • opacity: 100%

Både farge- og gradientoverlegget vil mørkere hovedteksturen litt.

Trinn 5

Legg til Satin med disse innstillingene:

  • Blandingsmodus: Lineær Dodge (Add) with Farge # ffeb0d
  • opacity: 100%
  • Angle: 0 °
  • Avstand: 4 px
  • Størrelse: 16 px
  • Fjern merket for Inverter boks, hvis merket.

Satin legger til en gul og oransje glød inne i Spiderman tekstur.

Trinn 6

Legg til en Ytre glød med disse innstillingene:

  • Blandingsmodus: Normal
  • opacity: 100%
  • Teknikk: Nøyaktig
  • Spredt: 0%
  • Størrelse: 8 px
  • Område: 55%
  • jitter: 0%
  • Velg alternativknappen ved siden av gradienten og rediger deretter gradienten stopper:
  • Første gradientstopp Farge # 111111 og plassering ved 21%.
  • Andre gradientstopp Farge # 177ece og plassering ved 48%.
  • Tredje gradientstopp Farge # 9adaff og plassering på 73%.

Dette vil legge til en blå gradient rundt teksten med mørkblått senter.

Trinn 7

Legg til Indre skygge med disse innstillingene:

  • Blandingsmodus: Lineær Brenn med Farge # 010101
  • opacity: 30%
  • Fjern merket for Bruk Global Light før innstillingen Angle: -90 °.
  • Avstand: 6 px
  • Kvele: 0%
  • Størrelse: 0 px

Inner skygge legger til en 3D-følelse av stilen.

Trinn 8

Legg til Indre glød med disse innstillingene:

  • Blandingsmodus: Skjerm
  • opacity: 71%
  • Velge Farge # ffeb0d
  • Teknikk: mykere
  • Kilde: Kant
  • Kvele: 0%
  • Størrelse: 5 px

Innvendig glød legger til et tynt gult slag rundt tekstur.

Trinn 9

Legg til Stroke med disse innstillingene:

  • Størrelse: 2 px
  • Stilling: Utenfor
  • Blandingsmodus: Normal
  • opacity: 100%
  • Fyll type: gradient
  • Stil: lineær
  • Angle: 90 °
  • Undersøk dither eske.
  • Sett gradient med disse 5 stoppene:
  • Første gradientstopp Farge # 003669 og plassering ved 12%.
  • Andre gradientstopp Farge #bcebff og plassering på 22%.
  • Tredje gradientstopp Farge # 003669 og plassering ved 52%.
  • Fjerde gradientstopp Farge #bcebff og plassering på 83%.
  • Femte gradientstopp Farge # 003669 og plassering ved 96%.

Slaget vil legge til små, blå, skinnende linjer rundt teksten.

Trinn 10

Legg til Bevel & Emboss med disse innstillingene:

  • Stil: Innvendig misjon
  • Teknikk: Glatt
  • Dybde: 100%
  • Retning: Opp
  • Størrelse: 18 px
  • Fjern merket for Bruk Global Light boks før du setter inn Angle: 110 ° og Høyde: 30 °
  • Høydepunktsmodus: Lineær Dodge (Add) with Farge # ffc000 og opacity: 26%
  • Skygge modus: Lineær Brenn med Farge # 0a2a40 og opacity: 20%

Trinn 11

Legg til en Tekstur med disse innstillingene:

  • Klikk på Mønster boksen og velg Spidy mønster.
  • Scale: 25%
  • Dybde: +120%

Innerskrå med tekstur gir mer dybde inn i det røde Spiderman-mønsteret.

Trinn 12

Som et siste trinn, legg til en Drop Shadow med disse innstillingene:

  • Blandingsmodus: Normal med Farge # 001e2d
  • opacity: 100%
  • Fjern merket for Bruk Global Light før innstillingen Angle: 120 °
  • Avstand: 3 px
  • Spredt: 100%
  • Størrelse: 11 px

Gratulerer! Du er ferdig!

I denne opplæringen lærte du hvordan du oppretter en Spiderman-teksteffekt i Photoshop.

Vi startet ved å lage den mørke bakgrunnen med et sømløst mønster. Da skapte vi et tekstlag og la mange forskjellige effekter for å skape en tekst-effekt i Spiderman-stil.

Jeg håper du har hatt denne opplæringen, og hvis du liker den endelige effekten, ikke glem å lagre denne stilen til Layer Styles-paletten for fremtidige prosjekter.

Spiderman-tekst-effekten er en del av Super Heroes - Photoshop Styles fra min portefølje på Envato Market.