Learn techniques you can use to prototype motion and interactions using Adobe After Effects CC 2018.
- [Tom] Well, hello there! My name is Tom Green, and I would like to welcome you to After Effects for UX Design. You are about to discover that After Effects has become more than a video effects application. It has become one of the go-to tools for UX designers due to its ability to give them granular control over several aspects of the UI prototyping process. We start with a look at the core After Effects skills you need to know, which range from setting frame rate to workflow efficiencies, such as parenting.
From there, we move into another core skill, prototyping common screen interactions for everything from taps to adding context to your prototypes by showing how to answer the age-old question, well, how does it look on a device? As well, we will examine how to create common design patterns, which range from progress bars to slide-in menus. We then wrap it up by learning such techniques as creating a bounce ease, pulsing cursors, and even how to add a cursor to input text. There's a lot to cover, so let's dive right in and really start learning how After Effects will supercharge your UX design workflow.
- 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.