Quick Tip: Create Metallic Text on a Concrete Background
Tutorial Details
- Program: Adobe Photoshop CS3+
- Difficulty: Beginner
- Estimated Completion Time: 30 - 40 Minutes
Download Source Files
Final Product What You'll Be Creating
In today’s quick tip tutorial I will demonstrate how to create some cool metallic text on a slick concrete background. This can be done in just a few steps so let’s get started!
Step 1
Create new document, 1280 x 1024 and name the default layer "concrete."

Step 2
Go to Filter > Noise and apply the following settings.

Step 3
Go to Filter > Stylize > Emboss and apply the following settings.

Step 4
Add a Level Adjustment by clicking on the icon in the bottom of the layer palette.

Step 5
Apply the following settings.

Step 6
To make this more realistic press Cmd + Shift + E to merge all layers.

Step 7
Press "W" to select Magic Wand. Set Tolerance to 5. Click on second icon to activate "add in selection option"

Step 8
Now click anywhere on the document to get a random selection.

Step 9
Once you have your selection, pick the dodge tool "Range: Highlights" and "Exposure: 100%" and randomly paint inside selection. You should now have something like the image below.

Step 10
Repeat Step 9 a few more times with different selections and brighten up selected areas using the dodge tool.

Step 11
Now press "T" to select the type tool. Type out whatever text you like. I chose the Planet Kosmos font.

Step 12
Go to Layer > Layer Style > Gradient Overlay and apply the settings below.

Step 13
Add a Layer Style using the following settings.

Step 14
Download this metallic texture and paste into your document. Then, make a selection of your text.

Step 15
Press the layer mask icon to add a mask onto the metallic layer and set its mode to overlay and opacity to 70%. That’s it! You are finished!

Final Image
Take a look at the final image that we will be creating.


I had few problems in the beginning, but after 30 min i`ve done it. Thanks
how can i make a selection of my text?
Go back on your layer with Text (hide other layers), choose Magic Wand tool and select your text. Then (show all the layers) go to your Metallic and continue.
to make a selection of your text, first you must press the ctrl key, while holding the ctrl, select the text and thats it.
these are great tutorials….keep it up guys.
awesome man…
cool, At the end, i put some shine, and looks good too!
I’ve done it by my first attempt. I find tutorials with pictures or movies the best, you cannot fail following them step by step.
Unfortunately my magic wand doesn’t want to make a selection like the one above..i dont know why
Ty for this tutorial :)
anyways i want to create a website header with this type effect and ive made this http://i53.tinypic.com/i3x8o4.jpg
But the header needs to be transparent and with the clouds and with the metal layer i dont know how to make it transparent…could you or any1 help?:S
what do you mean with ‘paste into your document’ in step 14? i can’t understand it. how to do that?
Thanks sir,Very good article
You need more detail. Me and my friend had a lot of problems following this.
I like the way the brush effect has been applied onto the background layer. Gives a nice subtle effect
Awesome tutorial, but didn’t you skip the drop shadow part? Maybe you should add just a quick comment reminding people to add the drop shadow effect to the text and what settings they should use.
How about you write, as a step after creating the new document, and before renaming it to “concrete”,
fill the layer with black color?
thanks nice tip