In this tutorial, I will demostrate the steps I took to create a scratched Metal Text Effect using Photoshop.
Together we can practice different use of filter effects for create textures, adjusting layer blending styles, selection techniques, brush tool and dodge/burn tools.
Here is a preview of the final work of this tutorial:
All right let’s get started!
Step 1
Create a new document, size doesn’t really matter. I chose 800x400px because that’s where my comfort zone is. Fill the background layer with black colour.
We are now going to create a texture layer, which will be used later on to add effect to the text.
Create a new layer called “Texture 1”, fill it with a light grey colour (See image below for details)
Step 2
On “Texture 1” Layer, go to filter > noise > add noise and use the following settings:
Then go to filter > blur > motion blur and apply the following setting:
Then hit Ctrl + M to apply the Curve image adjustment, use the following settings:
You image should look like this:
Step 3
Still on the “Texture 1” layer, go to Filter > Texture > Mosaic Tiles and apply the following settings:
then go to Filter > Texture > Patchwork and apply the following settings:
After applying those texture filters, use the Dodge and Burn tool to give the “Texture 1” Layer some lighting contrast.
Dodge Tool Settings:
Burn Tool Settings:
Effect After:
We can use the level adjustment tool to further adjust the output levels, see below for details:
Effect after level adjustment:
Step 4
Create a new layer called “Color Overlay”, set its blending option to “Color Dodge”. Then grab a big round brush to paint some RGB colour on the layer.
Here is the effect so far:
Optional: You can apply a gaussian blur to the “Texture 1” layer if you like, detailed settings see below:
Step 5
Hide the last two layers we created. Make a new layer under the “Texture 1” layer and type some texts on it. You may use any font you like, I chose this font from dafont.com. Name the layer as “Text”.
Adjust the position of your text according the image below:
Change the layer blending options of this text layer as follows:
Inner Shadow
Inner Glow
Bevel and Emboss
Gradient Overlay
Your text will now look like this:
Step 6
Now we need some more textures with lots of scratches and cracks. I downloaded the following image from CG Texture.
Load this texture into Photoshop, then go back to our text document and select the “Text” layer. Use Crtl + Left-Click to select the text,
then drag the selection onto the texture image (anywhere you like). Hit Crtl + C to copy the selection and hit Ctrl + V to paste it onto the “Text” layer.
Name the new layer as “Texture 2” and change its blending option to “Overlay”. Your image will look like below:
Step 7
Make “Texture 1” and “Colour overlay” layers visible, change the blending option of “Texture 1” to color, see below for details:
The effect will now look like this:
Ok! That’s it for this tutorial! You may want to add some of colour, or change the existing colour overlay and add some more textures. That’s totally up to you!
Here is my final image: (I adjust the colour balance and add a bit more fancy effects)
If you have any questions, just drop me a comment and I will get back to you as soon as I can.
Cheers and have a great day!
