How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Layer styles are one of Photoshop’s powerful tools. Their many different settings and options can help you create endless effects pretty easily and quickly. This tutorial will show you how to use a bunch of layer styles, with some helpful tips and tricks, to create ten common and useful text effects. Let’s get started!

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This text effect was inspired by the many Layer Styles available on GraphicRiver.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Tutorial Assets

In order to complete this tutorial, you’ll need the following resources:

Fonts

Patterns and Textures

To use the images as patterns, open each one of them in Photoshop, go to Edit > Define Pattern, and click OK.

1. How to Create a Glass Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #3e6181 to the left and #46aaab to the right, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Add a Pattern fill layer, set the Pattern to Grilled Noise, and change the layer’s Blend Mode to Color Burn.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font Cimochi, and change the Size to 350 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Change the text layer’s Fill value to 0, and duplicate it.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Double-click the original text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Depth: 200
  • Size: 15
  • Uncheck the Use Global Light box
  • Angle: 40
  • Altitude: 50
  • Gloss Contour: Valley – Low
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
    • Opacity: 100%
  • Shadow Mode: Screen
    • Color: #888888
    • Opacity: 70%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Stroke with these settings:

  • Size: 1
  • Opacity: 50%
  • Fill Type: Gradient
  • Style: Reflected
  • Use the steel s88 gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Color Dodge
  • Color: #ffffff
  • Opacity: 40%
  • Uncheck the Use Global Light box
  • Angle: -108
  • Distance: 5
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Linear Burn
  • Opacity: 50%
  • Color: #7b7b7b
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Blend Mode: Multiply
  • Opacity: 50%
  • Style: Reflected
  • Use the Aluminum 5 gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 50%
  • Distance: 5
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will style the first layer.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 6

Double-click the copy text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Size: 25
  • Uncheck the Use Global Light box
  • Angle: 117
  • Altitude: 69
  • Gloss Contour: Cone – Inverted
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
    • Opacity: 100%
  • Shadow Mode:
    • Opacity: 0%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Stroke with these settings:

  • Size: 1
  • Position: Inside
  • Blend Mode: Overlay
  • Opacity: 50%
  • Fill Type: Gradient
  • Style: Reflected
  • Use the steel s88 gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Overlay
  • Color: #ffffff
  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: 24
  • Distance: 5
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Multiply
  • Opacity: 50%
  • Color: #9f9f9f
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will create a shiny glass effect.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

2. How to Create a Metal Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #596267 to the left and #222831 to the right, change the Style to Radial, the Scale to 200, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Add a Pattern fill layer, set the Pattern to Hex Metal Mesh (from the Metal Mesh Patterns – Pack 1 pack), and change the layer’s Blend Mode to Multiply.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font Queen of Camelot, change the Color to #2c2b2b, and the Size to 250 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Double-click the text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Technique: Chisel Hard
  • Depth: 250
  • Size: 5
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
    • Opacity: 70%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Cone – Inverted
  • Check the Anti-aliased box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Texture with these settings:

  • Pattern: Side Slanting Mesh (from the Metal Mesh Patterns – Pack 1 pack)
  • Scale: 25%
  • Depth: 10%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Stroke with these settings:

  • Size: 2
  • Fill Type: Gradient
  • Style: Reflected
  • Use the Riddle of Steel gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Color Dodge
  • Color: #b67564
  • Opacity: 35%
  • Distance: 25
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Hard Light
  • Opacity: 67%
  • Color: #c2ccd4
  • Technique: Precise
  • Source: Center
  • Size: 51
  • Contour: Rolling Slope – Descending

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Satineffect with these settings:

  • Blend Mode: Overlay
  • Color: #d6d6d6
  • Opacity: 58%
  • Angle: 60
  • Distance: 42
  • Size: 24
  • Contour: Linear
  • Check the Anti-aliased box
  • Check the Invert box

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode: Overlay
  • Use the stove pipe 20 gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Pattern Overlay with these settings:

  • Blend Mode: Overlay
  • Pattern: 9.jpg (from the Metal seamless textures pack)
  • Scale: 50%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Add an Outer Glow with these settings:

  • Blend Mode: Linear Light
  • Opacity: 100%
  • Color: #67ade8
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 50%
  • Distance: 15
  • Spread: 25
  • Size: 15

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will style the text.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

