« BackPage Auto Reply to 1000’s Fast (Part 1 of 3)
what is the official website for Canadian immigration? »

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:
http://www.pixelforlife.com/website-design-tutorial/

Duration : 0:9:44


[youtube otk9Lgvbykg]

This entry was posted on Sunday, June 27th, 2010 at 12:07 am and is filed under website designers. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

18 Responses to “Photoshop Website Design – Nav Bar”

  1. @mattreeves437 I …
    @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.

  2. Such a cool design, …
    Such a cool design, I hope I can to your standards.

  3. mattreeves437 on June 27th, 2010 at 12:07 am

    When you are making …
    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?

  4. alt+ctrl+i
    alt+ctrl+i

  5. I think 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.

  6. @JustaFreak15 u …
    @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)

  7. I cant reselect the …
    I cant reselect the text to change it… it just brings up the square select font space again…

  8. sub ;)
    sub ;)

  9. hit delete on your …
    hit delete on your keyboard

  10. i dont understand …
    i dont understand half of it but its just fun watching you devastate with photoshop lol

  11. Great Job Man!
    Great Job Man!

  12. pixel for life i …
    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

  13. Awesome video! Your …
    Awesome video! Your real easy to follow (for a beginner like me)… How about slicing and adding the links?

  14. This is really …
    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.

  15. Good job I like …
    Good job I like your work..Very creative.

  16. Nice and helpful …
    Nice and helpful tutorial. Thanks.

  17. MarjorieRafal on June 27th, 2010 at 12:07 am

    this guys is a …
    this guys is a genius, but it seems way to hard to do it yourself.

  18. Nice tutorial :)
    Nice tutorial :)

Leave a Reply