Photoshop CS6 Unlocked, 2nd Edition

Chapter 4Creating Backgrounds

If you’re looking to create a gradient background or a realistic texture for use on your web page, you’ve come to the right place. In this chapter, I’ll show you a stack of solutions for creating seamlessly repeating backgrounds, realistic textures, and more!

Making a Seamless Tiling Background

Tiled backgrounds are a common design element on the Web. In this solution, I’ll show you how to create a series of tiling backgrounds that repeat seamlessly using any shape or pattern that you like.

Solution

Custom Shapes

Create a new Photoshop document and draw your shapes. In Figure 4.1, I’ve used some of the floral shapes that come with Photoshop’s Custom Shape Tool (U), and put each shape on its own layer so that I ...