Designed Stylish Embossed Text with Metallic Glow



It’s been over 2 months since the last photoshop tutorial I had posted, but I have great news for you — I am back online with loads of new stuff to show you, so stay tune for all our upcoming tuts! Today, we will begin with this nice and beautiful 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 in a project for a client, but you cannot directly resell this very file.

Enough talking, let’s get started.

https://i1.wp.com/loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg?w=1080

Step 1. Preparing the 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.

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

Step 2. Choosing the font.

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

Step 3. Adding Layer Styles.

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

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

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

This is what we have got so 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.

Step 4. Adding Depth to the 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 effect to pop, it has to have some depth. That’s why we will not get back to the base canvas (if it’s locked, simply double click it on the layers palette, and press OK to unlock). Go to Layer >> Layer Styles, and apply the following settings:

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…

Step 5. Adding Gloss

Press “Ctrl” and click on the text layer in your Photoshop’s layers palette, this will load a selection for text.

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 mild yet visible gradient to the text.

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

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

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

Step 6. Adding Sparkles

The next and the last step, is to add sweet sparkles all around the text, this will give it 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 soft edge, and using the white color, chaotically spread some dots on the edges of the text.

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 followed the steps closely, you should have received this:

We also went ahead and 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.

I hope you enjoyed this Photoshop tutorial, and be sure to also check our other Photoshop tutorials and subscribe to the feed. If you’d like to learn faster, please feel free to buy the psd file of this tutorial, for only $1.00. When you complete the checkout, remember to click “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, we will send you the file asap. Thank you!

https://i1.wp.com/loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg?w=1080

You Might Also Like

54 Comments

  • Reply Tweets that mention Designed Stylish Embossed Text with Metallic Glow : Lorelei Web Design -- Topsy.com August 31, 2010 at 9:59 am

    […] This post was mentioned on Twitter by Design Sauce, LoreleiWeb. LoreleiWeb said: Designed Stylish Embossed Text with Metallic Glow http://goo.gl/fb/ukgZB […]

  • Reply chrissyna August 31, 2010 at 12:24 pm

    Thanks for the detailed explanation. It’s really helpful.

  • Reply Alan September 1, 2010 at 4:31 am

    Great tut! Thank you very much.

  • Reply RALF September 1, 2010 at 4:35 am

    W0W, amazing tutorial, thank you Lorelei! You are GREAT!

  • Reply will September 1, 2010 at 4:37 am

    amazing! possibly the best and most useful tut on this site. I learned so many things in this one.

  • Reply Kelly H September 1, 2010 at 7:51 am

    Thanks for this post. The effects used will come in really handy for things like logo design when I’m wanting something to stand out on a page.

  • Reply 20 Stunning Photoshop Text Effects With Guide | DesDevWeb October 11, 2011 at 7:05 pm

    […] Embossed Text with Metallic Glow […]

  • Reply Vii October 27, 2011 at 1:10 pm

    It help me a lot.. 😀
    Thanks

  • Reply 新鲜及令人印象深刻的收集Photoshop教程 | 引领人生 November 3, 2011 at 8:19 am

    […] 与金属发光的浮雕文字 […]

  • Reply Deloise Franceschina November 4, 2011 at 8:26 pm

    Bluehost Coupon Promo Code

  • Reply Gaston Cavasos November 22, 2011 at 1:03 pm

    Very good blog post! I’ve been a lurker on your site for a long time but just wanted to let you know I like your posts.

  • Reply Downgraf – Design weblog for designers » 100 Best Photoshop Design Tutorials From 2010 December 3, 2011 at 5:20 pm

    […] 59. embossed text effect […]

  • Reply Downgraf – Design weblog for designers » 20 Creative Photoshop Text Effect Tutorials December 9, 2011 at 5:28 am

    […] Embossed Text with Metallic Glow […]

  • Reply Kristi December 12, 2011 at 3:47 pm

    hey alan 😉 call me, 928-444-6405

  • Reply Kris January 10, 2012 at 12:39 am

    I tried to buy the tut but the page couldn’t load 🙁

  • Reply Kris January 10, 2012 at 12:40 am

    I tried to buy the tut but the page couldn’t load 🙁

  • Reply edi January 11, 2012 at 3:36 am

    Amazinª!

  • Reply zTriick January 16, 2012 at 1:25 am

    Worked perfectly! Here’s my attempt: http://habbocustoms.com/uploads/1326676835zTriick2.png

  • Reply 40 Detailed Photoshop Tutorials For Working with Photos | 1step web design: Best for developer and designer February 14, 2012 at 7:42 am

    […] Design Stylish Embossed Text with Metallic Glow […]

  • Reply 10 Best Photoshop Text Effect - Design Freebies February 22, 2012 at 4:02 pm

    […] 7. Designed Stylish Embossed Text With Metallic Glow […]

  • Reply 105 Adet Tipografik Tasarım Örneği « Paylaş Gelsin February 25, 2012 at 6:45 pm

    […] 3) Design a Nice Shining Text Effect […]

  • Reply 15 Tutorial Membuat Text Effect dengan Photoshop « Belajar Desain March 2, 2012 at 6:57 am

    […] Stylish Embossed Text […]

  • Reply Photoshop Tuts | Pearltrees March 25, 2012 at 4:42 am

    […] Designed Stylish Embossed Text with Metallic Glow | Lorelei Web Design t’s been over 2 months since the last photoshop tutorial I had posted, but I have great news for you — I am back online with loads of new stuff to show you, so stay tune for all our upcoming tuts! Today, we will begin with this nice and beautiful 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 in a project for a client, but you cannot directly resell this very file. […]

  • Reply Fresh & Impressive Collection Photoshop Tutorials April 27, 2012 at 7:48 am

    […] Embossed Text with Metallic Glow […]

  • Reply 7 Useful Photoshop Letterpress Tutorials - Design Freebies May 11, 2012 at 4:09 pm

    […] 3. Designed stylish embossed text with metallic glow […]

  • Reply hcg activator gnc canada July 2, 2012 at 10:03 pm

    Hmm it seems like your website ate my first comment (it was
    extremely long) so I guess I’ll just sum it up what I wrote and say, I’m thoroughly enjoying your blog. I too am an aspiring blog writer but I’m still new to everything. Do you have any tips for rookie blog writers? I’d genuinely appreciate it.

  • Reply 100 Best Photoshop Design Tutorials From 2010 | Web design blog July 12, 2012 at 3:43 pm

    […] Create Beauty Woman Effect in Photoshop58. Create Futuristic Berserker Scene using 3D Techniques59. embossed text effect60. How to create a Death Angel Concept Design in Photoshop61. Design Skin Text Effect62. Create A […]

  • Reply 100 Text Effects In Photoshop Tutorial You Shouldn't Miss! | BenDaggers.com | Feeding Your Dirty Doubting Minds. July 15, 2012 at 4:04 pm

    […] Design a Nice Shining Text Effect tutorial here. […]

  • Reply Photoshop Tutorial–Embossed Shiny Text October 20, 2012 at 6:55 am

    […] Free Photoshop Typography Tutorial […]

  • Reply Fresh and Excellent Photoshop Tutorials November 7, 2012 at 12:00 pm

    […] Tutorial Link […]

  • Reply 100+ Fresh and Excellent Photoshop Tutorials | Tutorials | instantShift - Web Design Magazine November 8, 2012 at 8:05 am

    […] Tutorial Link Top ↑ […]

  • Reply 10 Photoshop Text Effect Tutorials | photoshop tutorial December 25, 2012 at 8:36 am

    […] Designed Stylish Embossed Text with Metallic Glow […]

  • Reply Texto metálico con Photoshop | Diego Bermúdez | Blog de diseño gráfico January 30, 2013 at 12:19 pm

    […] Vía | loreleiwebdesign.com […]

  • Reply 15 Tutorial Membuat Text Effect dengan Photoshop | trixphotoshop May 9, 2013 at 6:19 am

    […] Stylish Embossed Text […]

  • Reply TUTO – Effet de texte | Creation Photo magazine May 28, 2013 at 2:55 pm

    […] Un bel effet de texte à réaliser chez LORELEI WEBDESIGN […]

  • Reply 20 Creative Photoshop Text Effect Tutorials - Speckyboy Design Magazine August 17, 2013 at 3:37 pm

    […] Embossed Text with Metallic Glow […]

  • Reply Fresh & Impressive Collection Photoshop Tutorials September 19, 2013 at 2:26 pm

    […] Embossed Text with Metallic Glow […]

  • Reply 15 Fresh Typography Tutorials for Photoshop and Illustrator : Garmahis Design Magazine January 9, 2014 at 2:00 am

    […] Stylish Embossed Text Embossing is a bit of an art form of its own and this tutorial provides excellent steps to get your text to look just right. […]

  • Reply Tutorial Membuat Text Effect dengan Photoshop | protezholicers April 24, 2014 at 9:01 pm

    […] Stylish Embossed Text […]

  • Reply 20 Best Photoshop Typography Tutorials - Part 2 | Informatives October 4, 2014 at 9:13 pm

    […] View Tutorial […]

  • Reply 50 Creative Photoshop Text Effect Tutorials April 2, 2015 at 11:34 pm

    […] Embossed Text with Metallic Glow […]

  • Reply 50 Essential Photoshop Text Effect Tutorials | socialographers June 24, 2015 at 3:27 pm

    […] Designed Stylish Embossed Text with Metallic Glow […]

  • Reply 50 Carefully Selected Photoshop Text Effect Tutorials - MonsterPost September 4, 2015 at 2:14 pm

    […] Designed Stylish Embossed Text with Metallic Glow […]

  • Reply 15 Tutorial Membuat Text Effect dengan Photoshop - IDEsainesia October 9, 2016 at 11:46 am

    […] Stylish Embossed Text […]

  • Reply John B. January 23, 2018 at 7:54 am

    Amazing will try it out, buy real spotify followers and very well explained,
    buy instagram followers

  • Reply 15 TUTORIAL MEMBUAT TEXT EFFECT DENGAN PHOTOSHOP – DesainVisual January 25, 2018 at 4:34 am

    […] Stylish Embossed Text […]

  • Reply joe February 19, 2018 at 3:11 am

    this original post was 8 years ago, is it still avail for download? I really like the pattern overlay you built

  • Reply 50 Tutoriales de creación de efectos de texto con Photoshop April 5, 2018 at 1:21 pm

    […] Designed Stylish Embossed Text with Metallic Glow […]

  • Reply 50 efektów tekstowych w Photoshop: uzupełnij swoj projekty o stylową typografię May 2, 2018 at 12:07 pm

    […] Stylowy wytłoczony tekst z metalicznym blaskiem […]

  • Reply Top 50 Text Effect Photoshop Tutorials May 4, 2018 at 5:01 pm

    […] Embossed Text with Metallic Glow […]

  • Reply Gondosan kiválasztott Photoshop szöveghatás oktatóanyagok May 21, 2018 at 8:29 am

    […] Stílusos dombornyomott szöveg fémes izzással […]

  • Reply 100+ Best Photoshop Text Effects Tutorials – Free For Design June 1, 2018 at 7:28 am

    […] Designed Stylish Embossed Text with Metallic Glow […]

  • Reply Dianne Emerson August 16, 2018 at 11:56 am

    This is really an amazing tutorial for me. I learn a lot from this blog. Many many thanks for sharing with us.

  • Leave a Reply

    This site uses Akismet to reduce spam. Learn how your comment data is processed.