If you have followed along with part 1 and 2, you should now have a page design. Now its time to add some interactivity. We are going to set up the rollovers. After this tutorial we will be leaving Photoshop and heading on over to imageready.

In this 2-part tutorial you are learning how to create the look of an aged, hand-tinted photograph by using masks, fill and adjustment layers, blending modes and layer styles.

For start you have to create a new document in Photoshop
760 x 700 px should be fine
Change the Color of your background to # 333333
Select The Rounded Rectangle Tool ( Radius 90 ) and draw a shape:

So let's start with a new document. Size : 760*770 pixels
Background color : white
Select rounded rectangle tool, set the radius to 10 pixels, then create a few shapes. i will use different colors, so you can see better where i am placing the rectangles.

In this tutorial I will show you how to create a simple navigation menu. So make a new document sized 500x100 and fill it wit a light grey. Now make a new layer and make a selection like mine and again fill it with the same color you used on the first layer

Learn how to create metallic navigation bar in Photoshop.

1. Grungy Background Creation
I know this navigation set will most likely be going on a clan website design or something like that, but I really love designing really cool, grungy backgrounds for my tutorials anyway, so if you would like to learn how to design the background I've shown in the ....

Create a Metallic looking content box.

1) Make a new document. I used 400x100.
2) Start out with creating a New Layer and selecting the Rectangular Marque Tool. Make a selection like below:
3) Fill it in with any color:
4) Right click the layer and select Blending Options...

1) Make a new document. I used 600x120 for this tutorial. Leave the background white for the time being.
2) Make a New Layer. Grab the Rectangular Marque Tool and make a thin selection at the top from the left to the right:...