Try Tuts+ Premium, Get Cash Back!
Quick Tip: Create Metallic Text on a Concrete Background

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.

preview

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!

preview

Final Image

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

preview

Tags: Tips
  • http://www.pariuri24.com Pariuri Sportive

    I had few problems in the beginning, but after 30 min i`ve done it. Thanks

  • pheion

    how can i make a selection of my text?

    • Anastasia

      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.

  • http://www.facebook.com/alternative2 Adrian

    to make a selection of your text, first you must press the ctrl key, while holding the ctrl, select the text and thats it.

  • nagnoib

    these are great tutorials….keep it up guys.

  • http://www.pclives.info/ K.k

    awesome man…

  • rene

    cool, At the end, i put some shine, and looks good too!

  • http://www.eforienordcazare.ro Cazare Eforie Nord

    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.

  • crysis2

    Unfortunately my magic wand doesn’t want to make a selection like the one above..i dont know why

  • KomolyAlma

    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

  • syarifkhairul

    what do you mean with ‘paste into your document’ in step 14? i can’t understand it. how to do that?

  • http://www.techwallz.com Damanjit Singh

    Thanks sir,Very good article

  • Trey

    You need more detail. Me and my friend had a lot of problems following this.

  • http://barbourjacket.wordpress.com Barbour Fan

    I like the way the brush effect has been applied onto the background layer. Gives a nice subtle effect

  • http://www.cheap-designer-watches.com/ Ollie

    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.

  • Denis Šahović

    How about you write, as a step after creating the new document, and before renaming it to “concrete”,
    fill the layer with black color?

  • http://hdscreenwallpapers.com ayan

    thanks nice tip

  • Solcius

    Hmm I have CS5 and theres no Magic Wand tool, so how do i make that random selection on the concrete background to brighten up the areas…?