Hur man gör snygga Photoshop-texteffekter snabbt med åtgärder

Vad du ska skapa

Lär dig hur du skapar Photoshop-texteffekter i den här nybörjarens handledning. Du kommer att visas hur du skapar en Photoshop-åtgärd för din texteffekt och mer.

Den här texteffekten som vi ska skapa är en del av Super Bundle Styles. Detta är en samling av 146 unika stilar och är den första bunten i serien.

Super Bundle Styles

Tutorial Assets

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

  • Sovjetisk program typsnitt
  • Bild i zip-filen som bifogas denna handledning (tillval)

1. Hur man skapar texteffekten

Steg 1

Skapa en ny 850 x 500 px 72 dpi dokumentera och namnge det Glas Text Effekt. Placera sedan en bild som du vill använda som bakgrund.

Jag ska använda en abstrakt bild som jag skapade. Den här bilden är kopplad till denna handledning.

Steg 2

Gå till Fönster> Tecken att öppna Karaktär panel. Ändra sedan teckensnittet till Sovjetiska programmet, textstorleken till 130 pt, och färgen till vit #ffffff, och vänd Faux Bold På.

Därefter väljer du Horisontellt typverktyg (T) och skriv GLASS.

Steg 3

Välj textlagret och ändra Fyll opacitet till 0%. Gå sedan till Layer> Layer Style> Blandningsalternativ att öppna Lagerstil panel.

Steg 4

För att skapa denna texteffekt behöver vi två lager. Så låt oss först skapa en gräns med en enkel skugga.

Lägg till en Drop Shadow med dessa inställningar:

  • Blandningsläge: Vanligt
  • Färg: # 000000
  • Opacitet: 100%
  • Använd Global Light: Av
  • Vinkel: 120 °
  • Distans: 5 px
  • Spridning: 21%
  • Storlek: 9 px
  • Kontur: Linjär
  • Anti-alias: Av
  • Ljud: 0%
  • Layer Knocks Out Drop Shadow:

Steg 5

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

  • Storlek: 4 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 78%
  • Övertryck: Av
  • Fyll typ: Lutning
  • Omvänd: Av
  • Justera med lag:
  • Stil: Linjär
  • Vinkel: 75 °
  • vela: Av
  • Skala: 100%

Klicka på lutningsfältet för att skapa en ny lutning. 

Observera att vi måste lägga till stopp över (Opacitet) och nedanför (Färger) gradientfältet.

Låt oss först lägga till stopp för opacitet:

  • Stoppa 1: Plats: 0% Opacitet: 0%
  • Stopp 2: Plats: 4% Opacitet: 100%
  • Stopp 3: Plats: 26% Opacitet: 0%
  • Stoppa 4: Plats: 43% Opacitet: 100%
  • Stoppa 5: Plats: 64% Opacitet: 0%
  • Stopp 6: Plats: 85% Opacitet: 100%
  • Stopp 7: Plats: 100% Opacitet: 0%

Lägg sedan till stopp för färgerna under lutningsfältet med följande inställningar:

  • Stoppa 1: Plats: 0% Färg: #ffffff
  • Stopp 2: Plats: 6% Färg: #ffffff
  • Stopp 3: Plats: 7% Färg: # 194.962
  • Stoppa 4: Plats: 41% Färg: #ffffff
  • Stoppa 5: Plats: 42% Färg: # 194.962
  • Stopp 6: Plats: 84% Färg: # e0e0e0
  • Stopp 7: Plats: 85% Färg: # 194.962

Namnge sedan Glas Gradient och klicka på Ny För att lägga till denna gradient till förinställningarna, kommer vi att använda den senare.

Steg 6

Lägg nu till en Bevel & Emboss med dessa inställningar:

  • Stil: Stroke Emboss
  • Teknik: Slät
  • Djup: 1000%
  • Riktning: Ner
  • Storlek: 1 px
  • Mjukna: 0 px
  • Använd Global Light: Av
  • Vinkel: 86 °
  • Höjd över havet: 21 °
  • Glanskontur: Cove - Grunt
  • Markeringsläge: Skärm
  • Markeringsfärg: #ffffff
  • Markera opacitet: 75%
  • Skuggläge: Multiplicera
  • Skuggfärg: # 000000
  • Shadow Opacity: 29%

Aktivera sedan Kontur möjlighet till Bevel & Emboss med dessa inställningar:

  • Kontur: Linjär
  • Anti-alias:
  • Räckvidd: 50%

Steg 7

Lägg nu till en Inre glöd med dessa inställningar:

  • Blandningsläge: Vanligt
  • Opacitet: 75%
  • Ljud: 0%
  • Färg: #fdfdfd
  • Teknik: mjukare
  • Källa: Kant
  • Sätta i halsen: 0%
  • Storlek: 2 px
  • Kontur: Linjär 
  • Anti-alias: Av
  • Räckvidd: 50%
  • jitter: 0%

Steg 8

Lägg till en Yttre glöd med dessa inställningar:

  • Blandningsläge: Vanligt
  • Opacitet: 72%
  • Ljud: 0%
  • Färg: # b0f1ff
  • Teknik: mjukare
  • Spridning: 91%
  • Storlek: 4 px
  • Kontur: Linjär
  • Anti-alias:
  • Räckvidd: 100%
  • jitter: 0%

