Photoshop Tutorial

Summary:
Here we learn how to create a rusty style button panel for website layouts. The decay looking style is great for websites that want to create a used-future look to their sites. In this tutorial, we’ll examine some of the basics of creating rust on metal.

Step-By-Step Instructions:

Start by creating a shape as shown using pen tool.

Double click the layer to open layer style window. Apply settings as shown.

Similarly create more shapes and place as shown.

Duplicate all the layers. Press Ctrl+T. Right click and select Flip Vertical and place on the other side.

Create a rounded rectangle using rounded rectangle shape tool. Apply same layer style. Move this layer below all the layers in layer order in layer palette.

Create a rounded rectangle using rounded rectangle shape tool.

Enable “subtract from shape area” at the top bar. Create some rounded rectangles for the buttons using rounded rectangle shape tool.

Double click the layer to open layer style window. Apply settings as shown.

Create some tiny circles using elliptical shape tool. Apply inner shadow layer style.

Select and merge all the layers. Duplicate the layer several times. Scale down and place on the each side as shown in the image below.

Duplicate the layer again. Scale down and rotate 90°. Place as shown.

Press Ctrl+U to open hue/saturation window. Apply settings as shown.

Duplicate the layer. Press Ctrl+U to open hue/saturation window. Apply settings as shown.

Change the layer mode to “Multiply”.

Select Eraser tool. Right click and select the brush with the following settings.

Start erasing randomly.

Double click the layer to open layer style window. Apply settings as shown.

Related posts:

Tags: photoshop tutorial, Rusty Grunge Button Panel

This entry was posted on September 12, 2009 at 5:01 pm and is filed under Advanced. You can follow any responses to this entry through the RSS 2.0 feed.