Apr112011 Web Design Photoshop Website Design – Nav Bar Article posted by gordenweb 22 Comments www.pixelfolife.com This is the first part of a “Photoshop Website Design” series. You can find the project files and other parts of this series at: www.pixelforlife.com Related Tags: Design, Photoshop, Website Did you enjoy this article? Share it! Related Posts Design & Code a Mobile First Landing Page! (1/4) How-to Add Custom CSS To Your WordPress Website Introducing Oxygen – Visual Website Design Software for WordPress Build a Website Using HTML and CSS – Project #1 – Hindi / Urdu Tutorial About the Author: 22 Comments+ Add Comment Timzy921 April 11, 2011 at 8:33 AM Nice tutorial 🙂 MarjorieRafal April 11, 2011 at 8:27 AM this guys is a genius, but it seems way to hard to do it yourself. davronru April 11, 2011 at 7:46 AM Nice and helpful tutorial. Thanks. jonnyjd5 April 11, 2011 at 7:24 AM Good job I like your work..Very creative. kuunami April 11, 2011 at 7:01 AM This is really helpful. What’s great about this tutorial compared to a lot of the other ones is that you did things from scratch rather than using elements from a project CD or file. vegasgm85 April 11, 2011 at 7:00 AM Awesome video! Your real easy to follow (for a beginner like me)… How about slicing and adding the links? khuram855 April 11, 2011 at 6:15 AM pixel for life i have a problems in video part 2 time 2:47 that you say some thing select delete inverse and delete i dont now how to delete please help me how can delete that Terryzxx April 11, 2011 at 6:01 AM Great Job Man! themewz April 11, 2011 at 5:54 AM i dont understand half of it but its just fun watching you devastate with photoshop lol kamikazee55 April 11, 2011 at 5:28 AM hit delete on your keyboard CmPLAx93x April 11, 2011 at 5:15 AM sub 😉 JustaFreak15 April 11, 2011 at 5:12 AM I cant reselect the text to change it… it just brings up the square select font space again… moonshiry April 11, 2011 at 4:54 AM @JustaFreak15 u either rasterized the text, meaning making the text into an image or you are just selecting it wrongly. Use the Text tool and press on the words again. if it doesnt work, means you have flattened the image already (meaning rasterized i think) JustaFreak15 April 11, 2011 at 4:30 AM I think i understand what I did, because I was making that statement based on the Text Outline.. instead of the actual text. When I did so on the actual text, it worked fine. Thanks for gettin back to me though. lediankondi April 11, 2011 at 4:06 AM alt+ctrl+i mattreeves437 April 11, 2011 at 3:31 AM When you are making your header and navigation bar are you just free handing the rough size or are you somehow setting it to a specific size? OneGamblor April 11, 2011 at 2:44 AM Such a cool design, I hope I can to your standards. pfltuts April 11, 2011 at 2:35 AM @mattreeves437 I know it’s kind of late, but.. When I create a header and navigation bar, I pretty much free hand it. I can normally tell at a glance if the proportions are off. You can also tell by going off of your navigation bar. Make you font about 15px, and then center it within a box, and work off of that. kurogane2x April 11, 2011 at 2:06 AM how do you connect like use the a href tag?? to link the different things pmadesk April 11, 2011 at 2:02 AM GREAT,, IT HELP A LOT Hitman47PL April 11, 2011 at 1:42 AM @kurogane2x That would be HTML. Use photoshop to play around with colors and such, then you have to code it out using HTML/CSS. You can use Photoshop’s export function but that is VERY rough and I do not recommend it. CHECKOUTLEADSDOTCOM April 11, 2011 at 1:27 AM Lkng for a Web Developer to HELP build my website – newyork | At checkoutleads . com, it takes 2 minutes to instantly generate and contact more quality leads like this one to buyers interested in what you are offering.