3. How to Create Pressed and Embossed Text Effects

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #3c9179 to the left and #57caaa to the right, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Add a Pattern fill layer, set the Pattern to Diagonal Noise, and change the layer’s Blend Mode to Color Burn.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font Bw Modelica SS01 Extra Bold, and change the Size to 200 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Change the text layer’s Fill value to 0.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Double-click the text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Style: Emboss
  • Size: 0
  • Uncheck the Use Global Light box
  • Angle: 90
  • Altitude: 60
  • Check the Anti-aliased box
  • Highlight Mode:
    • Opacity: 20%
  • Shadow Mode:
    • Opacity: 30%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Soft Light
  • Opacity: 70%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 3
  • Size: 3

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Color Burn
  • Opacity: 10%
  • Color: #000000
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode: Soft Light
  • Opacity: 15%
  • Create a Transparent to Fill Color gradient fill using the Color #000000 on both sides, and change the transparent side’s Opacity Stop’sOpacityvalue to 50%.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Blend Mode: Soft Light
  • Color: #ffffff
  • Opacity: 75%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 1
  • Spread: 5
  • Size: 3

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will create a pressed text effect.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 6

To create an embossed effect, create a new text layer, and make sure to change its Fill value to 0.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 7

Double-click the text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Style: Outer Bevel
  • Size: 5
  • Uncheck the Use Global Light box
  • Angle: 100
  • Altitude: 25
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
    • Opacity: 50%
  • Shadow Mode:
    • Opacity: 15%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Vivid Light
  • Color: #d0d0d0
  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 1
  • Size: 1

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode: Soft Light
  • Opacity: 20%
  • Create a Fill Color to Transparent gradient fill using the Color #ffffffon both sides, and change the transparent side’s Opacity Stop’s Opacity value to 40%.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Blend Mode: Soft Light
  • Color: #000000
  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 7
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will create the embossed effect.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

4. How to Create a Neon Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #2e0d45 to the left and #0d0317 to the right, change the Style to Radial, the Scale to 200, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Place the BrickLargeBrown0025 image on top of the Gradient layer, resize it as needed, and change its layer’s Blend Mode to Overlay.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font MM Cruella 100, and change the Color to #d87aff, the Size to 250 pt, and the Tracking value to 10.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Change the text layer’s Fill value to 0. You can increase the Fill value after applying the layer style to get a brighter effect if you like.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Double-click the text layer to apply the following layer style.

Add a Bevel and Emboss with these settings:

  • Depth: 250
  • Size: 5
  • Soften: 2
  • Uncheck the Use Global Light box
  • Angle: 60
  • Altitude: 0
  • Gloss Contour: Ring – Double
  • Check the Anti-aliased box
  • Highlight Mode: Color Dodge
    • Color: #dcdcdc
    • Opacity: 50%
  • Shadow Mode: Vivid Light
    • Color: #e5e5e5
    • Opacity: 10%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Cone – Inverted
  • Check the Anti-aliased box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Linear Light
  • Color: #ebd5f3
  • Opacity: 100%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 0
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 100%
  • Color: #ddbfff
  • Source: Center
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Satineffect with these settings:

  • Blend Mode: Vivid Light
  • Color: #e6a2ee
  • Opacity: 50%
  • Angle: 90
  • Distance: 10
  • Size: 35
  • Contour: Linear
  • Check the Anti-aliased box
  • Check the Invert box

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Outer Glow with these settings:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 100%
  • Color: #c689ff
  • Size: 15
  • Range: 85%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Blend Mode: Screen
  • Color: #f227ff
  • Opacity: 85%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 0
  • Size: 50

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add another Drop Shadow instance with these settings:

  • Blend Mode: Screen
  • Color: #f227ff
  • Opacity: 100%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 0
  • Size: 60

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a third Drop Shadow instance with these settings:

  • Opacity: 50%
  • Distance: 30
  • Size: 7

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will create a bright neon text effect.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

