Skip to content

Add Embossed Effect to Logos/Text in Photoshop

Embossed Effect in Photoshop

We, as a designer, are habitual of using Photoshop mockups to make our designs, logos, and typography stand out. But, why use mockups if we can create those textured embossed effects in Photoshop on our own. Today’s tutorial is about creating or adding Embossed Effect to Logos and Text in Photoshop.

With the help of Bevel & Emboss Layer Style, we will add Embossed Effect to Logos and Text in Photoshop.

Bonus Tutorial : Emboss Text Effect in Adobe Illustrator

Embossed Effect in Photoshop

Launch Adobe Photoshop and create a new document. Then follow the following steps to create an Embossed Effect in Photoshop:

Step 1

In the Layers Panel, unlock the Background Layer by clicking on the padlock icon. Then click on the fx icon to apply Pattern Overlay. In the Pattern Overlay Layer Style dialogue box, select Gray Granite Pattern and adjust the Scale percentage.

Unlock the layer
Click on Add a Layer Style
Select Pattern Overlay
Apply Pattern Overlay Layer Style
Embossed Effect in Photoshop
Step 2

I am using a sample logo with text for this Emboss Effect Photoshop Tutorial. You can use your own design, text, or shape on which you want to add Embossed Effect.

Note: Make sure to rasterize your design to apply filters to it.

Step 3

Now select the layer and click on the fx icon to apply the Bevel Emboss Layer Style.

Select Bevel Emboss

In the Bevel & Emboss dialogue box, set Style to Emboss and Technique to Smooth. Then set the Depth percentage and reduce the Size and Soften pixels. Set the Angle of Shading to 45 degrees. Also, reduce the Opacity of Highlight and Shadow Mode.

Apply Bevel and Emboss Layer Style
Emboss effect in Photoshop
Step 4

Now select Texture under Bevel & Emboss Layer Style to make the Emboss effect look realistic. We will apply the same Gray Granite texture to the emboss which we had applied in the background layer.

Apply Texture to the Emboss effect
Emboss Effect in Photoshop
Step 5

With the help of Color Overlay Layer Style, you can also add colors to your embossed design.

Embossed Effect in Photoshop

This was a quick and easy tutorial to add or create Embossed Effect in Photoshop.

Practice this Photoshop tutorial and share your views in the comment section. Also, share this tutorial with others.

For any suggestion or query, you can write us at contact@vividesigning.com.

Subscribe to vividesigning.com to receive latest posts through emails.

About Vivi Designing
Vivi Designing is a Designing resource for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

Leave a Reply

Your email address will not be published.

twelve + three =