by: Madalin Tudosein: Tutorials

How to Create a Metal Piece with a Graved Text on it in Photoshop

In this tutorial I`m gonna show you how to create a piece of metal with a graved text on it.

Along the way I`ll show you how to create effects like Metal Effect,Inner Graved Text Effect or Mirror Reflection Effect in Photoshop.We`ll use two custom elements:a Custom Font and an original Grunge Brush Set.

Check it Out!

Materials needed:

Metal Lord Font by Larabie Fonts

Grunge Brushes by DarkRose

First Step:Creating a New Document

Open Photoshop and create a New Document of 600x400px.

first-step-is-to-set-up-the-photoshop

Step 2:Background Gradient

Now add a sleek black to black gradient for the background,with the next settings:

background-gradient-black-to-black

black-texture

Step 3:Creating the Metal Piece

Grab the Rounded Rectangle Tool(U),set the radius to 15px and draw a rectangle of 370x240px.

metal-piece-initial

Now add the next blending options:

A black Outer Glow with the size of 3px and the opacity of 20%.Be sure to have the blend mode to Multiply,like in the image.

outer-glow-beautiful

Bevel and Emboss with the next settings:Depth:320%,Size:2px,Soften:0px.

bevel-and-emboss

And the hard part,the Gradient Overlay.Apply the settings from the next image to obtain the same result.

hard-gradient-metal-piece

This is how the image looks after applying the set of blending options.

metal-screen-finish-product

Step 4:Creating the Text

Now I want to show you how to create a beautiful inner text effect.For this,download the Metal Lord Font by Larabie Fonts from the top list and type in some words with the font-size of 68px.I wrote “DeliciousThemes”.

deliciousthemes-text-effect

Step 5:Blending Options for the Typography

After typing in some words,add the next blending options:

typography-drop-shadow-metal-piece

inner-shadow-typography-metal-piece

outer-glow-typography-metal-piece

typography-color-overlay-metal-piece

We`ve just obtained a nice metal graved text effect:

metal-grave-typography-text-effect

Step 6:Adding 4 holes in the corners:

Grab the Ellipse Tool and draw a small circle in one of the corners.

hole-in-the-corner

Now add the next blending options to create an inner effect too.

inner-shadow-for-a-hole

color-overlay-for-a-hole

stroke-hole

Now,the small circle truly looks like a hole.

hole-finished

Duplicate the Hole Layer and put one in the rest of the corners.

four-holes

Step 7:Making the Metal Piece a lil bit Grunge:

Firstly,download the Grunge Brush Set from the top-list.Secondly,create a new layer just above the metal piece layer.Then,Ctrl+Click on the Metal Screen Layer to reveal its selection.Now click on the new layer that you`ve just create and paint inside the selection with some grunge brushes from the set.Are you wondering why we must paint inside the selection?The answer is simple:because we want to paint only inside and not outside.

grunge-brushes-paint

My image after painting looks like this one:

intermediate-image

Last Step:Adding a mirror reflection of the Metal Piece:

A last effect that I want to show you is the mirror reflection effect in Photoshop.For this,you have to select all the layers created till now,without the background,and duplicate them.After,merge them in one layer(Ctrl+E).Then flip the layer Vertical by going to Edit->Transform->Flip Vertical and put it under the initial metal piece.

flip-flop-effect

Now,add a Layer Mask for this new layer by going to Layer->Layer Mask->Reveal All.

layer-mask-typography-metal-piece

Now grab the Gradient Tool(G) set a gradient from black to white and paint inside the layer mask like in the image:

start-here-stop-here

You may low a little bit the opacity of the layer for a better mirror reflection effect.

After applying this step you`re done.This is how the final result should looks:

final-result-metal-piece

That was all,my friends!See you next time for another tutorial!

You may follow me on twitter or subscribe to my RSS Feed,or if you wanna receive more Freebies and news from DeliciousThemes,just become a part of our community.

[Total: 1    Average: 5/5]

Madalin Tudose

