The whole purpose of a prototype is to show motion. In this video, focus on how to move objects in a comp, adjust their timing, and move t hem on an arc.
- [Instructor] If there is one principle of motion…that I regard as gospel, it is this.…You cannot describe motion.…You have to show it.…For example, put four people around a table and tell them,…when this button is tapped,…icons are going to pop out from behind it.…And I guarantee you there will be five different takes…on how those icons will move out from behind the button…that was just tapped.…When it comes to prototyping in After Effects,…you have amazing granular control over how things move.…
In this exercise,…we're going to look at some of those techniques.…And to get yourself started, open the 02_Motion file…found in your download.…So the plan here is to take this little Twitter logo…and move it from here to over here, over half a second.…The first thing we might want to do is to zoom the timeline.…And that's what this little slider down here does,…it zooms the timeline.…You move it all the way to the right,…and you're looking at it in single-frame increments.…Move it all the way to the left,…and you basically see the whole timeline itself.…
- Prototyping motion
- Using the Graph Editor
- Working with shapes and masks
- Supporting tap, press, and swipe gestures
- Handling pinch and spread gestures
- Designing patterns
- Making navigation, buttons, and breadcrumbs
- Creating progress bars
- Working with modals, menus, and cards
- Zooming content
- Making a floating action button
- Handling text input and cursors
Skill Level Beginner
Modular UX Design with Photoshopwith Jesse Freeman48m 8s Advanced
1. Microinteraction Fundamentals
2. The Common Gestures
3. Design Patterns
Next steps1m 21s
- 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.