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.

To download this project, enter your email address and a link will be emailed to you.

Email Address:   Download the sample project here

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

There are no comments yet...Kick things off by filling out the form below.

Leave a Comment