Join Tom Green for an in-depth discussion in this video Cropping and masking, part of UX Design Tools: Principle.
- [Voiceover] 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 lesson,…cropping and masking.…Now, I want to crop this image,…I want to just work with this little green bit here,…so I want just this little part of the image to show.…So to crop it,…what you do is you select the image,…and group the image,…right up here.…So I'm going to move the mouse up to the Group button,…click it.…It's now a group,…and you can see that it's a group in the layers panel.…
And,…what you don't do is grab a handle now,…what you do is you clip sublayers,…you just click that checkbox,…and what that does…is clip off what you don't want.…So it basically hides it.…So if I want to just bring in the little green house…right here,…I can do that.…Now, one of the really neat things about this,…is that I can open up the group,…select the image,…and then I can just move the image around inside the clip,…or the cropped areas.…
- 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
- Manipulating content properties
- Modifying keyframes and retiming
- Masking and cropping
- Creating transitions
- Develop an Apple Watch alert
- Create a ripple effect
- Animate button presses
Skill Level Appropriate for all
Foundations of UX: Prototypingwith James Williamson1h 39m Beginner
UX Design Techniques: Paper Prototyping (2014)with Chris Nodder24m 25s Intermediate
1. Getting Started with Principle
2. Using the Principle Timeline
3. Using the Principle Drivers
4. Managing Content in Principle
5. Practical Principle Projects
Next steps1m 2s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.