 Create A Professional Navigation Menu Using Photoshop, Beginner |
Rating
|
  |
  Apr 1 2006, 01:09 PM
Post
#1
|
|
 Moderator  Group: Moderator
Posts: 801 Joined: 12-January 06 From: Spain Member No.: 8,938   |
Professional navigation menuLearn how to create this professional navigation menu for your website using Adobe Photoshop.  1.- Open a new document File >> New. Choose a color (I used #a2ddde) and pick the Rectangle Tool (B)  . Clic on your document and draw a rectangle. We're going to give it a bit of emboss. Go to Layer >> Layer style >> Blending options and choose the following settings:    2.- As we'll be using those settings a lot in this tutorial, we're going to define them as a style. In the Blending options window, choose New Style. Then, choose a name and clic 'ok'.  Our new style will appear in our Styles palette.  3.- Create a new layer Layer >> New >> Layer. Now, using the Rentangle marquee tool (M)  and make a selection like this: Fill the selection with the Paint Bucket tool (G)  and color #09637d. With this layer selected, go to the Styles palette and clic on the style we've just defined. This style will be applied to the selected layer.  4.- Make a new layer. Pick the Rectangle Marquee Tool again, and and select the top half of the button.  Fill the selection using again the Paint Bucket Tool in white #FFFFFF. Low the opacity of this layer to 28% to get the glossy effect.  5.- And that's all. You can add text using the Text Tool (T). And you can make more buttons duplicating the layers (Ctrl + J) My result: Feel free to ask any question. Comments and sugestions are always welcomed. You'll be able to download the *.psd file from 13dots Downloads here. |
  
|
|
|
Apr 1 2006, 01:26 PM
Post
#2
|
|
 Good Ol' Dot  Group: *Premier*
Posts: 215 Joined: 26-February 05 From: New Zealand Member No.: 2,261  |
Great well explained tut. Nice final result too.
Many Thanks for posting spd |
|
|
|
|
Apr 1 2006, 02:32 PM
Post
#3
|
|
 Dots Addict Group: *Premier*
Posts: 653 Joined: 8-March 06 From: Sunny SW Florida, USA Member No.: 10,192  |
Great Tutorial PSGirl! Thanks for sharing.
|
|
|
|
|
Apr 1 2006, 02:48 PM
Post
#4
|
|
|
Moderator Group: Moderator
Posts: 801 Joined: 12-January 06 From: Spain Member No.: 8,938 |
Thanks for your comments, really appreciated
|
|
|
|
|
Apr 2 2006, 09:00 AM
Post
#5
|
|
 Merry KissMoose Group: Main Team
Posts: 15,990 Joined: 18-May 04 From: North Pole Member No.: 2  |
 Nicely explained PSgirlAdded the psd in downloads and altered your post K |
|
|
|
|
Apr 2 2006, 10:19 AM
Post
#6
|
|
|
Moderator Group: Moderator
Posts: 801 Joined: 12-January 06 From: Spain Member No.: 8,938 |
Ok, thanks Donna
|
|
|
|
|
Apr 18 2006, 12:31 AM
Post
#7
|
|
|
New Member  Group: Member
Posts: 1 Joined: 17-April 06 Member No.: 10,800  |
Good example
|
|
|
|
|
Apr 18 2006, 04:29 AM
Post
#8
|
|
|
Moderator Group: Moderator
Posts: 801 Joined: 12-January 06 From: Spain Member No.: 8,938 |
Thanks!
|
|
|
|
|
Apr 20 2006, 04:13 PM
Post
#9
|
|
|
New Member Group: Member
Posts: 12 Joined: 24-September 05 Member No.: 7,138 |
Never been much of an Adobe user. Mostly corel for me, but this tut helped familiarize me with adobe tools. Many thx
|
|
|
|
|
Apr 22 2006, 10:05 AM
Post
#10
|
|
|
New Member Group: Member
Posts: 23 Joined: 21-April 06 Member No.: 10,871 |
This is a great tutorial, but I do not like the outcome very much
|
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 29th July 2010 - 10:57 PM |