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

Hva du skal skape

I denne opplæringen vil jeg vise deg hvordan du lager en tekstil-effekt på camouflage eller "camo" i Adobe Photoshop. Du lærer å bruke noen Photoshop-filtre og lage mønstre med dem. Deretter lærer du hvordan du bruker mønstrene med lagstiler for å skape det endelige resultatet.

Hvis du ønsker å hoppe over denne opplæringen, men likevel ønsker å kjøpe teksteffekten, kan du gå over til GraphicRiver og kjøpe Fabric Styles. 

Den komplette pakken har åtte forskjellige teksteffekter og fungerer med former og tekst.

Stoff stiler

Tutorial Assets

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

  • Aller Display
  • Bakgrunn og kontur inne i zip-filen som er vedlagt denne opplæringen.

1. Hvordan lage stoffmønsteret

Trinn 1

Åpne Photoshop og opprett en ny 18 x 18 px dokument.

Steg 2

Endre forgrunnsfargen til # 6b6b6b.

Trinn 3

trykk Kontroll-Shift-N å lage et nytt lag. Velg deretter Rektangelverktøy og tegne a 6 x 6 px firkant i øverste venstre hjørne (Du kan zoome inn på bildet med Kontroll-Space-Venstre-klikk).

Vi trenger en tekstur akkurat som bildet nedenfor. Merk at vi har tre forskjellige farger på bildet: # 6b6b6b for lyse fargen, # 3f3f3f for middels farger, og # 121212 for den mørke fargen. Fortsett å gjør 6 x 6 px firkanter på separate lag til du fyller hele 18 x 18 px dokument.

Trinn 4

Gå til Rediger> Definer mønster og navnet på mønsteret Fabric Texture Tutorial. Klikk deretter OK for å lagre mønsteret.

2. Hvordan lage Camostrukturen

Trinn 1

Lage en ny 486 x 486 px dokument.

Steg 2

trykk D for å tilbakestille forgrunnen og bakgrunnsfargene. Så gå til Filter> Render> Clouds.

Trinn 3

Gå til Filter> Pixelate> Mosaikk, sett Cellstørrelse til 18 kvadrat, og klikk OK.

Trinn 4

Gå til Filter> Filter Gallery. Velg deretter Skjære ut i kunstnerisk kategori med disse innstillingene:

  • Antall nivåer: 4 eller 5 (test og se hvilken du liker mer)
  • Kant Enkelhet: 1
  • Edge Fidelity: 1

Trinn 5

Dobbeltklikk nå på Bakgrunn lag for å låse opp laget. Endre navn på den Base Camo og klikk OK.

Trinn 6

Dobbeltklikk laget Base Camo å åpne Lag stil vindu. Legg til en Mønsteroverlegg med disse innstillingene:

  • Blandingsmodus: Hardt lys
  • opacity: 52%
  • Mønster: Velg mønsteret som vi opprettet før (Fabric Texture Tutorial)
  • Scale: 100%
  • Link med lag: Sjekket

Klikk OK.

Bildet ditt skal se slik ut:

Trinn 7

Gå til Vindu> Justeringer å åpne justeringer panel.

Trinn 8

Legg til en Gradient Map ved å klikke på panelets siste ikon.

Trinn 9

Dobbeltklikk på gradientikonet til laget Gradient Kart 1. De Eiendommer panelet vil dukke opp.

Trinn 10

Klikk på gradientlinjen til Eiendommer panel for å åpne Gradient Editor

Du kan spille med dette neste trinnet og lage forskjellige farger. Jeg skal lage en grønn tekstur. 

Opprett en gradient med disse innstillingene:

  • Første stopp farge: # 0c1005
  • Første stoppposisjon: 0%
  • Second Stop Color:  # 8aa269
  • Andre stoppposisjon: 51%
  • Tredje Stopp Farge: # e3efcc
  • Tredje stoppposisjon: 100%

Trinn 11

Velg laget Base Camo og gå til Rediger> Definer mønster, og så navnet mønsteret Camo Fabric og klikk OK.

3. Hvordan lage kantens tekstur

Trinn 1

Lage en ny 4 x 4 px dokument med en svart bakgrunn.

Steg 2

Zoom inn på bildet til du ser de enkelte pikslene. Velg deretter Blyantverktøy med en størrelse på 1 px og tegne en diagonal hvit linje som vist på bildet nedenfor.

Trinn 3

Gå til Rediger> Definer mønster og nev det Border Texture.

4. Hvordan lage lagstilene

Trinn 1

Åpne Bakgrunn bilde som er inne i glidelåsen festet til denne opplæringen.

Steg 2

Velg Typeverktøy (T) med skrifttypen Aller Display og størrelsen på 179 pt og skrive STOFF. Legg deretter den på hylle av bakgrunnen.

Trinn 3

Dobbeltklikk på tekstlaget for å åpne Lag stil vindu.

La oss begynne med Mønsteroverlegg slik at vi vil kunne se hva som skjer på bildet.

Legg til Mønsteroverlegg med disse innstillingene:

  • Blandingsmodus: Normal
  • opacity: 100%
  • Mønster: Velg tekstur som vi opprettet (Camo Fabric)
  • Scale: 25% 
  • Link med lag: Sjekket

Trinn 4

