In this video, learn how the paging feature can create such items as image carousels on an artboard.
- [Instructor] A common design pattern is an image carousel, … and they're everywhere from websites to mobile screens. … And this is where a series of images are brought … into focus by either swiping, clicking … or dragging the images on the screen. … In principle, what you need to do is actually add paging … to the carousel. … And that's what we're going to look at in this exercise. … To get yourself started, open the paging file found … in your chapter download. … The first step to creating a carousel is … to select the three images … that we're going to be working with here, … streets, markets, and history, … and you group them. … Paging only works with a group, … and we'll name this cards. … So now we can select the cards, … and we come over here to the horizontal properties, … and we'll set it to page. … If we show the preview, you can see that we've got it, … but again, it springs back, … and we know the cause of that. … This group is wider than the viewport, … so let's pull this in. …
- 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.