Want a really stylish embossed text effect? It’s been over 2 months since the last photoshop tutorial I posted, but I have great news for you — I am back online with loads of new stuff to show you, so stay tuned for all our upcoming tuts!

Today, we will begin with this lovely text effect, and as most readers request, we also release the PSD for download for only $1. The PSD is for learning purposes only; you can incorporate it into a project for a client, but you cannot directly resell this file.

Enough talking; let’s get started.

Embossed text effect photoshop

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Step 1. Preparing Photoshop Canvas.

Create a new Photoshop file (Ctrl + N). We are using 600*400 size here, but as always — yours could be a lot bigger if you need it.

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Using the Paint Bucket tool, fill the canvas with dark grey-blue color — #535559.

Step 2. Choose the font.

I am a big fan of all the fonts that were used and famous back in the ’50s, so my all-time favorite font will probably be “Bello.” It’s not free, but you can purchase it online. Please note that the font will NOT be included if you purchase the PSD file as we cannot distribute commercial fonts. So, if you have Bello font, select it and type your word in a big letter. We used 188pt here.

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Step 3. Adding Layer Styles.

While your text layer is still selected, go to Layer >> Layer Styles, and apply the following settings…

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow
embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Now the background texture. We will be using the pattern we created ourselves, and if you purchase the PSD file, it will already be included in the style.

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Lastly, we will add a 1px stroke with a gradient overlay to give the text more depth.

Banner
embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

We have got this far with all the layer styles applied correctly. If your result differs from what you see here, go back and check if all the settings for layer styles have been applied correctly; so far, it’s only the technical part, so you should not have any problem.

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Step 4. Adding Depth to Canvas.

It’s the era of web 2.0, and having a flat canvas can ruin any effect, no matter how beautiful it is, so if we want our product to pop, it has to have some depth. That’s why we will not go back to the base canvas (if it’s locked, double-click it on the layer palette, and press OK to unlock). Go to Layer >> Layer Styles, and apply the following settings:

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow
embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

For the gradient, use the following colors:
1. #667c85 as the light blue
2. #475e68 as the dark blue

Here is what we have got so far…

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Step 5. Adding Gloss

Press “Ctrl” and click on the text layer in your Photoshop layers palette. This will load a selection of text.

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Create a new layer on top of all the others. Using the gradient tool, from white to transparent, draw a line from the top of the text to the bottom. This will add a mild yet visible gradient to the reader.

Using the elliptical lasso tool, draw a circle, as you can see in the picture below:

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Go to Select >> Inverse to inverse the selection and press “delete” to delete the gradient’s rest. This will leave the gloss only on the upper part of the text, like this:

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Now, to give it a pleasant and natural touch, set the layer opacity of the gloss to “Overlay” (please see below):

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

Step 6. Adding Sparkles

The next step is adding sweet sparkles all around the text. This will give it a more depth, dreamy and elegant feel.  Create a new Photoshop layer on top of the rest. Using your Brush Tool, pick the 27pixel brush with a soft edge, and using the white color, chaotically spread some dots on the edges of the text.

Banner

Set the fill opacity of the dots to 70%. Switch from “Normal” to “overlay” mode.

TIP: only apply the dots where the the stroke of the text is white, this will enhance the light effect.

So far, if you have followed the steps closely, you should have received this:

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow

We also added some more glow with different brushes, but be sure not to overdo it because it’s better to have less gloss and too much of it.
Designed Stylish Embossed Text with Metallic Glow - PS Tutorials Lorelei Web Design

I hope you enjoyed this Photoshop tutorial, and be sure also to check our other Photoshop tutorials and subscribe to the feed. If you’d like to learn faster, please buy the tutorial’s PSD file for only $1.00. When you complete the checkout, click the “return to merchant” button — the download will start automatically. If, for whatever reason, the download did not redirect you, please leave a comment below or email us, and we will send you the file asap. Thank you!

embossed text effect photoshop - Designed Stylish Embossed Text with Metallic Glow - buy