iEntry 10th Anniversary FAQ Register
Today's Posts
Register
     
 

EvoGFX \ Graphics \ PS Tutorials \ Layout Tutorials \ Website Navigation

Layout Tutorials Want to learn how to create some layouts in photoshop? Come on in.

Reply
 
Display Modes
Old 10-03-2006, 12:57 AM   #1
PicoDeath
 
Join Date: Jun 2005
Location: England
Posts: 9,702
PicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirt
Default Website Navigation

Step 1
Create a new document, I used 400px by 400px, fill the background with a light colour or whatever you like best, we'll be creating a dark navigation, now draw a vertical rectangle.



Step 2
Before filling the rectangle let's add some smooth edges, go to 'Select > modify > Smooth > 5px' and fill it with a colour, I've used #383333.






Step 3
Create a new layer and once again go to 'Select > Modify' but this time select 'Contract', do something around 4-5 pixels this way the edges don't get distorted, fill this with a lighter colour than the previous.






Step 4
Drop Shadow




Inner Shadow




Outer Glow




Gradient Overlay





Now use these settings for the first layer you created, this will be the border of the navigation, you should have something like this.








Step 5
Now create a rectangle with a decent size for some text to fit into, I then used a slight gradient overlay to make it more exciting than just a blank colour, then i added a 1pixel line underneath the recent created rectangle, this is to separate this from the next image, just simply duplicate this layer down till it's full(some may need adjusting, the top and bottom because of the curving edges)









Step 6
Now it should look something like this, you can add some more blending options to the link backgrounds if you wanted, I added a inner shadow and a glow to make it look a little better, just play around and add links / images depending on your site.






Final preparations
I'm going to add some extremely basic things to the navigation such as text and maybe some images, such as ones found on tutorial websites, just to make the navigation look complete.





Depending on your background of your website, some settings could need tweaking!

Remember to register on the forums for future tutorials and to get support for anything photoshop related!
__________________
SEOContest2008
---------------------------------------
Gamernade - 360sigs - Fresh Myspace

Last edited by PicoDeath : 03-27-2007 at 11:19 PM.
PicoDeath is offline   Reply With Quote
Old 10-03-2006, 06:52 PM   #2
Adam
Cockney Geezer
 
Adam's Avatar
 
Join Date: Aug 2005
Location: UK - East London
Posts: 3,630
Adam has set out on a quest for fameAdam has set out on a quest for fameAdam has set out on a quest for fameAdam has set out on a quest for fame
Default Re: Website Navigation

:wub: that navigation menu tbh.
__________________
Gamernade - 360sigs
Adam is offline   Reply With Quote
Old 10-03-2006, 07:43 PM   #3
P4R
Banned
 
P4R's Avatar
 
Join Date: Nov 2005
Location: Georgia
Posts: 3,328
P4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura about
Send a message via MSN to P4R
Default Re: Website Navigation

very sexy tut
P4R is offline   Reply With Quote
Old 10-04-2006, 12:56 AM   #4
urmomma
 
urmomma's Avatar
 
Join Date: Nov 2005
Posts: 520
urmomma has yet to receive reputation
Default Re: Website Navigation

really nice Pico
__________________

GlitchSeekers
1,700+ Renders/Stocks
<?php echo "PHP is my anti-drug"; ?>
urmomma is offline   Reply With Quote
Old 10-06-2006, 01:50 AM   #5
KnFC
i like turtles
 
KnFC's Avatar
 
Join Date: Jun 2005
Location: the places where i hustle every day
Posts: 2,218
KnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura about
Send a message via MSN to KnFC
Default Re: Website Navigation

mmmmmmmm good
__________________

Son, we live in a world that has walls,
and those walls have to be guarded by men with guns.
Who's gonna do it? You?
KnFC is offline   Reply With Quote
Old 02-03-2009, 12:29 PM   #6
ada_420
 
Join Date: Feb 2009
Posts: 1
ada_420 has yet to receive reputation
Default Re: Website Navigation

qood
ada_420 is offline   Reply With Quote
Old 05-13-2009, 06:34 PM   #7
pitler
 
Join Date: May 2009
Posts: 1
pitler has yet to receive reputation
Default Re: Website Navigation

Why i cant see the images ?? Theres only adds !!!
pitler is offline   Reply With Quote
Old 06-15-2009, 04:54 PM   #8
dolphion
 
dolphion's Avatar
 
Join Date: Jun 2009
Posts: 12
dolphion has yet to receive reputation
Default Re: Website Navigation

what is that..???? cant see the images!
__________________

please come to my blog..! goodluck all!
dolphion is offline   Reply With Quote
Old 12-15-2009, 05:44 AM   #9
s.tsak
 
Join Date: Dec 2009
Posts: 1
s.tsak has yet to receive reputation
Default Re: Website Navigation

as
s.tsak is offline   Reply With Quote
Old 12-29-2009, 09:06 AM   #10
veicy
 
Join Date: Dec 2009
Location: USA
Posts: 92
veicy has yet to receive reputation
Default Is it legal to Unlock an iPhone to use with other service providers other than AT&T?

I've been due for an upgrade for a little while now, and I really want to get an iPhone, I do have at&t. So what do i have to pay for in order to do this. I understand that I must pay for the iPhone itself, an additional $30 a month, and an upgrade fee. Anything else?



________________
unlock iphone 3g
veicy is offline   Reply With Quote
Old 01-03-2010, 10:23 PM   #11
veicy
 
Join Date: Dec 2009
Location: USA
Posts: 92
veicy has yet to receive reputation
Default Is it possible to predict what will happen with Forex rates?

What do you need to do to setup a currency trading firm providing forex products to businesses?
best forex software
veicy is offline   Reply With Quote
Old 01-08-2010, 10:22 PM   #12
veicy
 
Join Date: Dec 2009
Location: USA
Posts: 92
veicy has yet to receive reputation
Default What's the difference between the new model of iPhone and the old iPhone?

I really want an iPhone but the plans are ridiculously expensive and I don't feel confident buying one and trying to jailbreak it. What other great phones are out there?
unlock iphone
veicy is offline   Reply With Quote
Old 01-10-2010, 12:05 PM   #13
zooperstar
 
Join Date: Jan 2010
Posts: 1
zooperstar has yet to receive reputation
Default Re: Website Navigation

why i cannot see the images from this tut?
zooperstar is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump





Evogfx.com is an Privacy Policy and Legal
Forum skin by ForumMonkeys. Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.