Building upon what you learned in the previous exercise, learn how to create a preloader component in this video.
- [Instructor] A common design pattern is a preloader … showing content loading. … Which is usually represented using … either something that spins or a progress bar. … In this exercise we're going to create both. … To get yourself started open the spitter progress file … found in your chapter download. … So we'll start with the spinner. … Essentially a spinner is comprised of an element that loops. … So what this tells you is you need to apply … an auto transition between the two airports. … So the first thing you're going to do, … is you're going to open up airport one, … select the spinner here. … And we're just going to add an auto transition … that points to the second airport. … And then we're going to select the spin group, … and we're going to set the angle to 360 degrees … because that's the angle of a circle. … So we want to spin through 360 degrees. … Of course, we're going to have to come back. … So we'll come to auto, come back … and let's see what we've got here. … So I'm just going to pull in the preview, …
- 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.