Adobe Photoshop Tutorial  
 
Adobe software photoshop tutorial for graphics designer, web designers, web master, art students photoshop user course
 


Title: Design a menu for your website

Description: This is web graphics tutorial which will teach you how to create a simple menu on your own homepage.

Untitled Document

Home Page Menu

Summary: This tutorial will teach you how to create a simple menu on your own homepage. Follow the steps carefully. Elliptical Marquee Tool,Pen Tool and Rectangular Marquee Tool are the common tools we need on this Tutorial. Goodluck!

STEP 1. Start with 150px X 400px.

STEP 2. Select Elliptical Marquee Tool and create a circle (2a). Set the foreground color to #19f0fd and fill the selection (2b).

2a 2b

STEP 3.Select Layer Style. See the image 3a.

3a 3b

STEP 4.Select Elliptical Tool. Create a circle same on the image below (4a). Ctrl + Enter to create a selection. Follow the setting on the images 4b and 4c.

4a

4b

4c

STEP 5. Select the fill Brightness/Contrast 1and follow the setting of the images below.

5a

5b

5c

5d

STEP 6. Select the Rectangular Marquee Tool. Create same shape on the image 6a.

6a

6b

6c

STEP 7. Ctrl + select the fill Brightness/Contrast 1. To make a circle selection.S elect the fill Brightness/Contrast 2.Press Delete.See the image below.

7a

STEP 8. Select Rectangular Tool and draw a shape same on the image 8a.

8a

8b

8c

STEP 9. Same on the step 7, Ctrl + select the fill Brightness/Contrast 1. Select the fill Brightness/Contrast 3.Press Delete.See the imae 10a.

9a

STEP 10.Select the Horizontal Type Tool.Set the following same on the images below.

10a

10b

STEP 11.Ctrl + select the layer txt Home to create a selection. Follow the setting on the images below.

11a

11b

11c

STEP 12.Select the Brightness/Contrast 4 then do the following setting same on the images below.

12a

12b

12c

STEP 13.Repeat the same steps to create additional Buttons.

13a