In this video, learn how to create a widget that uses a slider to change the shape and scale of an interface element.
- [Instructor] In this exercise … we're going to use the multiple drivers … to create a widget that uses a slider … to change the shape of an image, … and another to scale it up or down. … So let's get started. … And to get yourself started open the multiple drivers file … found in your chapter download. … When it opens you will see we have the sliders … and the image in place. … Now there are a couple of things you need to know … before we start. … The first is you can't increase the roundness of the image. … If I twirl down the artboard here, select the image group … and change the radius, you see, nothing happens. … But if I select the image group and select clip layers, … watch what happens. … Boom. … So there's a little teacher trick, … so you don't necessarily always have to use a mask … to change the shape of something. … You can use the group to change the shape. … The second thing we need to do … is we need to keep the slider button on the base. … We need to keep it there and there. …
- 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.