Design a Grunge-Style Abstract Typography with Rusted Metal Texture in Photoshop
Posted on February 27th, 2009 under Abstracts, Text Effects, it has 36 Comments and 46,585 Views so far.
In this tutorial, I will show you the steps I took to make a Grungy-Style Abstract Typography using rusted metal texture in Photoshop. The inspiration of this tutorial came from a grungy metal image I came across on stockvault.net and thought I could have a play with it :)
Together we will explore some layer blending techniques, variuos filter effects, and an interesting method of making the text look 3D. Have a go!
Here is a preview of the final image: (click to enlarge)
OK let’s get started!
Step 1
Download a copy of this grungy image from stockvault.net and load it into Photoshop. We will use it as the background of this poster.
Rotate the canvas by 90 degree CW by going into Image > Rotate Canvas > 90 degree CW:
We can add a bit of noise on the background image and make it look more grungy. To do this, duplicate the background layer and go to Filter > Noise > Dust & Scratches and apply the following settings:
Change the layer blending option to “Overlay” and you will have the following effect:
Step 2
Duplicate the “Background copy” layer once, go to Filter > Sharpen > Smart Sharpen and apply the following settings:
Keep the layer blending mode as “overlay” and you will have the following effect:
Step 3
Duplicate the “Background copy 2″ layer once and go to Filter > Stylize > Glowing edge and apply the following settings:
Keep the layer blending option as “overlay” and you will see the following effect:
Then hit Ctrl + Shift + Alt + B and bring up the Black and White adjustment Tool, apply the following settings:
And you will have the following effect:
Step 4
Duplicate the “Background Copy 3″ layer once, change the blending option of the duplicated layer to “Screen” and you have the following effect:
To create a bit of colour depth, we apply the Black and White adjustments to this layer (Ctrl + Alt + Shift + B) with the following settings:
Step 5
Still on the previous layer, grab the Eraser Tool with a big soft round brush, erase the area where covering the yellow/golden part:
Change the layer blending option to “Color” and you will have the following effect:
Go back to the “Background copy 3″ layer, again use the Eraser Tool with a big soft brush to erase the centre portion of the image:
Step 6
Now let’s add some text onto the background texture. Download a copy of this font and type some text onto the canvas:
When you’re happy with the text, rasterize it and change its layer blending mode to “Hard Light”. Apply the following layer blending options:
Drop Shadow:
Bevel and Emboss:
Texture
Gradient Overlay:
And you will have the following effect:
Duplicate the text layer 7-8 times, keep the blending mode of each layer as “hard light”, and you will have a deeper text effect as a result:
Merge those duplicated layers together and name the merge layer as “Text”.
Step 7
Change the blend mode of the text layer to “Hard light”, duplicate it once again and apply the following Gaussian Blur filter on the duplicated layer:
After applying the Blur filter, duplicate this layer once more. On the duplicated layer, add a White colour overlay blending option as shown below:
Then on this layer, use the Eraser Tool to gently eraser some part of the text, by doing so you can create a uneven lighting effect and make the text look 3D:
Step 8
To a bit of extra flavor to the image, we can add a new layer called “cloud” in between the text and the background texture layer, use the Lasso Tool with 40px feather to make a selection around the text and render some cloud inside:
To make the cloud look a bit uneven, we can simply duplicate the existing cloud layer once and set the blending mode of the duplicated layer to “hard light”.
Here is the effect so far:
Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!
Here is my final result for this tutorial: (I add a bit of radial blur, and adjusted the colour balance a bit)
Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.
Cheers and have a nice day!
Like this post? Share it around!
More Awesome Posts from PSD Vault
36 Comments
-
-
-
-
-
-
-
-
-
-
logo design guru Says:that looks very cool. thanks for the interesting tutorial. great background texture. thanks.
-
-
Brochures Says:That is soooo cool! Excellent texture and lighting effects! Your online tutorials are some of the most creative, useful, and really good ones I’ve come across. Great, great work! Congratulations!
-
james Says:Can u please make me one because i need one for my banner website but i cannt do it as good….
my email is klankaos2k@yahoo.com
thanks -
-
-
-
-
Web Tasarım Grafik Tasarım Says:this, very thank you..
Your site full professional and very beautiful…
-
-
Trackbacks:
- Karina Myers » Blog Archive » Grunge-Style Abstract Typography with Rusted Metal Texture in Photoshop
- Grunge-Style Abstract Typography with Rusted Metal Texture in Photoshop | GraphicTutorials.net - Photoshop and Design Tutorials
- Фотошоп и К » Blog Archive » Дизайн гранжевого текста.
- 80+ Stunning Photoshop Text Effect Tutorials | tripwire magazine
- 22 Cool Typographic Design Posters - Photoshop Website - Tutorials,Brushes & more..
- Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop « observatoriopsi.com.ar
- Scientific Designs and Tutorials That Will Inspire You | rapid-DEV.net
- OFF THE CHAIN Photoshop Typography Tutorials « Star Lyte Designs
- Best of the - February 2009 | Graffititools:Designing tips n tools, tutorials, tricks
- Grunge Text Effect Tutorials And Textures | Tweeaks Design
- Stunning Collection of Grunge Design Photoshop Tutorials | Tutorials Palace
- 50 The Most Spectacular Photoshop Tutorials of 2009
- uberVU - social comments
- 140+ High Quality Categorized Photoshop Text Effect Tutorials | Afif Fattouh - Web Specialist
- 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine | 51Feeling
- 10 Refreshing Photoshop Text Effect Tutorials | Devils Workshop
I”m a fan of your work right now, good job on this tutorial. Can I ask you how you got the final image to look like that; with radial and color balance? Do i make a new layer or no? plz help :)