Photoshop Tutorials and Downloads




Designed Stylish Embossed Text with Metallic Glow

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.

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…

Pages: 1 2 3


14 Comments

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

  2. Great tut! Thank you very much.

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

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

  5. 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.

  6. It help me a lot.. :D
    Thanks

  7. Bluehost Coupon Promo Code

  8. 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.

  9. hey alan ;) call me, 928-444-6405

  10. I tried to buy the tut but the page couldn’t load :(

  11. I tried to buy the tut but the page couldn’t load :(

  12. Amazinª!

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

  14. 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.

Trackbacks/Pingbacks

  1. Tweets that mention Designed Stylish Embossed Text with Metallic Glow : Lorelei Web Design -- Topsy.com - [...] This post was mentioned on Twitter by Design Sauce, LoreleiWeb. LoreleiWeb said: Designed Stylish Embossed Text with Metallic Glow …
  2. 20 Stunning Photoshop Text Effects With Guide | DesDevWeb - [...] Embossed Text with Metallic Glow [...]
  3. 新鲜及令人印象深刻的收集Photoshop教程 | 引领人生 - [...] 与金属发光的浮雕文字 [...]
  4. Downgraf – Design weblog for designers » 100 Best Photoshop Design Tutorials From 2010 - [...] 59. embossed text effect [...]
  5. Downgraf – Design weblog for designers » 20 Creative Photoshop Text Effect Tutorials - [...] Embossed Text with Metallic Glow [...]
  6. 40 Detailed Photoshop Tutorials For Working with Photos | 1step web design: Best for developer and designer - [...] Design Stylish Embossed Text with Metallic Glow [...]
  7. 10 Best Photoshop Text Effect - Design Freebies - [...] 7. Designed Stylish Embossed Text With Metallic Glow [...]
  8. 105 Adet Tipografik Tasarım Örneği « Paylaş Gelsin - [...] 3) Design a Nice Shining Text Effect [...]
  9. 15 Tutorial Membuat Text Effect dengan Photoshop « Belajar Desain - [...] Stylish Embossed Text [...]
  10. Photoshop Tuts | Pearltrees - [...] Designed Stylish Embossed Text with Metallic Glow | Lorelei Web Design t’s been over 2 months since the last …
  11. Fresh & Impressive Collection Photoshop Tutorials - [...] Embossed Text with Metallic Glow [...]
  12. 7 Useful Photoshop Letterpress Tutorials - Design Freebies - [...] 3. Designed stylish embossed text with metallic glow [...]
  13. Photoshop Resource | Graphics Design 4 U - [...] http://loreleiwebdesign.com/2010/08/31/designed-stylish-embossed-text-with-metallic-glow/ [...]
  14. 100 Best Photoshop Design Tutorials From 2010 | Web design blog - [...] Create Beauty Woman Effect in Photoshop58. Create Futuristic Berserker Scene using 3D Techniques59. embossed text effect60. How to create …
  15. 100 Text Effects In Photoshop Tutorial You Shouldn't Miss! | BenDaggers.com | Feeding Your Dirty Doubting Minds. - [...] Design a Nice Shining Text Effect tutorial here. [...]
  16. Photoshop Tutorial–Embossed Shiny Text - [...] Free Photoshop Typography Tutorial [...]
  17. Fresh and Excellent Photoshop Tutorials - [...] Tutorial Link [...]
  18. 100+ Fresh and Excellent Photoshop Tutorials | Tutorials | instantShift - Web Design Magazine - [...] Tutorial Link Top ↑ [...]
  19. 10 Photoshop Text Effect Tutorials | photoshop tutorial - [...] Designed Stylish Embossed Text with Metallic Glow [...]
  20. Texto metálico con Photoshop | Diego Bermúdez | Blog de diseño gráfico - [...] Vía | loreleiwebdesign.com [...]
  21. 15 Tutorial Membuat Text Effect dengan Photoshop | trixphotoshop - [...] Stylish Embossed Text [...]
  22. TUTO – Effet de texte | Creation Photo magazine - [...] Un bel effet de texte à réaliser chez LORELEI WEBDESIGN [...]
  23. 15 Fresh Typography Tutorials for Photoshop and Illustrator : Garmahis Design Magazine - […] Stylish Embossed Text Embossing is a bit of an art form of its own and this tutorial provides excellent …

Leave a Comment

Your email address will not be published. Required fields are marked *


− two = 1

Choose a Rating

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>