Därefter klickar du på ok.

Steg 9

Tryck Kontroll-J att duplicera textlagret och sedan byta namn på den här kopian Glas 2. Efter det, Dubbelklicka skiktet Glas 2 att öppna Lagerstil panel.

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

  • Blandningsläge: Vanligt
  • vela: Av
  • Opacitet: 100%
  • Omvänd: Av
  • Stil: Linjär
  • Justera med lag:
  • Vinkel: 90 °
  • Skala: 100%

Klicka på lutningsfältet och skapa en ny lutning med dessa inställningar:

  • Stoppa 1: Plats: 0% Färg: # 40006e
  • Stopp 2: Plats: 51% Färg: # b900ce
  • Stopp 3: Plats: 100% Färg: # 40006e

Steg 10

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

  • Blandningsläge: Färg
  • Färg: # ff003c
  • Opacitet: 100%

De Färgöverlagring kommer att göra det enklare för dig att ändra färgen på texteffekten senare.

Steg 11

Låt oss nu göra texteffekten blankt. 

Lägg till en Bevel & Emboss med dessa inställningar:

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 317%
  • Riktning: Upp
  • Storlek: 43 px
  • Mjukna: 0 px
  • Använd Global Light: Av
  • Vinkel: 90 °
  • Höjd över havet: 37 °
  • Glanskontur: Rullande sluttning - Descending
  • Markeringsläge: Skärm
  • Markeringsfärg: #ffffff
  • Markera opacitet: 16%
  • Skuggläge: Multiplicera 
  • Skuggfärg: # 000000
  • Shadow Opacity: 4%

Steg 12

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

  • Blandningsläge: Levande ljus
  • Färg: # baf3ff
  • Opacitet: 100%
  • Använd Global Light: Av
  • Vinkel: 120 °
  • Distans: 0 px
  • Sätta i halsen: 0%
  • Storlek: 18 px
  • Kontur: Linjär 
  • Anti-alias: Av
  • Ljud: 0%

Steg 13

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

  • Storlek: 3 px
  • Placera: Centrum
  • Blandningsläge: Vanligt
  • Opacitet: 78%
  • Övertryck: Av
  • Fyll typ: Lutning
  • Lutning: Glas Gradient (den vi skapade)
  • Omvänd: Av
  • Stil: Linjär
  • Justera med lag:
  • Vinkel: 78 °
  • vela: Av
  • Skala: 150%

Steg 14

Lägg till en Inre glöd med dessa inställningar:

  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Ljud: 0%
  • Färg: # 000000
  • Teknik: mjukare
  • Källa: Kant
  • Sätta i halsen: 59%
  • Storlek: 3 px
  • Kontur: Linjär
  • Anti-alias:
  • Räckvidd: 100%
  • jitter: 0%

Steg 15

Lägg till en Drop Shadow med dessa inställningar:

  • Blandningsläge: Multiplicera
  • Färg: # 0076a2
  • Opacitet: 71%
  • Använd Global Light: Av
  • Vinkel: 120 °
  • Distans: 3 px
  • Spridning: 7%
  • Storlek: 2 px
  • Kontur: Linjär
  • Anti-alias: Av
  • Ljud: 0%
  • Layer Knocks Out Drop Shadow:

Därefter klickar du på ok.

2. Hur man skapar åtgärden

Nu när vi har färdigställda stilar kommer vi att skapa en åtgärd som gör det lättare att tillämpa effekten på allt vi vill ha.

Steg 1

Välj det första textlagret (glas) på Skikten panel, och sedan gå till Fönster> Styles att öppna Styles panel. 

Därefter klickar du på den lilla Skapa ny stil ikon på Styles panel, namnge det Glas - A, och klicka ok.

Gör detsamma för det andra textlagret (glas 2) och namngiv det Glas - B.

Steg 2

Gå till Fönster> Åtgärder att öppna Åtgärder panel. Klicka sedan på Skapa ny uppsättning, namnge det Glas Text Effekt, och klicka ok.

Steg 3

Innan vi börjar spela in den nya åtgärden, gå till Skikten panel och klicka för att välja det första textlagret.

Gå sedan tillbaka till Åtgärder panel och klicka på Skapa ny åtgärd ikon. Namnge det Red Glass Text Effect, och klicka på Spela in.

Steg 4

Gå till Styles panel och klicka på Glas - A stil.

Steg 5

Tryck nu på Kontroll-J att duplicera skiktet och byta namn på det glas upp

Därefter, gå till Styles panel igen och klicka på Glas - B stil. Och äntligen, gå till Åtgärder panel och klicka på Stoppa inspelningen ikon.

Och vi är klara!

För att tillämpa effekten på viss text måste du välja Red Glass Text Effect handling i Åtgärder panelen och klicka sedan på Spela.

Åtgärden kopierar automatiskt lagret och tillämpar båda formaten korrekt.

I denna handledning lärde du dig hur du skapar en glas effekt med en enkel gradient. Du lärde dig också att använda två lager för att skapa en enda texteffekt. Då lärde du dig hur man skapar en åtgärd för att tillämpa effekten på allt du vill ha med ett enda klick.

Super Bundle Styles