Så här skapar du en färgstark och glänsande texteffekt i Adobe Photoshop

Vad du ska skapa

I den här handledningen kommer jag att visa dig hur man gör glättig text i Photoshop med två lager stilar.

Om du vill hoppa över den här handledningen men ändå vill köpa texteffekten, kan du gå vidare till GraphicRiver och köpa 7 Shiny Photoshop Styles 2. 

Det kompletta paketet har sju olika texteffekter och fungerar med former och text.

7 Shiny Photoshop Styles 2

Tutorial Assets

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

  • Teckensnitt: Hummer 1.4
  • Bakgrund och kontur i zip-filen som bifogas denna handledning

1. Hur man skapar lagstilarna

Steg 1 

Gå till Arkiv> Öppna, och öppna bakgrundsbilden.

Steg 2

Välj Horisontellt typverktyg (T) med dessa inställningar:

  • Font: Hummer 1.4
  • Storlek: 210 pt
  • Anti-Aliasing-läge: Skarp
  • Färg vit #ffffff

Steg 3

Skriva Skinande och placera det i mitten av dokumentet.

För att centrera ett lager trycker du på Kontroll-A för att välja dokumentet och välj sedan Flytta verktyget (V) och klicka på Justera vertikalt centrum och Justera horisontellt centrum ikoner.

Steg 4

Dubbelklicka på skiktet Skinande att öppna Lagerstil fönster.

Ta gärna på och av följande effekter för att se vad som ändrats. Låt oss börja med Gradientöverläggning; På så sätt kan du se bättre vad som händer. 

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

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

Klicka på Gradient Bar och gör en gradient med dessa inställningar:

  • Förstopp Färg: # ffc600
  • Första stoppposition: 0%
  • Andra stoppfärg: # f8e45f
  • Andra stoppposition: 100%

Steg 5

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

  • Stil: Utföra i relief
  • Teknik: Slät
  • Djup: 286%
  • Riktning: Upp
  • Storlek: 10 px
  • Mjukna: 0 px
  • Använd Global Light: Okontrollerat
  • Vinkel: 96º
  • Höjd över havet: 16º 
  • Glanskontur: Klicka på Contour-rutan och ladda filen Shiny Contour.shc (Zip fil)
  • Anti-alias: Kontrollerade
  • Markeringsläge: Skärm
  • Färg för färgläge: # ffee93
  • Highlight Mode Opacity: 67%
  • Skuggläge: Vanligt
  • Skuggläge Färg: # 190a20
  • Skuggläge Opacitet: 9%

Steg 6

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

  • Storlek: 4 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Övertryck: Okontrollerat
  • Fyll typ: Färg
  • Färg: # 7344ac

Steg 7

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

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

Din bild ska se så här ut:

Steg 8

Välj skiktet Skinande och tryck på Kontroll-J att duplicera det. Högerklicka sedan och välj att byta namn på den till Glänsande TOP.

Steg 9

Högerklicka på skiktet Glänsande TOP och välj Klar lagstil. Dubbelklicka sedan på lagret för att öppna Lagerstil fönster.

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

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 551%
  • Riktning: Upp
  • Storlek: 16 px
  • Mjukna: 0 px
  • Använd Global Light: Okontrollerat
  • Vinkel: 96º
  • Höjd över havet: 16º
  • Glanskontur: Cove - Grunt
  • Markeringsläge: Skärm
  • Färg för färgläge: # ffee93
  • Highlight Mode Opacity: 67%
  • Skuggläge: Vanligt
  • Skuggläge Färg: # 190a20
  • Skuggläge Opacitet: 9%

Steg 10

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

  • Blandningsläge: Multiplicera
  • Färg: # bf8c01
  • Opacitet: 21%
  • Använd Global Light: Okontrollerat
  • Vinkel: -45 °
  • Distans: 5 px
  • Sätta i halsen: 0%
  • Storlek: 5 px
  • Kontur: Linjär
  • Anti-alias: Okontrollerat
  • Ljud: 0%

Steg 11

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

  • Blandningsläge: Färg bränna
  • vela: Okontrollerat
  • Opacitet: 100%
  • Stil: Linjär
  • Justera med lag: Kontrollerade
  • Vinkel: 90º
  • Skala: 100%

Klicka på Gradient Bar och gör en gradient med dessa inställningar:

  • Förstopp Färg: # a5a5a5
  • Första stoppposition: 4%
  • Andra stoppfärg: #ffffff
  • Andra stoppposition: 27%
  • Tredje Stopp Färg: # e2e2e2
  • Tredje stoppposition: 74%
  • Fjärde Stoppfärg: # b2b2b2
  • Fjärde stoppposition: 100%

Steg 12

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

  • Blandningsläge: Skärm
  • Opacitet: 75%
  • Ljud: 0%
  • Färg: # eac919
  • Teknik: mjukare
  • Spridning: 0%
  • Storlek: 0 px
  • Kontur: Linjär 
  • Anti-alias: Okontrollerat
  • Räckvidd: 50%
  • jitter: 0%

Steg 13

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

  • Blandningsläge: Uteslutning
  • Färg: # 1eff00
  • Opacitet: 100%
  • Använd Global Light: Okontrollerat
  • Vinkel: 120º
  • Distans: 3 px
  • Spridning: 100%
  • Storlek: 3 px
  • Kontur: Linjär
  • Anti-alias: Kontrollerade
  • Ljud: 0%
  • Layer Knocks Out Drop Shadow: Kontrollerade

Efter det klickar du på ok

Steg 14

Håll nu kvar Kontrollera och klicka på lagren Skinande och Glänsande TOP att välja båda. Tryck sedan på Kontroll-G att gruppera lagren.

Steg 15

Dubbelklicka på grupplagret för att öppna Lagerstil fönster. 

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

  • Blandningsläge: Vanligt
  • Färg: # 000000
  • Opacitet: 30%
  • Använd Global Light: Okontrollerat
  • Vinkel: 120º
  • Distans: 3 px
  • Spridning: 39%
  • Storlek: 5 px
  • Kontur: Linjär
  • Anti-alias: Kontrollerade
  • Ljud: 0%
  • Layer Knocks Out Drop Shadow: Kontrollerade

Därefter klickar du på ok.

Och resultatet är:

Grattis, Du är nu klar!

I denna handledning lärde du dig hur du skapar en färgstark och glänsande texteffekt i Adobe Photoshop. Vi började med att skapa en lagerstil, och sedan lade vi till en annan lagerstil utöver det för att komplettera effekten.

Glöm inte att spara stilar, så att du kan använda dem med andra saker.

Jag hoppas att du har haft den här handledningen, och gärna lämna dina kommentarer nedan. 

Den här texteffekten som vi just skapat är en del av 7 Shiny Photoshop Styles 2. 

7 Shiny Photoshop Styles 2