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.

Step 2:Background Gradient

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

Step 3:Creating the Metal Piece

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

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.

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

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

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

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

Step 5:Blending Options for the Typography

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

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

Step 6:Adding 4 holes in the corners:

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

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

Now,the small circle truly looks like a hole.

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

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.

My image after painting looks like this one:

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.

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

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

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:

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.

Click to rate this post!

[Total: 1 Average: 5]

Madalin Tudose

A web developer with a crush on SEO. Having my skin in the game of website development and digital marketing for more than 10 years already, you might consider me an expert. At least this is what people call me. Honestly, I HATE that term. I prefer to describe myself as a person who takes action and risks. I test every hypothesis, document every step of the process, and implement what works.

Join the discussion

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

great tutorials thank you
Amit on December 2, 2009 at 5:32 am Reply

Awesome Tutorial, Been Looking For Something Like This For My Header.
Thanks
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.
V on December 2, 2009 at 11:47 am Reply

DUDEEE that is so amazin i mean raelly 🙂 THank UUU
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!
image masking services on December 12, 2009 at 12:56 am Reply

Good tutorial.
Thanks.

Regards,
photo masking
divya on December 15, 2009 at 11:06 pm Reply

Very good turorial, easy to understand.

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

Hy muy bueno el tutorial, me sirvio de mucho
مركز تحميل on January 4, 2010 at 3:39 pm Reply

Wonderful and beautiful
Thank you
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!
DJKingN on January 18, 2010 at 10:41 am Reply

thanks!!! it’s awesome
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.
syazwan on March 16, 2010 at 3:34 am Reply

help! i cant figure out how to do step 7…
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!
TTAR on February 12, 2011 at 12:41 pm Reply

A really nice effect and the choice of font is great, thanks for sharing..!
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.
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 🙂
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
Leaflet Distribution on July 23, 2011 at 9:38 pm Reply

I wanna try on that one for my name…Love it.
condor on September 13, 2011 at 2:51 am Reply

this is smartly design thank you.
Print Cheaper on October 24, 2011 at 6:10 am Reply

Very clever indeed Jacob, thanks.
Rizwan on December 13, 2011 at 4:16 am Reply

Thanks for the tutorial, infact thanks for the extra free downloadable things.
Nikki on February 7, 2012 at 8:21 pm Reply

This is a great tutorial!!!! Thank you so much!!!
BrigetteBierbrauer on August 11, 2012 at 1:02 am Reply

it makes you experience pleasant to look at found in summer months.
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.
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?