In this video, learn how to crop and mask imported assets in Principle to make them conform specifically to your project needs.
- [Instructor] When you are constructing … your prototypes using Principle, … a common task you will be confronted with … is either cropping or masking. … And that's the subject of this exercise, … cropping and masking. … So to get yourself started, … open the CropMask file found in your chapter download. … The way to crop or mask an image … is to select the image and group it. … So we're going to select it … and we can choose Arrange Group … or just press Command + G and it's now a group. … And I'm just going to name this one Flowers. … Now, what you don't do next is grab a handle. … 'Kay, all you're going to be doing is resizing the group. … What you need to do is select Clip Sublayers. … And this is where the masking and cropping comes into play. … By choosing Clip Sublayers, … the bounding box of the image or the object … this is the bounding box here, is turned into a mask. … If you drag one of the points in, … you will see a mask in action. … Now, one of the really neat things about this …
- Adding content to new artboards
- Creating your first Principle animation
- Managing the Principle timeline
- Animating with keyframes and drivers
- Using assets from Photoshop and Sketch
- Masking and cropping
- Creating an Apple Watch UI
- Creating a video player
Skill Level Intermediate
Prototyping Microinteractions with Adobe Animatewith Joseph Labrecque1h 50m Intermediate
Prototyping Microinteractions with After Effectswith Tom Green3h 33m Intermediate
What is Principle?1m 17s
1. Getting Started with Principle
2. Using the Principle Timeline
3. Using the Principle Drivers
4. Managing Content in Principle
5. Practical Principle Projects
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.