Photoshop CS6 Unlocked, 2nd Edition

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

Solution

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 ...