Skip navigation

Add the main photo to the web layouts

Add the main photo to the web layouts: Sketch Essential Training: The Basics
Add the main photo to the web layouts: Sketch Essential Training: The Basics

We now need to import and crop the main photo for our Desktop HD and Tablet layouts. Go back to the Exercise Files > Ch01 > Photos > banner_photo.jpg. Drag the photo onto the art board. To create the mask, insert a rectangle shape. Size the rectangle. Make sure the photo is above the rectangle. Go to File > Mask. The photo will be clipped into the rectangle shape. Duplication and adjust size for Tablet.

Resume Transcript Auto-Scroll
Skill Level Beginner
2h 9m
Duration
169,643
Views
Show More Show Less
Skills covered in this course
Prototyping Web User Experience Sketch

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now