Quick Tip: Create Metallic Text on a Concrete Background

Quick Tip: Create Metallic Text on a Concrete Background

Zee7 on May 10th 2010 with 89 comments
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
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Zee7

Rollover to read this author's bio or click through to see a full list of posts by this author.

Zee7 is a web and graphic designer from Pakistan. He loves everything about art and design and has 3 years of industry experience. Zee7 is also available for freelance design work. You can visit Zee7 online or follow him on Twitter.  

Plus Premium
 
 
Add Comment

Discussion 89 Comments

Comment Page 2 of 2 1 2
  1. Pariuri Sportive says:
    November 26, 2010 at 12:15 pm

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

    Reply
  2. pheion says:
    December 27, 2010 at 11:50 pm

    how can i make a selection of my text?

    Reply
    • Anastasia says:
      June 17, 2011 at 4:52 pm

      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.

      Reply
  3. Adrian says:
    January 15, 2011 at 2:14 pm

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

    Reply
  4. nagnoib says:
    April 12, 2011 at 1:14 am

    these are great tutorials….keep it up guys.

    Reply
  5. K.k says:
    April 15, 2011 at 8:04 pm

    awesome man…

    Reply
  6. rene says:
    April 27, 2011 at 4:09 pm

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

    Reply
  7. Cazare Eforie Nord says:
    May 4, 2011 at 7:14 am

    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.

    Reply
  8. crysis2 says:
    May 5, 2011 at 3:24 pm

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

    Reply
  9. KomolyAlma says:
    July 11, 2011 at 1:38 pm

    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

    Reply
  10. syarifkhairul says:
    August 11, 2011 at 8:16 am

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

    Reply
  11. Damanjit Singh says:
    September 1, 2011 at 9:39 am

    Thanks sir,Very good article

    Reply
  12. Trey says:
    September 29, 2011 at 1:57 pm

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

    Reply
  13. Barbour Fan says:
    October 6, 2011 at 9:48 am

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

    Reply
  14. Ollie says:
    October 11, 2011 at 12:39 pm

    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.

    Reply
  15. Denis Šahović says:
    February 7, 2012 at 9:12 am

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

    Reply
Comment Page 2 of 2 1 2

Add a Comment