Hur man skapar en grunge retro texteffekt i Adobe Photoshop

Vad du ska skapa

Denna handledning visar hur du använder lagerstilar, brus och grunge texturer och justeringslager för att skapa en grungy halvtons retro texteffekt. Låt oss börja!

Denna texteffekt var inspirerad av de många lagstilarna som finns tillgängliga på GraphicRiver.

Tutorial Assets

Följande tillgångar användes under produktionen av denna handledning:

  • Burford basfont
  • 30 enkla mönster av mslooten
  • UNRESTRICTED - Digital Grunge Texture 11 av frozenstocks
  • Filmkorn av Californianinja
  • UNRESTRICTED - Digital Grunge Texture 16 av frozenstocks
  • Light Grunge Seamless Patterns Vol. 3 av webdesignerlab

1. Hur man skapar ett mönsterlag

Steg 1

Skapa en ny 512 x 512 px dokument med a Vit Bakgrund. Kopiera Bakgrund lager, Högerklicka kopian och välj Konvertera till Smart Object.

Steg 2

Ställ in Förgrund och Bakgrundsfärger till Svart och Vit, och gå till Filtrera> Render> Moln.

2. Hur man skapar ett Grungy Halftone Pattern

Steg 1

Gå till Filtrera> Filter Galleri> Textur> Korn, och använd dessa inställningar:

  • Intensitet: 60
  • Kontrast: 0
  • Korntyp: Sprinkles

Steg 2

Klicka på Nytt effektlag ikonen längst ner på sidan Filtrera galleri fönster för att lägga till ett annat filter.

Gå till Skiss> Halvtonmönster, och använd dessa inställningar:

  • Storlek: 2
  • Kontrast: 6
  • Mönstertyp: Punkt

Steg 3

Lägg till ett nytt nytt effektlager, gå till Sketch> Grafisk Penna, och använd dessa inställningar:

  • Stroke Längd: 15
  • Ljus / Mörkbalans: 50
  • Slagriktning: Höger diagonal

Klick ok när du är klar.

Steg 4

Gå till Redigera> Definiera mönster, och typ Frammönster för namnet.

3. Hur man skapar ett enkelt mönster bakgrund

Steg 1

Skapa en ny 950 x 750 px dokument, klicka på Skapa nytt fyllnings- eller justeringslager ikonen längst ner på sidan Skikten panelen och välj Enfärgad.

Steg 2

Ställ in fyllningen Färg till # a2563b.

Steg 3

Dubbelklicka de Enfärgad lager för att tillämpa a Mönsteröverläggning effekt med dessa inställningar:

  • Blandningsläge: Mjukt ljus
  • Mönster: dots

Detta kommer att skapa bakgrundsbakgrunden.

4. Skapa smarta objekt i textlagret

Steg 1

Skapa texten med teckensnittet Burford. Ställ in Färg till Vit, de Storlek till 350 pt, och den spårning till -75.

Steg 2

Byt namn på textlagret till Text, Högerklicka dess lager och välj Konvertera till Smart Object.

Steg 3

Kopiera Text lager.

5. Hur man skapar extruderingslager

Steg 1

Kopiera Text lager igen, byt namn på den nya kopian till extrusion, och lägg det i en grupp och namnge den extrusion också.

Steg 2

Med extrusion lagret, tryck på Kommando-T att komma in Gratis omvandlingsläge. Tryck på var och en av Vänster pil och Nedåtpil nycklar en gång för att nudge extrusion lager 1 px i var och en av dessa riktningar.

Slå Lämna tillbaka nyckeln för att acceptera ändringarna.

Steg 3

Tryck Skift-kommando-alternativ-T cirka 21 gånger för att skapa 21 kopior med samma omvandling.

Du kan faktiskt bestämma hur många kopior du vill skapa baserat på extrusionsstorleken du vill ha, så gärna gå med ett antal kopior du gillar.

Steg 4

Välj alla extrusion lager och gå till Layer> Arranger> Reverse för att få rätt ordning av lager.

Steg 5

Placera de tre bästa extrusion lager i a Främre grupp, botten tre i a Tillbaka grupp och resten i a Mitten grupp.

6. Hur man skapar skugglager

Steg 1

Kopiera den sista extrusion lager (bottenskiktet i Tillbaka grupp), och byt namn på kopian till Skugga.

Dra Skugga lager ut ur extrusion grupp och placera den i en ny grupp med namnet Skugga också.

Steg 2

Använd samma transform och dubbla steg för att skapa ett par kopieringslager för Skugga, bara den här gången måste du nudge Skugga lager 1 px till höger och 1 px nedåt.

Steg 3

Se till att vända om Skugga lagens ordning när du är klar att skapa kopiorna.

Steg 4

Placera Text och Text kopia lager i a Text grupp.

7. Hur man utformar de främre textlagren

Dubbelklicka de Text kopia lager för att tillämpa följande lagerstil:

Steg 1

Lägg till en Stroke med dessa inställningar:

  • Storlek: 3
  • Placera: Inuti
  • Färg: # fbe8d2

Steg 2

Lägg till en Inre skugga med dessa inställningar:

  • Blandningsläge: Linjär bränning
  • Färg: # 515151
  • Opacitet: 50%
  • Distans: 6
  • Sätta i halsen: 50
  • Storlek: 5

Steg 3

Lägg till en Färgöverlagring med dessa inställningar:

  • Färg: # f5edea
  • Blandningsläge: Mörkare färg
  • Opacitet: 50%

Steg 4

