The Ultimate Photoshop Resource

Texturing your way to 3D Photoshop Tutorial

Let’s talk some more about texturing, this time working with an interface style image over several layers. Photoshop 6 layer styles allow us to do some fantastic effects with patterns, and I want to address some of those effects here. What better way to do that than to show you first hand?

Here’s the new image specs:

Width= 8 in
Height= 8 in
150 DPI
Background= White

This image is going to be large, so I’ll only be displaying the pertinent areas for the examples.


First, let’s fill the background with black. Create a new layer and, with the circular marquee tool, create a round selection that takes up most of the image. Fill this selection with 50% gray. Create another smaller selection (circular) inside of the larger circle. We want to make a large ‘O’ with a fairly thick border. Delete the contents of the smaller circle.



Ok, let’s bevel this puppy. Go to your layer styles, and use settings close to these:

image3  image2

We want a bit more ‘metal’, and rather than tweaking the layer style contours, we will use a good old fashioned curve. Create a new layer beneath this one, select the circle layer and Command/Control+E to merge the 2. Go to Image>Adjust>Curves, and enter something close to this:


Here is the result as seen on our beveled circle:


I’ll tell you a little secret. That same curve structure is what all these interface developers are using. What do I mean? Well, let’s see what happens when we apply this to a light gray to dark gray sphere:


That was pre-curve. Here’s post-curve:

image5 image6

You may need to tweak it a bit, but the effects are similar.


Ok, back to the circle. First, duplicate the circle layer, make the top layer invisible and select the lower layer. After you have downloaded the pattern set, load it into the layer styles and apply the pattern shown in the example to this layer. Here are my settings:


Here’s the effect:



Leave that layer alone for a minute. Select the top layer, and appy another pattern to it, lowering the opacity to about 40%.



Create a layer beneath this one, select the top layer and again merge down. Using either the magic wand or color selection option, we want to select only portions of this layer.

image11 image10

Once you have your selection, delete it.
Now apply a bevel to this layer. We want to draw out the contrast between the layers, so that it appears some corrosion has occurred on our metallic wheel.

Here’s the result:


That’s really all I have time for this week, but I promise we will continue with the same image next time. What is cool about this is that everything we have done can be incorporated in an action, as well as separate layer styles can be created for the layer effects. We will work on developing this project next time, however. Until then, come see me at Action Fx!

Get in-the-know!

Photoshop VAULT

Access valuable Photoshop extras and goodies for free Photoshop add ons including ebooks, brushes, actions, presets, cheat sheets and much more a

photoshop add ons,  free photoshop brushes, actions, LUTs, presets, ebooks and skies.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource