Så här skapar du en grunge texteffekt med hjälp av en förskjutningskarta i Adobe Photoshop

Vad du ska skapa

I den här handledningen lär du dig hur du skapar en texteffekt med hjälp av förskjutningskartläggning i Adobe Photoshop.

Jag skapade en Text Destroyer med obegränsade texteffekter med samma metod för min GraphicRiver-portfölj.

Tutorial Assets

Du behöver följande för att slutföra denna handledning:

  • ChunkFive typsnitt
  • Textur 01 av Patrick Tomasso 
  • Textur 02 av Bharath Suresh

1. Så här förbereder du dokumentet

Steg 1

Gå till Fil> Ny och skapa en ny fil att arbeta med. Använd följande inställningar: Bredd: 2000 px; Höjd: 1500 px; 300 dpi.

Steg 2

Klick T att öppna Horisontellt Typverktyg och skapa vilken text du vill använda.

Steg 3

Ändra textens färg till # 633.526och klicka sedan på Warp Text ikonen och använd följande inställningar: Stil: Arc Lower; Bend: -11%.

Steg 4

Klick U och välj Rundad rektangel, och skapa sedan en form med följande inställningar: Bredd: 1600; Höjd: 600; Radii: 20 px på varje sida.

Steg 5

Klick U igen och skapa en enkel Rektangel med följande inställningar: Bredd: 1900; Höjd: 1400; Färg: # f7eac8; Stroke: 10px. 

Steg 6

Klick G att öppna Paint Bucket Tool och fyll bakgrundslaget med färgen #ebdcbb.

Steg 7

Välj textlagret och det avrundade rektangelskiktet, och sedan Högerklicka och välj Konvertera till Smart Object.

Steg 8

Konvertera den andra rektangeln till a Smart Object som vi gjorde tidigare och då Högerklicka på den första Smart Object och välj Duplicera.

2. Hur man skapar en förskjutningskarta

Steg 1

Öppna Texture 01 i ett nytt fönster och tryck på Alt-Control-I att ändra texturens storlek till 2000x1500. Efter det,Tryck Skift-Control-S och spara vår textur som en .psd-fil.

Steg 2

Välj vårt andra smarta objekt och gå till Filtrera> Förvränga> Förskjut, ochsedanvälj vår psd. filen som en förskjutningskarta med följande inställningar: Horisontell skala: 5; Vertikal skala: 5; Sträck att passa; Upprepa kantpixlar.Därefter använder du samma filter med samma inställningar för det stora rektangelskiktet.

Steg 3

Välj vårt första smarta objekt och gå till Filtrera> Förvränga> Förskjut, och välj sedan vår .psd-fil och använd följande inställningar: Horisontell skala: 0; Vertikal skala: 900; Sträck att passa.

Så här ser bilden ut efter de ovan angivna manipuleringarna:

3. Så här lägger du till texturer i dokumentet

Steg 1

Nu behöver vi lägga till texturer och skapa lagstil effekter för vårt dokument. Välj alla lager och klicka sedan på Skapa en ny grupp.

Steg 2

Dubbelklicka på Smart Object 02 och använd följande inställningar: Drop Shadow; Färg: # 633.526; Vinkel: 120; Avstånd: 20.

Steg 3

Därefter lägger du till en StrokeLagerstil panelen med följande inställningar: Position: Utanför; Storlek: 9; Opacitet: 0; Färg: # 633.526.

Steg 4

Nu behöver vi byta Blandningsläge av rektangelskiktet till Täcka över Skikten panel.

Steg 5

Välj gruppen av lagren och klicka sedan på Skapa mask ikon.

Steg 6

Öppna Texture 01 och klicka M att öppnaRektangulärt markeringsverktyg. Välj sedan hela texturen och tryck på Kontroll-C.

Steg 7

Alt-högerklick på masken av gruppen och sedan Kontroll-V att klistra in texturen som lagerets mask.

Steg 8

Därefter trycker du på Kontroll-I att invertera masken.

Steg 9

Slutligen, för att lägga till de sista detaljerna, lägg Texturen 02 överallt alla lager och ändra Blandningsläge till Multiplicera. Tryck sedan på Alt-Shift-Control-B att konvertera texturen till svart och vitt.

Awesome Work, Du är nu klar!

grattis! Du har skapat en texteffekt med hjälp av en förskjutningskarta och fria texturer. Här är vårt slutresultat:

Om du vill skapa liknande effekter med några enkla klick kan du kolla in min Text Destroyer-artikel i min GraphicRiver-portfölj.