Design the Web: Multiple Graphic Sizes

Leverage Smart Objects, clipping masks, and slices, in Photoshop and make graphics that will look razor sharp on any screen size.

Introduction

• Previewing the final project
• About the exercise files

1. Creating Web Graphics at Multiple Sizes

• Creating clipping areas
• Combining Smart Objects and clipping masks
• Slicing and exporting multiple images

2. Targeting High-Density Displays

• Scaling the canvas and slices of hi-res web graphics
• Using Save for Web to scale down web graphics