Photoshop Website Design – Nav Bar
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
Video Rating: 4 / 5
Making a web site using a Content Management System. A step-by-step web design tutorial using the worlds favorite database driven web design system, Joomla! [Original Video created by National Web Design]
28 Responses to “Photoshop Website Design – Nav Bar”
this vidoe in fucking awsome! i used so much of the tip i allmost feel i need to pay you.
ps.
im a cheap bastard.
Thanks mate, nice tips. Keep it up!
I used the Coupon code: “FREEBEE001″ to save 9.94 OFF on HostGator
in that way i only pay $0.01 for my web hosting on HostGator, It really works!!
Great video tutorial
get assistance from Professional web design and SEO call the folks at White Hope Productions, you can call them at 1.877.312.7575
Great video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:
@regentskel Hold down Command (on a mac) or Control (on a PC) and click with your mouse button on the image thumbnail.
what key I must press??2:44
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.
@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.
GREAT,, IT HELP A LOT
how do you connect like use the a href tag?? to link the different things
@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.
Such a cool design, I hope I can to your standards.
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?
alt+ctrl+i
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.
@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)
I cant reselect the text to change it… it just brings up the square select font space again…
sub
Two years later and this tutorial is still good to go. BTW,
sitestartups0com, both Joomla and Mambo are the same.
Great advice on using Joomla. A great alternative to Joomla is Mambo in case you didn’t know.
do you have a website?
thank you, your tutorials help me out a lot, I’m new at Joomla
Thanks. The general principle here is to give users the basics of how to update their sites and maintain a CMS web site on a day to day basis. Things like installation, design of the navigation interface, code optimization etc are all very much more advanced and typically take days or weeks rather than minutes to do properly.
There is a wealth of information out here, but you will not find the more complex aspects of web design.
You are welcome!
that was very helpful. cheers