Simple Metallic Web 2.0 Effect

Monday, August 18 2008

There are many many metallic tutorials for PhotoShop. This tutorial will show how you can make any text or object look metallic, in a Web 2.0 style, simply with Layer Styles.

We moved our web sites to Server Intellect and have found them to be incredibly professional. Their setup is very easy and we were up and running in no time.

We will start off with a blank canvas, add a gradient for the background. You may already have a background in mind.

For this example, we will add a Custom Shape and make that look metallic, so we'll add the custom shape to the canvas and rasterize it:

Now we can jump straight into our Layer Styles for the custom shape. First, we'll add a Stroke with Fill Type Gradient. The gradient will go from White, to light Gray, back to White, back to light Gray, and back to White:

We can click the New button to add this gradient to our presets to use it again. Next, choose Gradient Overlay and choose the same gradient we just used. It should be at the bottom of the presets if you clicked the New button earlier. We should have something like this:

Need help with Windows Dedicated Hosting? Try Server Intellect. I'm a happy customer!

Next, goto Bevel and Emboss and choose the maximum Depth and maximum Size. This may be different on your image, depending on the size, etc. so it is wise to experiment with the sliders and the contours of the bevel. For this example, I used the following settings:

The above settings result in the following effect:

As with everything in PhotoShop, experimentation is definitely the key. Try changing values around to see what outcomes you get.

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

=] said on 01/15/2009 at 1:02 PM

=]


shyam said on 02/13/2009 at 4:48 AM

i want to download tutorials


642-845 said on 12/09/2009 at 6:44 AM

@shayam

if you really want to download all this, just save the pics in your computer and you will get to know what is really done here.


Leave a Comment