Sponsored by the National Association of Photoshop Professionals. Learn More

Beveled Steel Type

 

Brushed metal is always a cool effect to pull off in Photoshop. And after you’ve created your steel texture, what better place to use it than to produce beveled steel type?

Steel

Step 1
Start with a 400 pixel by 400 pixel document. Select a small strip near one edge with the Rectangular Marquee tool, and fill it with 50% gray (Edit > Fill > 50% gray). Add noise (Filter > Noise > Add Noise…), setting the Amount for 5%, Gaussian distribution and check the Monochromatic box.

Step 1

Step 2
With the noisy stuff selected, s-t-r-e-t-c-h the noise sideways to fill the square (Edit > Free Transform, then pull the sides out to the edge of the document.) Hit Return (Enter) to apply the transformation. Voila- brushed steel! Name the layer Steel.

Step 2

Step 3
Duplicate the Steel layer by dragging it to the New Layer icon at the bottom of the Layers palette.

Step 3

Step 4
Hide the top Steel layer by tapping on the eyeball icon. Select the bottom layer, and then type in the name you want in brushed steel. (By selecting the bottom layer, the Type layer will fit between the two Steel layers.) Use a bold font- Impact in all caps seems to look good for this example of a logo for the Steel Drum Festival.

Step 4

Step 5
Turn on the top Steel layer’s eyeball, and then create a clipping group (Command-Option-G [Control-Alt-G]). You’ll see the top Steel layer move to the right on the Layers palette and a small arrow will appear. A clipping group limits the visibility of the top grouped layer to the layer it’s grouped with. You won’t see any change… yet. .

Step 5

Step 6
At the bottom of the Layers palette is the Add a Layer Style icon- it looks like an f in a gray circle. Click and hold on it, and pull down to Bevel and Emboss. Choose Inner Bevel, Chisel Hard, and set a pretty serious Depth of 250%. Set your Highlight to 100% and your Shadow to 40%. You’ll see the beveled type appear as if by Photoshop magic.

Step 6

Step 7
For those of you who want to go a little farther, add a Hue/Saturation adjustment layer for a little color and a slight drop shadow to finish the effect.

Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • Twitter
  • NewsVine
  • Technorati
  • BlinkList
  • Design Float
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • LinkedIn
  • MySpace
  • Fleck
  • Netvibes

No Comments

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Photoshop Tutorials

  • More Fun with 3D

    Continue exploring the possibilities with Photoshop’s new 3D tools.

  • Reverse Restoration

    Corey shows you how to make a new photo look damaged by blending in some unusual textures.

  • 3D Background Effects

    Use Photoshop’s new 3D tools to create some dazzling background effects.

  • Striking Match, Part 2

    In the second part of this tutorial, Corey finishes creating this illustration of a striking match.

  • Layers TV: Episode 110
    New episodes are coming soon. In this old episode, RC goes start to finish through a Flash CS4 project using the new 3D tools and importing an audio file. Corey talks about the distortion features inside of Adobe Illustrator. You can download each episode by subscribing to the podcast on iTunes. var so = new SWFObject('http://media.kelbymediagroup.com/players/player.swf','mpl','500','300','7'); so.addParam('allowfullscreen','true'); // so.addVariable('type','rtmp'); so.addVariable('file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110.mp4'); so.addVariable('plugins','hd-1'); so.addVariable('hd.file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110-hd.mp4'); so.addVariable('hd.state','false'); so.addVariable('image','http://www.layersmagazine.com/images/layerstv-logo.jpg'); so.addVariable('height','300'); so.addVariable('width','500'); so.addVariable('autostart','false'); so.addVariable("backcolor","0x000000"); so.addVariable("frontcolor","0xF1F1F1"); so.addVariable("lightcolor","0xF88E21"); so.addVariable("quality","100"); so.write('player'); [...]
  • NVIDIA Quadro FX 4800 for Mac
    The new professional-level Quadro FX 4800 with 1.5 GB of memory brings a much-needed performance upgrade to the Mac Pro lineup.
  • Prezi
    Prezi is a Flash-based visualization, storytelling, and presentation tool that allows you to create nonlinear presentations.
  • Terry White’s New App | Printing from Lightroom 2
    Happy Thursday everyone! Just wanted to pop on in and share what’s new in the intranets: Terry White’s New Iphone App Terry white over at his techblog is usually covering all sorts of technology and letting us know what his favorite apps are for the iphone. He’s taken that love and mixed it with [...]
 

Adding Keywords to Multiple files

In Bridge, you can add keywords to images to make searching for pictures a little less cumbersome. You don’t, however, want the process to become tedious as well. By either Command-clicking (PC: Ctrl-clicking) or Shift-clicking on images, you can select multiple files inside Bridge. Once you have the files selected, you can go to the Keywords panel and turn on any keyword you like. This will apply the keyword to all of the files that you have selected. It takes away a little bit of the pain of categorization, but just a little.

Read More Tips

Tip of the Day
 
 
DVD Special
Online Training
Kelby Training