Legg til en Bevel & Emboss med disse innstillingene:

  • Stil: Relieff
  • Teknikk: Glatt
  • Dybde: 174%
  • Retning: Opp
  • Størrelse: 4 px
  • myke opp: 0 px
  • Bruk Globalt lys: Ikke merket
  • Angle: 90º
  • Høyde: 48º
  • Glanskontur: Klikk på boksen og Legg inn for å installere konturfilen som er inne i glidelåsen
  • Høydepunktsmodus: Skjerm
  • Markeringsfarge: # ffffff
  • Fremhevsmodus Opacity: 10%
  • Skygge modus: Normal
  • Skyggemodus Farge: # 364928
  • Skyggemodus Opacity: 81%

Trinn 5

Legg til en Stroke med disse innstillingene:

  • Størrelse: 4 px
  • Stilling: Utenfor
  • Blandingsmodus: Normal
  • opacity: 100%
  • Overtrykk: Ikke merket
  • Fyll type: Mønster
  • Mønster: Velg mønsteret Camo Fabric 
  • Scale: 25%
  • Link med Layer: Checked

Trinn 6

Legg til en Indre skygge med disse innstillingene:

  • Blandingsmodus: Lineært lys
  • opacity: 2%
  • Bruk Globalt lys: Ikke merket
  • Angle: -27 º
  • Avstand: 6 px
  • Kvele: 6%
  • Størrelse: 8 px
  • Kontur: lineær
  • Anti-Aliased: Ikke merket
  • Bråk: 0%

Trinn 7

Legg til en Indre glød med disse innstillingene:

  • Blandingsmodus: overlegg
  • opacity: 20%
  • Bråk: 0%
  • Farge: # ffffff
  • Teknikk: mykere
  • Kilde: Senter
  • Kvele: 39%
  • Størrelse: 27 px
  • Kontur: lineær
  • Anti-Aliased: Ikke merket
  • Område: 85%
  • jitter: 0%

Trinn 8

Legg til en Ytre glød med disse innstillingene:

  • Blandingsmodus: Lineært lys
  • opacity: 100%
  • Bråk: 59%
  • Farge: # 969c8e
  • Teknikk: mykere
  • Spredt: 100%
  • Størrelse: 4 px
  • Kontur: lineær
  • Anti-Aliased: Kontrollert
  • Område: 100%
  • jitter: 0%

Trinn 9

Legg til en Drop Shadow med disse innstillingene:

  • Blandingsmodus: Normal
  • Farge: # 000000
  • opacity: 100%
  • Bruk Globalt lys: Ikke merket
  • Angle: 146º
  • Avstand: 1 px
  • Spredt: 26%
  • Størrelse: 10 px
  • Kontur: lineær
  • Anti-Aliased: Ikke merket
  • Bråk: 0%
  • Layer Knocks Out Drop Shadow: Kontrollert

Trinn 10

Velg tekstlaget og trykk Kontroll-J å duplisere det. Endre navn på kopien til Camo TOP.

Trinn 11

Høyreklikk på laget Camo Top og velg Klar lag stil. Dobbeltklikk deretter på den for å åpne Lag stil vindu.

Legg til en Bevel & Emboss med disse innstillingene:

  • Stil: Relieff
  • Teknikk: Glatt
  • Dybde: 174%
  • Retning: Opp
  • Størrelse: 4 px
  • myke opp: 0 px
  • Bruk Globalt lys: Ikke merket
  • Angle: 90º
  • Høyde: 48º
  • Glanskontur: Velg konturen som vi installerte før (Fabric Custom)
  • Anti-Aliased: Kontrollert
  • Høydepunktsmodus: Skjerm
  • Markeringsfarge: # ffffff
  • Fremhevsmodus Opacity: 0%
  • Skygge modus: Normal
  • Skyggemodus Farge: # 4d6326
  • Skyggemodus Opacity: 15%

Trinn 12

Legg til en Stroke med disse innstillingene:

  • Størrelse: 2 px
  • Stilling: Utenfor
  • Blandingsmodus: Lineær Dodge (Add)
  • opacity: 45%
  • Overtrykk: Ikke merket
  • Fyll type: Mønster
  • Mønster: Velg Border Texture (Dette vil skape en illusjon av sting på kantene)
  • Scale: 200%
  • Link med Layer: Checked

Trinn 13

Legg til en Indre skygge med disse innstillingene:

  • Blandingsmodus: Mykt lys
  • Farge: # 000000
  • opacity: 20%
  • Bruk Globalt lys: Ikke merket
  • Angle: -27 º
  • Avstand: 0 px
  • Kvele: 62%
  • Størrelse: 10 px
  • Kontur: lineær
  • Anti-Aliased: Ikke merket
  • Bråk: 0%

Trinn 14

Legg til en Indre glød med disse innstillingene:

  • Blandingsmodus: overlegg
  • opacity: 4%
  • Bråk: 0%
  • Farge: # ffffff
  • Teknikk: mykere
  • Kilde: Senter
  • Kvele: 53%
  • Størrelse: 16 px
  • Kontur: lineær
  • Anti-Aliased: Ikke merket
  • Område: 85%
  • jitter: 0%

Deretter klikker du på OK.

Gratulerer, du er nå ferdig!

I denne opplæringen lærte du hvordan du lager en camo tekst tekst effekt i Adobe Photoshop.

Vi startet ved å lage en tekstilstruktur, da skapte vi en camo tekstur og fusjonerte begge teksturer. Deretter opprettet vi en tredje tekstur for grensen til teksten. Deretter opprettet vi to lagsstiler med alle tre teksturer.

Ikke glem å lagre stilene, så du kan bruke den med andre ting.

Jeg håper du har hatt denne opplæringen, og vær så snill å legge igjen kommentarene dine nedenfor. 

Denne tekst-effekten vi nettopp har opprettet, er en del av Fabric Styles. 

Stoff stiler