Skip navigation

On September 14th, 2017, we published revised versions of our Privacy Policy, Terms of Service and Website Use Policy and published a Cookie Policy. Your continued use of Lynda.com means you agree to these revised documents, so please take a few minutes to read and understand them.

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
94,692
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