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
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.
great tutorials thank you
Awesome Tutorial, Been Looking For Something Like This For My Header.
Thanks
If this same tutorial is applied to creating tombstones (which was required for a project), it works. Excellent tutorial.
DUDEEE that is so amazin i mean raelly 🙂 THank UUU
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!
Ahh, I figured it out! Great tuts, thanks!
Good tutorial.
Thanks.
Regards,
photo masking
Very good turorial, easy to understand.
Thanks
Hy muy bueno el tutorial, me sirvio de mucho
Wonderful and beautiful
Thank you
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!
thanks!!! it’s awesome
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.
help! i cant figure out how to do step 7…
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
Here you have the link to the brushes: http://darkrose42-stock.deviantart.com/art/Grunge-brushes-52712543 !
Thank you!
A really nice effect and the choice of font is great, thanks for sharing..!
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.
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!
Salut Petru,
Merci pentru feedback si succes in Photoshop! Sper sa te mai vad pe aici 🙂
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
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
I wanna try on that one for my name…Love it.
this is smartly design thank you.
Very clever indeed Jacob, thanks.
Thanks for the tutorial, infact thanks for the extra free downloadable things.
This is a great tutorial!!!! Thank you so much!!!
it makes you experience pleasant to look at found in summer months.
very nice
But I suggest putting anchors to the plate to prevent a fall.
Use the same gradient to fill the gap.
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?