I`m a web developer. I build HTML Templates and WordPress Themes which are eventually released on ThemeForest under the DeliciousThemes brand.

Join the discussion

  1. designfollows on November 27, 2009 at 11:38 pm Reply

    great tutorials thank you

  2. Amit on December 2, 2009 at 5:32 am Reply

    Awesome Tutorial, Been Looking For Something Like This For My Header.
    Thanks

  3. Kyle on December 2, 2009 at 10:16 am Reply

    If this same tutorial is applied to creating tombstones (which was required for a project), it works. Excellent tutorial.

  4. V on December 2, 2009 at 11:47 am Reply

    DUDEEE that is so amazin i mean raelly 🙂 THank UUU

  5. John on December 5, 2009 at 10:09 pm Reply

    I’m very new to PS and thought I would try this out. I’m having trouble with step 7, I can’t seem to create a layer only above the metal piece. Can you elaborate on that? Everything else came out great!

    1. John on December 6, 2009 at 11:00 pm Reply

      Ahh, I figured it out! Great tuts, thanks!

  6. [PHP] Creare un blocco di metallo con testo inciso! | sastgroup.com on December 7, 2009 at 3:02 am Reply

    […] al tutorial: https://deliciousthemes.com/how-to-create-a-metal-piece-with-a-graved-text-on-it-in-photoshop/ […]

  7. [php] creare un blocco di metallo con testo inciso! on December 7, 2009 at 6:11 pm Reply

    […] Link al tutorial: https://deliciousthemes.com/how-to-create-a-metal-piece-with-a-graved-text-on-it-in-photoshop/ […]

  8. Photoshop-Weblog | Ein Stück Metall on December 10, 2009 at 8:05 am Reply

    […] ein Stück Metall zu gestalten, ist dan dem Tutorial How to Create a Metal Piece with a Graved Text on it mit Photoshop kein Problem. Schade ist nur, dass der Autor des Artikels in seinem Werk eine […]

  9. image masking services on December 12, 2009 at 12:56 am Reply

    Good tutorial.
    Thanks.

    Regards,
    photo masking

  10. divya on December 15, 2009 at 11:06 pm Reply

    Very good turorial, easy to understand.

    Thanks

  11. tutoriale dla adobe flex i photoshop | web-tutoriale.pl on December 17, 2009 at 3:55 pm Reply

    […] jak zrobić kawałek metalu z wygrawerowanym tekstem […]

  12. The Best 40 Photoshop Text Effects from 2009 | Programming Blog on December 18, 2009 at 8:26 am Reply

    […] Create a Metal Piece with a Graved Text […]

  13. 40 آموزش افکت متنی در فتوشاپ | به وبلاگ کرل دیزاین خوش آمدید on December 18, 2009 at 1:41 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  14. En iyi 40 Adet Photoshop Yazı Efekti « Kaangokce on December 18, 2009 at 5:41 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  15. The Best 40 Photoshop Text Effects from 2009 | 嗨，来网络 on December 19, 2009 at 2:09 am Reply

    […] Create a Metal Piece with a Graved Text […]

  16. The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine on December 20, 2009 at 1:26 am Reply

    […] Create a Metal Piece with a Graved Text […]

  17. 2009年40个华丽的photoshop 文字特效设计 | Jackchen Design 1984 on December 20, 2009 at 5:43 am Reply

    […] Create a Metal Piece with a Graved Text […]

  18. 2009年国外最佳文字效果photoshop教程 | Focusec on December 20, 2009 at 12:03 pm Reply

    […] 用庄重严肃的文字制作金属片 […]

  19. The Best 40 Photoshop Text Effects « Om Net Solution on December 23, 2009 at 7:32 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  20. Text Effect with Photoshop « Foruse Design Studio on December 25, 2009 at 8:58 am Reply

    […] Create a Metal Piece with a Graved Text […]

  21. 2009年40个最佳Photoshop字体设计教程_新勺网| 专注于引进国外设计资源和设计酷站_ on December 25, 2009 at 8:26 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  22. The Best 40 Photoshop Text Effects from 2009 « Social-Press on December 29, 2009 at 3:06 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  23. Twitted by Syncphoto on December 31, 2009 at 9:52 pm Reply

    […] This post was Twitted by Syncphoto […]

  24. Abel Arenivar on January 1, 2010 at 12:35 pm Reply

    Hy muy bueno el tutorial, me sirvio de mucho

  25. مركز تحميل on January 4, 2010 at 3:39 pm Reply

    Wonderful and beautiful
    Thank you

  26. Los mejores 40 Efectos de Texto en Photoshop on January 6, 2010 at 5:22 am Reply

    […] Create a Metal Piece with a Graved Text […]

  27. KaKashi on January 7, 2010 at 4:52 pm Reply

    Very Welldone! Can you tell me how do i add a new pic without loosing background? i mean i want to remove a side pic and want to add a new one but i don’t want to loose my background!

  28. 40款最漂亮的PhotoShop特效文字制作教程 « 幻岛|领地 on January 9, 2010 at 5:37 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  29. 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine on January 13, 2010 at 4:14 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  30. 140+ High Quality Categorized Photoshop Text Effect Tutorials | Programming Blog on January 13, 2010 at 8:53 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  31. 140+ High Quality Categorized Photoshop Text Effect Tutorials | Afif Fattouh - Web Specialist on January 14, 2010 at 3:45 am Reply

    […] Create a Metal Piece with a Graved Text […]

  32. The Best 40 Photoshop Text Effects from 2009 | Seventy Seven on January 16, 2010 at 2:10 am Reply

    […] Create a Metal Piece with a Graved Text […]

  33. DJKingN on January 18, 2010 at 10:41 am Reply

    thanks!!! it’s awesome

  34. Los Mejores Efectos de texto de Photoshop en 2009 « phorias on January 20, 2010 at 7:25 am Reply

    […] Create a Metal Piece with a Graved Text […]

  35. CANT FIGURE IT OUT on January 20, 2010 at 1:54 pm Reply

    Hi. I know this tutorial was not made for elements but i have elements 8 and was wondering if you could show me how to do it on that.

  36. 2009年最经典40个photoshop教程 « Lx实验室 on February 8, 2010 at 9:26 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  37. syazwan on March 16, 2010 at 3:34 am Reply

    help! i cant figure out how to do step 7…

  38. Mjs 1 Productions on October 25, 2010 at 3:15 pm Reply

    YES…I LIKED THIS TUTORIAL VERY MUCH…..IM HAVING A PROBLEM FINDING THE LINK TO THE GRUNGE BRUSH DOWNLOADS……I WOULD LIKE SOME GRUNGE EFFECT TUTORIALS

    TANKS

    1. Madalin Tudose on October 26, 2010 at 9:09 am Reply

      Here you have the link to the brushes: http://darkrose42-stock.deviantart.com/art/Grunge-brushes-52712543 !
      Thank you!

  39. FreeDownloadSecrets.com » 45 Useful Tutorials Of “How To Create Astonishing Text Effect” On Photoshop on November 9, 2010 at 7:02 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  40. 45 Useful Tutorials Of “How To Create Astonishing Text Effect” On Photoshop | Programming Blog on November 10, 2010 at 4:12 am Reply

    […] Create a Metal Piece with a Graved Text […]

  41. TTAR on February 12, 2011 at 12:41 pm Reply

    A really nice effect and the choice of font is great, thanks for sharing..!

  42. Best Photoshop Tutorials in Creating a Realistic 3D Effect | DownGraf - Design weblog for designers on March 10, 2011 at 9:35 am Reply

    […] Read the full tutorial […]

  43. Luis on May 11, 2011 at 4:31 pm Reply

    when done with the gradient add noise at about 65% gaussian Monochromatic, then Motion blur angle 0 distance about 40. then cut out the exterior and you have an even better metal effect.

  44. Photoshop Text Effects Till You Collapse :D (140+) on May 12, 2011 at 1:12 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  45. petru on June 1, 2011 at 6:53 am Reply

    ma uite ca am dat si de artisti romani photoshoperieni care fac tutoriale foarte faine…felicitari!…si intr-adevar sa stii ca cel putin eu pana acuma n-am gasit alt tutorial exact din asta.
    o sa vad ce reusesc sa fac…dar cu toate indicatiile astea ar trebui sa mearga…felicitari inaca o data!

    1. Madalin Tudose on June 3, 2011 at 9:16 am Reply

      Salut Petru,

      Merci pentru feedback si succes in Photoshop! Sper sa te mai vad pe aici 🙂

  46. petru on June 6, 2011 at 2:41 am Reply

    Ciao,merci si eu…sa fie succes!
    Am vrut sa te intreb si eu niste chestii daca se poate…binenteles asta cu gandul ca stii sa-mi raspunzi :).

    Uite am vrut si eu sa te intreb cateva chestii despre WebDesign.Sunt novice in tot ce inseamna WebDesign – am inceput si eu sa invat cate ceva -sa lucrez in programe din astea,mai ales cele de la Adobe -Photoshop,Dreamweaver,Flash, ceva codare,ca sa zic asa, -html,css,javascript,jquery.
    Dar asta am vrut sa te intreb -cum sta treaba cu WebDesignu’ asta,se pot face ceva banuti cat de cat din asta (binenteles ca e vorba si de bani :)).
    Acuma nu stiu unde stai in Romania sau in alta tara,dar as vrea sa stiu daca stii sa-mi spui cam cu e in Romania cu WebDesignu’,exista diferente dintre cum merg lucrurile in Romania fata de tari din astea mai dezvoltate.Ai sanse sa poti sa traiesti de exemplu in Romania numai din WebDesign si cum?,adica cam ce ar trebui sa stii si la ce nivel?
    De exemplu trebuie sa fii angajat undeva,sau poti sa traiesti din WebDesign si ca freelancer?.Si cam ce ar trebui sa stii asa aproximativ ca sa te angajaze cineva ca WebDesigner,sau ce ar trebui sa stii si sa faci ca sa te descurci ca freelancer?
    Si nu in ultimul rand,ce mai sfatui sa fac vizavi de treaba asta?

    Merci si sper ca n-am pus intrebari inadecvate,daca da atunci… scuzele mele.
    Astept raspunsul tau.Ciao

    1. Madalin Tudose on June 6, 2011 at 9:18 am Reply

      Salut,

      Ca web designer poti trai in Romania avand in vedere ca desi avem impresia ca traiul e scump, de fapt e foarte bine la noi…te-as sfatui sa pleci din romania si sa traiesti in Thailanda de exemplu cu 100 de euro pe luna…:P glumesc, bineinteles, dar bani din web design sunt…
      Nu te as sfatui sa lucrezi in Romania pentru romani, pentru ca romanii sunt pretentiosi la site-uri(vor site, forum, chat, etc…ar vrea sa-si faca si ei un site ca Facebook ca are succes 😛 ) si zgarciti la bani(acuma asta e adevarul…inca e criza)…nu poti sa-i ceri romanului 1000 de euro pentru un site, dar poti sa-i ceri englezului 2000 pentru ca are de unde iar ei sunt mult my avansati in ceea ce priveste un site pentru un business…(adica ei majoritatea au net, pe cand la noi nu toata lumea are acces).

      Oricum, poti trai din web design ca freelancer…ai inceput bine…Photoshop, CSS, HTML, jQuery e de ajuns pentru web design, nu trebuie sa stii si Javascript…doar sa stii sa implementezi un plugin jQuery…insa iti spun ca e ffffffffffffffffffffffff mult de munca…daca nu faci asta toata ziua, nu prea ai sanse…sincer si cu parere de rau…

      Te as sfatui sa stai pe site-uri de design(ca al meu :P) si altele(vezi Our Friends la mine, apoi Our friends la altii) si tot asa…vezi ce fac altii, poate iti faci si tu un blog ca astea…

      Te sfatuiesc sa inveti WordPress…e foarte frumos, e must have pentru freelanceri iar comunitatea este foarte mare…

      In rest, multa dedicare, pasiune si placere…restul vin de la sine…insa toate la timpul lor…

      Bye

  47. Leaflet Distribution on July 23, 2011 at 9:38 pm Reply

    I wanna try on that one for my name…Love it.

  48. condor on September 13, 2011 at 2:51 am Reply

    this is smartly design thank you.

  49. 150 Photoshop Text Effects Tutorials | Lake of Web on September 18, 2011 at 3:19 pm Reply

    […] Create a Metal Piece with a Graved Text […]

  50. 10 Best Photoshop Metal Effect Tutorials | Tips for Designers, Graphics, Blogs and inspiration feed on October 4, 2011 at 4:11 pm Reply

    […] How to Create a Metal Piece with a Graved Text on it in Photoshop […]

  51. Print Cheaper on October 24, 2011 at 6:10 am Reply

    Very clever indeed Jacob, thanks.

  52. Rizwan on December 13, 2011 at 4:16 am Reply

    Thanks for the tutorial, infact thanks for the extra free downloadable things.

  53. 33Photoshop Text Effects | Spelb.com on December 30, 2011 at 1:07 pm Reply

    […] 21) Create a Metal Piece with a Graved Text Metal Piece Photoshop Text Effects […]

  54. 150 High Quality Categorized Photoshop Text Effect Tutorials | WPbase on January 1, 2012 at 12:55 am Reply

    […] Create a Metal Piece with a Graved Text […]

  55. Nikki on February 7, 2012 at 8:21 pm Reply

    This is a great tutorial!!!! Thank you so much!!!

  56. BrigetteBierbrauer on August 11, 2012 at 1:02 am Reply

    it makes you experience pleasant to look at found in summer months.

  57. Miguelator on August 28, 2012 at 3:24 pm Reply

    very nice
    But I suggest putting anchors to the plate to prevent a fall.
    Use the same gradient to fill the gap.

  58. Darren T on February 15, 2013 at 7:20 am Reply

    Hi there

    I know this is a little old now but was hoping you can help. It sounds silly but whenever I try to create the small circles I never get the shadow effect. Just white circles with a grey outline.

    Any suggestions?

Leave a Comment

Your email address will not be published. Marked fields are required.