Creating Buttons and Tabbed Interfaces in Photoshop
by Zac Van Note

The State of the Button

Hyperlinks are the glue that holds the web together. Without an easy way to navigate from page to page, we would never find all the useful information on the internet. Of course, blue underlined hyperlinks don’t give your site much flexibility. That’s where buttons come in. Buttons have been around on the web for about as long as Mosaic brought graphical browsing to the masses back in the early ‘90s. The styles and colors have changed over the years; from simple flat color buttons to colorful glossy buttons, we’ve seen it all. There now seems to be a fairly even split between approaches to buttons in web interfaces. On one side are the minimalist buttons that just give a hint that they’re clickable, often with no graphics in sight. At the other end are buttons that take their job seriously and use various graphical tricks to make their ‘clickability’ obvious.

Advertisement Fish Eye Menu

Do you want to create fantastic interactive menus with a Mac OS X toolbar look? Use FishEye menu for your website buttons. Make galleries, portfolio's, menu's or anything else where you need a cool navigation. All without Flash, pure JavaScript and CSS. Use effects that will make your eyes pop out! Choose from one of the many predefined styles or create your own, there will always be a menu that suits your needs!


This article discusses the most prominent styles and how you can create them in Photoshop and Dreamweaver. Along the way, I’ll give you numerous examples and additional resources. Let’s get started…

- OR -

Zac Van Note

Zac Van NoteZac earned his BFA in graphic design at New MexicoStateUniversity. In the years before college, he wrote, drew, and published comic books. In the years since college, he's worked as a graphic designer for three large B2B distributors creating catalogs, web sites, and multimedia presentations.

Since 1999, Zac has taught hundreds of classes at the University of New Mexico and Santa FeCommunity College, including Photoshop, Illustrator, Dreamweaver, Flash, HTML and much more. He has also contributed to several Dreamweaver books as an author and technical editor for New Riders/Peachpit and Thomson-Course Technologies. The site he created for his students,, is a good reference for anyone interested in design and graphics.

See All Postings From Zac Van Note >>

Place your review about Creating Buttons and Tabbed Interfaces in Photoshop

You must me logged in to write a review

Be the first to place a review