Lägg till en Mönsteröverläggning med dessa inställningar:

  • Blandningsläge: Färg bränna
  • Mönster: Sågtand
  • Skala: 50%

Steg 5

Ändra Text kopia skikten Fylla värde till 0.

Steg 6

Dubbelklicka Originalet Text lager för att tillämpa a Mönsteröverläggning effekt med dessa inställningar:

  • Opacitet: 95%
  • Mönster: Frammönster
  • Skala: 50%

Detta kommer att ställa in den främre delen av texten.

8. Hur man utformar extruderingen

Steg 1

Dubbelklicka de Främre grupp att tillämpa a Färgöverlagring effekt med användning av Färg # 3c3b3b.

Steg 2

Högerklicka de Främre lager, välj Kopiera lagstil, Högerklicka de Tillbaka lager och välj Klistra in lagstil.

Expandera Mitten grupp, välj alla lager inuti den, Högerklicka någon av dem, och välj Klistra in lagstil igen.

Steg 3

Dubbelklicka de Mitten grupp att tillämpa a Mönsteröverläggning med dessa inställningar:

  • Blandningsläge: Dela upp
  • Opacitet: 35%
  • Mönster: Diagonalt linjemedium

Detta kommer att stryka extrusion.

9. Hur man utformar skuggan

Steg 1

Dubbelklicka de Skugga grupp att tillämpa a Färgöverlagring effekt med dessa inställningar:

  • Färg: # a89a96
  • Blandningsläge: Multiplicera
  • Opacitet: 75%

Steg 2

Ändra Skugga gruppens Fylla värde till 0%.

10. Hur man lägger till texturöverläggningar

Innan du lägger på texturerna, sätt på Text, extrusion, och Skugga Grupper i en grupp och ring det Texteffekt, att hålla saker organiserade.

Steg 1

Det är bättre att lägga till texturerna som smarta objekt genom att gå till File> Place Linked.

Börja med att lägga till UNRESTRICTED - Digital Grunge Texture 11 bild på toppen av Enfärgad lager och ändra storlek efter behov.

Byt namn på skiktet till BG Texture, och ändra dess Blandningsläge till Färg Dodge och dess Opacitet till 30%.

Steg 2

Gå till Bild> Justeringar> Färgton / Mättnad, och ändra Mättnad värde till -100.

Om du använder äldre versioner av Photoshop eller inte kan använda justeringar direkt till smarta objektlagret av någon anledning kan du antingen rasterisera texturens lager eller använda justeringslager istället.

Steg 3

Gå till Bild> Justeringar> Ljusstyrka / Kontrast.

Kolla Använd Legacy rutan och ändra Kontrast till -50.

Det äldre alternativet hjälper till att justera kontrasten i full svartvitt, vilket ger mycket mindre kontrast.

Steg 4

Placera Filmkorn bild ovanpå alla lager och ändra storlek efter behov.

Byt namn på texturens skikt till Texturöverlägg 1, och ändra dess Blandningsläge till Täcka över.

Steg 5

Gå till Bild> Justeringar> Nivåer, och ändra Gamma värde till 0,70.

Steg 6

Placera UNRESTRICTED - Digital Grunge Texture 16 bild ovanpå alla lager och ändra storlek efter behov.

Byt namn på texturens skikt till Texturöverläggning 2, och ändra dess Blandningsläge till Mjukt ljus och dess Opacitet till 20%.

Steg 7

Gå till Bild> Justeringar> Färgton / Mättnad, och ändra Mättnad värde till -100.

11. Så här lägger du till globala anpassningslager

Steg 1

Lägg till en Lutning lager ovanpå alla lager.

Skapa en Transparent att fylla färg gradient fyllning med hjälp av färgerna # 6f6f6f till vänster och # 000000 till höger.

Ändra Stil till Radiell och den Skala till 200, och ändra sedan skiktets Blandningsläge till Täcka över.

Steg 2

Lägg till en Ljuskontrast lager och ändra Kontrast till 25.

Steg 3

Lägg till en Fotofilter lager och använd Färg # ec9600.

Steg 4

Lägg till en Färgbalans lager och använd dessa inställningar:

Mellantoner toner~~POS=HEADCOMP

  • Cyan / Röd: 20
  • Magenta / Grön: 12
  • Gul / Blå: 12

12. Hur man skapar en grungy effekt

Steg 1

Välj Texteffekt grupp och klicka på Lägg till lagermask ikonen längst ner på sidan Skikten panel för att lägga till en mask till den.

Steg 2

Välj Paint Bucket Tool, välja Mönster i alternativ och välj mönstervyllan 15 från Light Grunge Seamless Patterns Vol. 3 packa.

Se till att Texteffekt masken väljs och klicka för att fylla den med mönstret.

Steg 3

För att intensifiera grungy effekten kan du trycka på Kommando-L för att få nivåer box, och öka skuggor värde för att mörka mönstret fyller inuti masken, vilket kommer att intensifiera de områden som raderas av det, vilket resulterar i en mer grungy effekt.

grattis! Du är klar

I den här handledningen skapade vi ett enkelt halvtonsmönster med ett par filter.

Sedan skapade vi texten, konverterade den till ett smart objekt och duplicerade det för att skapa extruderings- och skugglagren. Därefter stylade vi varje text, extrudering och skugglager och grupper för att uppnå halvtons retroffekten.

Slutligen använde vi texturöverlagor, justeringslager och mönsterfyllningar för att avsluta effekten.

Vänligen lämna dina kommentarer, förslag och resultat nedan.