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

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.