Photoshop CS6 Unlocked, 2nd Edition

Chapter 8Designing a Website

Up to this point, we’ve covered solutions for creating different graphical and type elements. You’ve probably amassed quite a collection of techniques by now, and you may be wondering what you’re going to do with them all. This chapter covers concepts and techniques on creating website comps —mockup layouts—in Photoshop. I’ll show you how to evaluate your layout to determine which parts can be styled using CSS, as well as how to optimize and save the necessary images from your layout for use on the Web.

Before Firing up Photoshop

Before you start your mockup magic in Photoshop, there are a few matters to consider:

• Will you be using a grid? If yes, take a look at the solution in the section called “Setting up a Grid ...