5. How to Create a Chrome Text Effect

Step 1

Open the Indoor Chairs image and go to Image > Image Size to change the Width value to 1000 px.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Go to Filter > Blur > Gaussian Blur, and change the Radius value to 1.5.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Go to Filter > Distort > Wave, and use these settings:

  • Number of Generators: 5
  • Wavelength:
    • Min. 228
    • Max. 241
  • Amplitude:
    • Min. 5
    • Max. 35
  • Scale:
    • Horiz. 100
    • Vert. 100
  • Type: Sine
  • Undefined Areas: Repeat Edges Pixels

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Go to Edit > Define Pattern, change the Name to Chrome Reflection, and click OK.

You can use any other image for this effect to get different results.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #434a53 to the left and #121219 to the right, and change the Style to Radial, the Scale to 200, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 6

Add a Pattern fill layer, set the Pattern to Old Wall, and change the layer’s Blend Mode to Color Burn.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 7

Create the text using the font Geneva, and change the Size to 200 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 8

Duplicate the text layer and change the copy’s Fill value to 0.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 9

Double-click the original text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Size: 1
  • Gloss Contour: Rolling Slope – Descending
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
    • Color: #d6d6d6
    • Opacity: 75%
  • Shadow Mode:
    • Color: #4c4c4c
    • Opacity: 75%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Log
  • Check the Anti-aliased box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Color Dodge
  • Color: #4d4d4d
  • Opacity: 35%
  • Distance: 3
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Soft Light
  • Opacity: 35%
  • Color: #ffffff
  • Size: 7

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode: Soft Light
  • Use the faucet 140 gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Pattern Overlay with these settings:

  • Pattern: Chrome Reflection

You can click the Snap to Origin button to reset the texture’s position inside the text.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 75%
  • Distance: 15
  • Spread: 20
  • Size: 25

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will style the text.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 10

Double-click the copy text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Style: Stroke Emboss
  • Size: 15
  • Uncheck the Use Global Light box
  • Angle: 119
  • Altitude: 21
  • Gloss Contour: Cone – Inverted
  • Check the Anti-aliased box

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Ring
  • Check the Anti-aliased box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Stroke with these settings:

  • Size: 3
  • Fill Type: Gradient
  • Style: Reflected
  • Use the faucet 30 gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Opacity: 15%
  • Distance: 2
  • Size: 7

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Soft Light
  • Opacity: 25%
  • Color: #ffffff
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Satininstance with these settings:

  • Blend Mode: Soft Light
  • Color: #939393
  • Opacity: 20%
  • Angle: -20
  • Distance: 190
  • Size: 15
  • Contour: Rolling Slope – Descending
  • Check the Anti-aliased box
  • Check the Invert box

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Blend Mode:
  • Use the Stainless Steel 25jar gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will add the stroke.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

6. How to Create a Basic 3D Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #6a6a6a to the left and #b1b3b2 to the right, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Add a Pattern fill layer, set the Pattern to Paper 3, and change the layer’s Blend Mode to Color Burn.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font SchmalfetteCP, change the Color to #d9d9d9, the Size to 300 pt, and the Tracking value to 10.

Duplicate the text layer.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Change the original text Color to Red, and press Command-T to enterFree Transform Mode.

Press-hold the Option key, and click-drag the bounding box’s right side slightly to shrink the text horizontally a little bit, making sure that no gaps are created between both pieces of text.

Hit the Return key to commit the changes.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Change the original text layer’s Fill value to 0.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 6

