Web Design Tutorial – Apple Navigation in Photoshop

Posted on Friday 27th Nov 2009 by James Bavington 4 Comments

In this week’s web design video blog, Nick and James talk about an interesting blog written by Rory Cellan-Jones titled ‘Wikipedia on the wane?‘. The video then continues with an Adobe Photoshop tutorial – ‘How to create an Apple Style Navigation in Photoshop’. The video blog then concludes with a showcase of a stunning Flash website – Red Interactive Agency.

You can watch this week’s video above, in the embedded YouTube video, or alternatively, you can click on the link below to watch it directly on YouTube.

How to create an Apple style navigation bar in Photoshop.

About James Bavington

Away from computers, James enjoys mountains, military history and has an insatiable appetite for film - particularly 90's classics.

See all of posts.

Add on James Bavington Google+

James Bavington's Tweet's

This entry was posted in Web Design Videos and tagged , , , . Bookmark the permalink.

4 Responses to Web Design Tutorial – Apple Navigation in Photoshop

  1. Dario - Snapshot Media says:
    December 3, 2009 at 6:15 pm

    The apple website is one of the best out there without a doubt. The apple style just ooozes class and anyone wanting to create a site should take inspiration from them.

  2. Ken says:
    August 29, 2010 at 1:45 am

    Gentleman,

    While my technical (i.e. programming) skill is an area I retain a high level of confidence, when it comes to the art of web page design I have been at a painful loss.

    Much thanks for your direct and informative explanation of creating a standard menu bar. After perusing a number of books and tutorials about design, I am convinced my time was wasted.

    This has been thoroughly technically fulfilling.

    cheers!

  3. Ken says:
    August 31, 2010 at 9:40 am

    After getting things working in Dreamweaver and testing through live, it worked great, but now, running the test file in Firefox, the bottom graphic is not being accessed properly and the pixel setting appear to be off, even though nothing has changed.

    Works fine in Dreamweaver. Fails in Firefox. I’ve spent an hour trying to debug this and no luck.

    Any tips?

  4. olivier says:
    January 8, 2012 at 5:52 am

    Hello,
    I just finished watching your tutorial. it was so great. Nut, I have question. I made the navigation bar, but I am having problem mapping the link or add the link to it. I was wondering if you could help me with tutorial or send me a link please. I will really appreciate.

    Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>