Chapter 3Creating Buttons

Now, on to the good stuff! In this chapter, we’ll be making navigation buttons. I’ll describe solutions for creating button effects. Don’t worry about making a complete navigation interface in Photoshop just yet; I’ll help you design layout comps later in the book. The techniques you’ll learn here can be applied to any button-like object, including icons, bullets, title and navigation bars, and other page accents.

Making a Simple Flat Button


Rectangular Flat Button

We’re going to draw a basic rectangular button. Set the foreground color to a color of your choice, then draw a rectangle with the Rectangle Tool (U). I told you it was basic. I made mine more interesting by drawing another rectangle in a lighter ...

Get Photoshop CS6 Unlocked, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.