Double-click the original text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Technique: Chisel Hard
  • Size: 75
  • Soften: 5
  • Uncheck the Use Global Light box
  • Angle: 34
  • Altitude: 32
  • Highlight Mode:
    • Opacity: 0%
  • Shadow Mode:
    • Opacity: 40%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Cove – Deep
  • Check the Anti-aliased box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Opacity: 50%
  • Distance: 0
  • Choke: 5
  • Size: 15

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Color Overlay with these settings:

  • Color: #f2f2f2

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Outer Glow with these settings:

  • Blend Mode: Multiply
  • Opacity: 10%
  • Color: #000000
  • Size: 25

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 30%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 2
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

this will style the 3D part.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 7

Double-click the copy text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Depth: 200
  • Size: 1
  • Highlight Mode:
    • Opacity: 80%
  • Shadow Mode:
    • Opacity: 0%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with the default settings:

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Opacity: 10%
  • Distance: 3
  • Size: 3

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Vivid Light
  • Opacity: 10%
  • Color: #ddebee
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Check the Dither box.
  • Create the Gradient fill using the Colors #a6a6a6 to the left and #e7e8e9 to the right.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Outer Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 10%
  • Color: #ffffff
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 10
  • Size: 15

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will finish off the 3D effect.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

7. How to Create a Sci Fi Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #5b7177 to the left and #0a252b to the right, and change the Style to Radial, the Scale to 200, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Add a Pattern fill layer, set the Pattern to 9.jpg (from the Metal seamless textures pack), and change the layer’s Blend Mode to Multiply.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font Bhejeuct Gash, and change the Color to #283032and the Size to 250 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Double-click the text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Depth: 200
  • Size: 15
  • Uncheck the Use Global Light box
  • Angle: 157
  • Altitude: 16
  • Gloss Contour: Valley – Low
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
    • Color: #e99d89
    • Opacity: 100%
  • Shadow Mode: Color Burn
    • Color: #c7c7c7
    • Opacity: 70%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Cone – Inverted
  • Check the Anti-aliased box.
  • Range: 100%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Texture with these settings:

  • Pattern: Diagonal lines medium (from the 30 Simple Patterns pack)

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Stroke with these settings:

  • Size: 2
  • Blend Mode: Linear Dodge (Add)
  • Fill Type: Gradient
  • Style: Reflected
  • Use the Riddle of Steel gradient fill

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Lighter Color
  • Color: #42f4ff
  • Opacity: 75%
  • Distance: 15
  • Size: 20
  • Contour: Cone – Asymmetrical

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 100%
  • Color: #b76c3e
  • Source: Center
  • Size: 15

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Satin with these settings:

  • Blend Mode: Linear Light
  • Color: #9afff0
  • Opacity: 58%
  • Angle: 60
  • Distance: 50
  • Size: 8
  • Contour: Linear
  • Check the Anti-aliased box
  • Check the Invert box

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode:
  • Click the Gradient box to create the gradient with these values:

Color – Location

  • #000000 – 0%
  • #11637e – 34%
  • #25abdd – 71%
  • #ffffff – 100%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Outer Glow with these settings:

  • Blend Mode: Linear Light
  • Opacity: 100%
  • Color: #67e5e8
  • Size: 10

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 35%
  • Distance: 15
  • Spread: 25
  • Size: 18

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will style the text.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

8. How to Create a Retro Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the gradient fill using the Colors #aad1cf to the left and #3accc7 to the right, change the Style to Radialand the Scale to 200, and check the Dither box.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Add a Pattern fill layer, set the Pattern to texturetastic gray, and change the layer’s Blend Mode to Linear Burn.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Create the text using the font Mon Cheri, and change the Color to #f65252and the Size to 250 pt.

Duplicate the text layer.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Double-click the original text layer to apply a Drop Shadow effect with these settings:

Add a Drop Shadow with these settings:

  • Blend Mode: Normal
  • Opacity: 100%
  • Distance: 10
  • Spread: 100
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

Right-click the styled layer and choose Convert to Smart Object. This will basically create the 3D extrusion layer.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 6

