Rusty Grunge Button Panel
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.
|
