From the course: Principle for UX Design (2019)
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Cropping and masking - Principle Tutorial
From the course: Principle for UX Design (2019)
Cropping and masking
- [Instructor] When you are building your prototypes inside of Principle, a common task that you'll be confronted with is either cropping or masking an image, and that's the subject of this exercise, cropping and masking. To get yourself started, open the CropMask file found in your chapter download. The way to crop or mask an image inside of Principle is to select the image, and then group it. So I've selected the image on art board one. I'm going to press command G to group it, and I've now got a group. And you can also see it's a group in the layers panel. What you don't do next is grab a handle. Instead, what you do is you click this little button right here, clip sublayers. What this does is to turn the bounding box into a mask. Drag one of the anchor points, and you will see the mask in action. Okay, I'm going to undo this. Now, one of the really neat things about this is that you can open up the group, select the image, and move it around inside the mask. So if I bring the mask…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.