Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Design a Menu for Your Website

Design a Menu for Your Website


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. Good luck!

Step 1. Start with 150px X 400px.

Step 2. Select Elliptical Marquee Tool and create a circle.

image 1

Set the foreground color to #19f0fd and fill the selection.

image 2

Step 3.Select Layer Style. See the image

image 3

image 4

Step 4.Select Elliptical Tool. Create a circle same on the image below.

image 5

Ctrl + Enter to create a selection. Follow the setting on the images.

image 6

image 7

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

image 8

image 9

image 10

image 11

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

image 12

image 13

image 14

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.

image 15

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

image 16

image 17

image 18

Step 9. Same on the Step 7, Ctrl + select the fill Brightness/Contrast 1. Select the fill Brightness/Contrast 3.Press Delete.See the image.

image 19

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

image 20
Click to enlarge

image 21

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

image 22

image 23

image 24

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

image 25

image 26

image 27

Step 13. Repeat the same Steps to create additional Buttons.

Design a Menu for Your Website



Author's URL: Adobeusersite.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Design a Menu for Your Website"

Captcha