Double-click the Smart Object layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Technique: Chisel Hard
  • Size: 18
  • Uncheck the Use Global Light box
  • Angle: 149
  • Altitude: 58
  • Check the Anti-aliased box

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Contour with these settings:

  • Contour: Log
  • Check the Anti-aliased box.
  • Range: 100%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #383838
  • Opacity: 15%
  • Uncheck the Use Global Light box
  • Angle: -77
  • Distance: 10
  • Size: 1

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Glow with these settings:

  • Blend Mode: Soft Light
  • Opacity: 100%
  • Color: #ffffff
  • Technique: Precise
  • Source: Center
  • Size: 16

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Color Overlay with these settings:

  • Color: #d8d8d8

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #010101
  • Opacity: 15%
  • Distance: 5
  • Size: 3

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add another Drop Shadow instance with these settings:

  • Color: #010101
  • Opacity: 25%
  • Distance: 15
  • Size: 1

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a third Drop Shadow instance with these settings:

  • Color: #010101
  • Opacity: 10%
  • Distance: 25
  • Size: 20

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will style the 3D part.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 7

Double-click the copy text layer to apply the following layer style:

Add a Stroke with these settings:

  • Size: 3
  • Color: #ffffff

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Inner Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #383838
  • Opacity: 50%
  • Distance: 2
  • Choke: 50
  • Size: 1

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Pattern Overlay with these settings:

  • Blend Mode: Divide
  • Pattern: Pattern 11 (from the 20 Repeatable Pixel Patterns pack)

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will style the main text.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

9. How to Create a Spray Paint Text Effect

Step 1

Create a new 1000 x 500 px document, place the BrickMedievalBlocks0129 image on top of the Background layer, and resize it as needed.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Create the text using the font Graun, and change the Color to #ff4c3eand the Size to 250 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Change the text layer’s Blend Mode to Multiply.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 4

Double-click the text layer to access the Blending Options settings.

Under the Blend If section, you’ll find two bars. We will be working with the Underlying Layer one.

Press-hold the Option key, and click-drag the left slider to split it. As you move the slider’s ends, you’ll notice how the text starts to blend with the background image.

What this slider does is protect the darker areas of the image from being affected by the text.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 5

If you do the same with the right slider, you’ll control the lighter areas you want to protect or prevent the text from affecting.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 6

Keep adjusting the sliders until you like the result.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 7

Next, we will add two more effects to enhance the outcome:

Add an Inner Shadow with these settings:

  • Color: #010101
  • Opacity: 15%
  • Distance: 0
  • Size: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add an Outer Glow with these settings:

  • Blend Mode: Multiply
  • Opacity: 100%
  • Noise: 80%
  • Color: #ff4c3e
  • Size: 1
  • Range: 100%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will enhance the edges.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

10. How to Create a Glitter Text Effect

Step 1

Create a new 1000 x 500 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Pattern, and set the Pattern to Beige paper.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 2

Create the text using the font Premier Script, and change the Color to #b1b1b1and the Size to 300 pt.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Step 3

Double-click the text layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Technique: Chisel Hard
  • Size: 5
  • Gloss Contour: Ring – Double
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
    • Opacity: 100%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Texture with these settings:

  • Pattern: glitter-pink (from the Wastedshame Free Glitter Patterns pack)

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Pattern Overlay with these settings:

  • Pattern: Pink Glitter (from the 8 Free Glitter Effect Patterns & Styles for Photoshop pack)
  • Scale: 50%

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Blend Mode: Vivid Light
  • Color: #ffffff
  • Opacity: 100%
  • Distance: 2
  • Size: 2
  • Noise: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Add a Drop Shadow with these settings:

  • Opacity: 20%
  • Uncheck the Use Global Light box
  • Angle: -45
  • Distance: 3
  • Size: 8
  • Noise: 5

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

This will create the final effect. You can try using different glitter textures to get different results as well.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop

Awesome Work, You’re Done!

This tutorial explained how to use different layer style settings and options to create ten common and useful text effects.

Please feel free to leave your comments, suggestions, and outcomes below.

How to Create 10 Different Useful Layer Style Text Effects in Adobe Photoshop