Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Learn How To Create Metal Textured Text

Learn How To Create Metal Textured Text


What We'll Be Creating

Click the image for full view.

image 1

Resources Used In This Tutorial

Lets Get Started

Create a new document 800 x 600 pixels with any background color. Download the "Metal Texture then open it in photoshop, once opened in photoshop go to "Edit > Define Pattern".

image 2

Close the texture document window and go back to your original document. Fill your background layer with the metal texture by selecting the paint tool with the pattern fill type selected.

image 3

Adding The Text

Select the type tool then add your text to the canvas. Use a fairly big font type so the text stands out. Here are my settings.

image 4

Once you've added your text add the following layer styles to your text layer.

image 5

image 6

image 7

image 8

image 9

You should have something like this.

image 10

Adding The Texture To The Text

Load a selection around your text layer by selecting the text and going to "Select > Load Selection" OR simply click the little thumbnail in the layers palette whilst holding down the CTRL key on the keyboard.

Create a new layer above your text layer then fill the selection with your metal pattern.

image 11

Now that you've filled the selection set the layer blend mode to screen and add a gradient overlay using the settings below.

image 12

You should have something like this.

image 13

Adding Depth To The Text

Load a selection around your text layer once again by selecting the text and going to "Select > Load Selection" OR simply click the little thumbnail in the layers palette whilst holding down the CTRL key on the keyboard.

Create a new layer above your textured text filled layer then contract the selection by 5px by going to "Select > Modify > Contract".

image 14

Reset your background foreground layers to black and white then fill the selection with some clouds by going to "Filter > Render > Clouds".

image 15

Now go to "Filter > Render > Difference Clouds".

image 16

Finally set the layers blend mode to "Soft Light", you should have something like this.

image 17

Adding The Rivets

Load a selection around your text layer once again by selecting the text and going to "Select > Load Selection" OR simply click the little thumbnail in the layers palette whilst holding down the CTRL key on the keyboard.

Create a new layer above all your layers then contract the selection by 6px. (Select > Modify > Contract) Keep the selection active and select your brush tool. Once you've selected the brush tool open up the brushes palette.

image 18

Select a brush size of 4.

image 19

Then set the brush spacing to 1000%.

image 20

Now open up the paths window by going to "Window > Paths", at the bottom of the paths window click the little button which says "Make Work Path From Selection".

image 21

Head back to your layers palette and make sure your new blank layer is selected. Select the pen tool and then right click on your canvas and go to "Stroke Path". Right click again and go to "Delete Path".

image 22

Add Some Style To The Rivets

With your rivets layer selected add the following layer styles.

image 23

image 24

image 25

You should have something like this.

Learn How To Create Metal Textured Text

Repeat the same process for your background layer to add the rivets to your background.

That's it all done, hope you enjoyed this tutorial.



Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: