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.

Start with a new document
Size : 760 x 770 Color : #2d2d2d
Select Rounded Rectangle Tool ( set the radius to 5 pixels ) and start making a simple shape

Learn how to make a metal menu for game site.

This tutorial will show you how to add a techno depth to your layouts with the use of interface vents. Quick and easy.

In this photoshop cs3 tutorial, you'll learn how to make a cool, techy navigation design in Photoshop for your website easily.

In this massive tutorial l will show you how to build a complete tech site from the ground up. There are several techniques covered in this tutorial that you will definitely have to master if you plan on designing web layouts as a profession, or just as a weekend web warrior. This tutorial should ge...

Open a new document in Photoshop
Size 500X500 pixels
Color of the background: #333333
Then Select Rectangle Tool and make a small rectangle

1. New Document
First of all create a new document for the template. I'll be using a document size of 780 x 880 pixels for this tutorial.
So, now you've created the new document, fill the background with a dark-reddish color. I used #4f0100.

Create a new document with a grey background: #464646
The size should be 760 x 770 px.
Create a new Layer ( press Shift+Ctrl+Alt+N )
Select Rounded Rectangle Tool and draw a white rectangle ( use 10 pixels radius )

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