Design the Web: Creating a Repeating Background in Photoshop

Learn how to create an optimized repeating background for websites and applications with Adobe Photoshop.

Introduction

• Welcome
• About the exercise files

1. Repeat on One Axis

• Crop and wrap the image
• Adjust the lighting across the seam
• Stamp the offset seam
• Save and test the seamless graphic

2. Repeat on Two Axes

• Create the offset for the clovers
• Paint on the layer mask
• Use the Clone Stamp tool
• Adjust color and Save for Web

Conclusion

• Next steps