Embossed and Debossed Text Effect Photoshop Tutorial

In Artwork Skills, Graphic Designing Skills
Embossed and Debossed Text Effect in Photoshop

This article is about to show you how to make an embossed and debossed text effect in Photoshop. We are going to use a velvet leather image as the background. I have provided a video tutorial if you prefer to follow the tutorial by watching the video. You might also want to follow the tutorial in this post. To follow the step-by-step tutorial, watch the following video.

How to Make an Embossed and Debossed Text Effect in Photoshop

Alright. To get started, open your background image by going to File → Open → browse your background image file, and double-click on it.

How to emboss text in Photoshop.

Adding Text Onto the Canvas

Then, you are going to type some text onto the canvas. So, activate the type tool (T), adjust the font size, and select the smooth one. Pick any color for the text to your liking, but it’s optional. Because in most projects, making an embossed or debossed text effect needs to set the fill opacity to zero that makes the text color disappears.

Then, start typing the text onto the canvas. In this demonstration, I make two different text layers. One is for an embossed letterpress effect and the other one is for a debossed letterpress effect. Move the embossed text layer to the top. To move any text or adjust its position, make sure you select the text layer and activate the move tool. If you want to align the text position horizontally, press CTRL-A, and click this icon. Use your down arrow key to move it downward. So do with the other text layer.

How to create a letterpress effect in Photoshop.

How to Emboss Text in Photoshop

Now, firstly you are going to make an embossed text effect in Photoshop. So, select the text layer you are going to emboss, then click the fx icon under the layers panel, and select Blending Options. Reduce the Fill Opacity amount to zero.

Then activate the Bevel & Emboss, change the style to Emboss, Technique: Smooth, with Depth amount around 250. Direction: Up, Size: 5 and Soften: 1. Then adjust the shading according to the light perspective on your image, and use it as the global light so that you will no longer bother the set the light direction for the other style settings. Make sure the highlight mode is Screen. Adjust the opacity amount until it looks corresponds to the brightness of the background. And the shadow mode is Multiply. Slide the shadow opacity gauge to adjust its intensity.

How to make a leather embossed text effect in Photoshop.

Now, activate the Inner Shadow. So, because we are going to make an embossed text effect, give it white with Multiply blend mode. Adjust the opacity to around 30%. Use the global light settings we just created in the previous style. Then Distance to around 5 and Size: 32. So the value for these settings depends on your text size.

Adjusting Inner Shadow style in Photoshop.

Then activate the color overlay. Once again, because you are going to make an embossed effect for the top text layer, so give it white. Change the blend mode to Overlay. Set the opacity amount to around 23. If you are done, click OK.

Adjusting color overlay style in Photoshop

That’s for the embossed text effect.

Embossed Text Effect

How to Deboss Text in Photoshop

Now let’s make a debossed text effect for the other text layer. So, select the other text layer, click the fx icon under the projects panel, and select Blending Options. Reduce the opacity amount until zero.

Adjusting Fill Opacity in Photoshop

Activate the Bevel & Emboss style. Set the Style: Emboss, Technique: Smooth, with Depth: 250. And now select Down for the direction, with Soften: 1, and Size: 5. Once again, the adjustments for these settings depend on your text size. Make sure you use the global light. Then follow these remaining settings.

Bevel & Emboss settings for the debossed text effect.

Now, activate the Inner Shadow. Because you are going to make a debossed text effect, so give black for the color with Multiply blend mode. Adjust the distance and the size amount while keeping an eye on the image changes until you’re happy with the result.

Adding the inner shadow style to the text in Photoshop.

Then activate the color overlay and give it black as well. Make sure the blend mode is Overlay and adjust the opacity amount. That’s for the debossed text effect.

Debossed Text Effect in Photoshop

Adding a Lightning Effect using the Curves Adjustment Layer in Photoshop

And lastly, but optional, you might also want to add a lightning effect to the entire image. There are many ways to make a lightning effect in Photoshop. But in this tutorial, we are going to use a curves adjustment layer. Adjust the curves axis downward if you want to dim the lightning effect.

How to dim an image in Photoshop
How to dim in Image using the Curves adjustment layer in Photoshop.

And if you want to add a spotlight, select the layer mask of the curves, activate the brush tool, select the soft round brush, adjust the brush size, with opacity 100%, flow 100%, and smoothing 100%. Make sure the foreground color is black, then brush or click on the same location onto the canvas several times until you get the lightning intensity you want for the spotlight effect.

How to Make a Spotlight Effect in Photoshop
How to make a spotlight effect in Photoshop.

And finally, this is the result.

Embossed and Debossed Text Effect in Photoshop

Alright. That’s how to emboss and deboss text in Photoshop. If you have something to ask, please let me know in the comments section below! Thanks for reading this post!

Subscribe to Our Newsletter!

Love Skillonpage? Get exclusive personalised content right in your Inbox. It's free!

You may also read!

4 Causes Why The Importer Reported a Generic Error in Premiere Pro

This article will show you four possible causes why you got the "The Importer Reported a Generic Error" message

Read More...

10 Free Youtube Thumbnails PSD Templates (Volume 1)

Here are the 10 free YouTube thumbnail PSD template previews. Take note that you need the password to extract

Read More...
How to make a text reveal effect in Premiere Pro

How to Make a Text Reveal Effect in Premiere Pro CC

This article will guide you how to make a text reveal effect in Premiere Pro. Text Reveal effect is

Read More...

Leave a reply:

Your email address will not be published.

Mobile Sliding Menu