Friday, November 27th, 2009

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

thumbnail-metal-piece1

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 600×400px.

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 370×240px.

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

ourtuts-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 OurTuts,just become a part of our community by just entering your name and E-mail in the for below.I promise that you won`t regret!

Our strict privacy policy keeps your email address 100% safe & secure.



Author: Madalin Tudose

Hello!My name is Madalin Tudose and I`m the founder of OurTuts blog.I love design and spend a lot of my time learning Photoshop techniques and putting them in practice.


...and don`t forget to subscribe:

Subscribe via RSS
Subscribe via Twitter
Subscribe via E-mail

37 Responses

November 27, 2009

great tutorials thank you

[Reply]


December 2, 2009

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

[Reply]


December 2, 2009
Kyle

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

[Reply]


December 2, 2009
V

DUDEEE that is so amazin i mean raelly :) THank UUU

[Reply]


December 5, 2009
John

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!

[Reply]

John Reply:

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

[Reply]


December 12, 2009

Good tutorial.
Thanks.

Regards,
photo masking

[Reply]


December 15, 2009
divya

Very good turorial, easy to understand.

Thanks

[Reply]


January 1, 2010

Hy muy bueno el tutorial, me sirvio de mucho

[Reply]


January 4, 2010

Wonderful and beautiful
Thank you

[Reply]


January 7, 2010
KaKashi

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!

[Reply]


January 18, 2010
DJKingN

thanks!!! it’s awesome

[Reply]


January 20, 2010
CANT FIGURE IT OUT

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.

[Reply]


Trackback

  1. [PHP] Creare un blocco di metallo con testo inciso! | sastgroup.com
  2. [php] creare un blocco di metallo con testo inciso!
  3. Photoshop-Weblog | Ein Stück Metall
  4. tutoriale dla adobe flex i photoshop | web-tutoriale.pl
  5. The Best 40 Photoshop Text Effects from 2009 | Programming Blog
  6. 40 آموزش افکت متنی در فتوشاپ | به وبلاگ کرل دیزاین خوش آمدید
  7. En iyi 40 Adet Photoshop Yazı Efekti « Kaangokce
  8. The Best 40 Photoshop Text Effects from 2009 | 嗨,来网络
  9. The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine
  10. 2009年40个华丽的photoshop 文字特效设计 | Jackchen Design 1984
  11. 2009年国外最佳文字效果photoshop教程 | Focusec
  12. The Best 40 Photoshop Text Effects « Om Net Solution
  13. Text Effect with Photoshop « Foruse Design Studio
  14. 2009年40个最佳Photoshop字体设计教程_新勺网| 专注于引进国外设计资源和设计酷站_
  15. The Best 40 Photoshop Text Effects from 2009 « Social-Press
  16. Twitted by Syncphoto
  17. Los mejores 40 Efectos de Texto en Photoshop
  18. 40款最漂亮的PhotoShop特效文字制作教程 « 幻岛|领地
  19. 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine
  20. 140+ High Quality Categorized Photoshop Text Effect Tutorials | Programming Blog
  21. 140+ High Quality Categorized Photoshop Text Effect Tutorials | Afif Fattouh - Web Specialist
  22. The Best 40 Photoshop Text Effects from 2009 | Seventy Seven
  23. Los Mejores Efectos de texto de Photoshop en 2009 « phorias
  24. 2009年最经典40个photoshop教程 « Lx实验室

Leave a Reply