Create Metallic Text on a Concrete Background

[HexCoder]

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/final.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/final.jpg)

Step 1

Create new document, 1280 x 1024 and name the default layer "concrete."

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-1.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-1.jpg)

Step 2

Go to Filter > Noise and apply the following settings.

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-2.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-2.jpg)

Step 3

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-3.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-3.jpg)

Step 4

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-4.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-4.jpg)

Step 5

Apply the following settings.

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-5.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-5.jpg)

Step 6

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-6.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-6.jpg)

Step 7

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-7.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-7.jpg)

Step 8

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-8.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-8.jpg)


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.

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-9.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-9.jpg)

Step 10

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-10.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-10.jpg)

Step 11

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-11.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-11.jpg)

Step 12

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-12.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-12.jpg)

Step 13

Add a Layer Style using the following settings.

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-13.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-13.jpg)

Step 14

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-14.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-14.jpg)

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!

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-15.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/step-15.jpg)

Final Image

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

http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/final.jpg (http://psdtuts.s3.amazonaws.com/0470_Concrete_Background_ Metallic_Text/final.jpg)

ENJOY!! :D

[gohanjaja]

mmm yes , this like ! Thank!

[islam60]

thanks so much man

[sikh_warrior]

nice post

[TheAbyssal]

post your source...

[HexCoder]

Your Welcome All. And Abyssal What u mean by Source?

[$lick@ne]

nice tut bro...................... .......

[HexCoder]

Thanks. :D

[v3nd3tta]

good tut dude keep it up

[pasavv]

:Thanks:

[J|nX]

Very nice tut...
Gonna try it....
:Thanks:

[l00pdl00p]

great! ;-)

[magic_felicia]

good post!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!