From the course: Productivity Tips for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Using content-aware scaling for photos on the web

Using content-aware scaling for photos on the web

From the course: Productivity Tips for Web Designers

Start my 1-month free trial

Using content-aware scaling for photos on the web

- Hi everyone, this is Sue Jenkins with Productivity Tips for Web Designers. In this weeks lesson, I'll be showing you how to use Content-Aware Scaling to stretch and shrink images for your web layouts without causing any of the normal image distortion you'd see in a regular scale transformation. Many websites nowadays include large banners or background graphics. You've seen them, the rotating banners, the wide header photos and the giant parallax scrolling background images. In most cases these images are relatively wide yet short enough to fit the layout from edge to edge. To create these kinds of graphics in your web layouts you often need to start with images that have been originally photographed or drawn as landscape rather than portrait. In addition, these images have enough information within the crop area to communicate what you need to communicate effectively. If you're not a photographer or illustrator yourself finding the right stock images for your project that also fit…

Contents