How to create an embossed banner

Few weeks ago in our Pinay Mommy Community FB group, one of our dear mommies asked about how to make those embossed banners/badges. So in response to her, I decided to make a tutorial on sample settings on how make such in Photoshop.

1. Let us start by opening your banner in Photoshop (assuming you have an existing flat banner). I will use my own 125x125 banner for this tutorial.

2. Then duplicate it (press CTRL+J).

3. Click the Add a layer style button at the bottom of the Layer palette and choose Bevel and Emboss.

4. In Bevel and Emboss option window, do the following settings and click OK when you are done.

5. After hitting OK, here is now my badge with an emboss effect.

So simple, right. My flat banner becomes an embossed one in just few steps. To make it easier for you, here is another simple trick if you want to apply the same settings to all your badges.

Point the mouse on the layer name of the embossed badge, right click and choose Copy Layer Style from the options.

Then, open your other badge. Point the mouse on the layer name, right click and choose Paste Layer Style from the options.

Do the same thing to the rest of your badges. It could save your time if you have 3 or more banners.


The settings I gave are just sample for 125x125 badges. You are free to adjust and modify these settings according to your desire. For example, if you want more embossed badge, increase the Depth to 120% or more, or the slider options for the size and soften in the Bevel and Emboss settings. So it depends on your needs. What I have shown you is just basic steps to get you started.

By the way if you want to make a round badge, I have a separate posted tutorial on my other site. You can also download a psd file of that round badge templates for high quality printing projects and for web display.

Hope this piece of information could help you. Just get back to me anytime if you find any difficulty in following the steps. Happy badge embossing!