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 books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.