Join Tom Green for an in-depth discussion in this video Next steps, part of After Effects for UX Design.
- [Instructor] Throughout this course,…you have pretty well been given…the basic skills to prototype common…microinteractions in After Effects,…but if you really want to further your knowledge,…Lynda.com has a couple of courses…you might find interesting.…If you are looking to up your skill level…with After Effects, this course Master After Effects,…would be a great place to start.…If you're looking to improve your prototyping skills,…then this learning path, Improve Your UX…Prototyping Skills, is tailor made for you.…
There are a couple of other sites…you might want to visit if this course has sparked…your interest in After Effects for UX design.…The first one is this one from Issara Willenskomer.…He has established a solid reputation…as an After Effects master when it comes…to After Effects and microinteractions…and his YouTube channel is worth a bookmark.…Another great resource is this company here, MOBOX Graphics.…They have posted quite a few UX design tutorials…to their YouTube channel and it too is worth a bookmark.…
Author
Tom Green
Released
4/30/2018- Prototyping motion
- Easing
- 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
Duration
Views
-
Introduction
-
Welcome1m 12s
-
Exercise files1m 28s
-
-
1. Microinteraction Fundamentals
-
Prototyping motion7m 17s
-
The role of easing2m 22s
-
Using the Graph Editor5m 52s
-
Working with shapes6m 43s
-
Using masks4m 25s
-
The joy of parenting3m 43s
-
2. The Common Gestures
-
The tap gesture5m 48s
-
The double-tap gesture3m 52s
-
The long press4m 22s
-
The swipe gesture6m 40s
-
-
3. Design Patterns
-
Buttons and breadcrumbs9m 54s
-
Bottom navigation6m 21s
-
Making a switch9m 13s
-
Creating a progress bar3m 12s
-
Showing progress with value4m 23s
-
Working with modals8m 45s
-
Slide-out menus10m 48s
-
Cards7m 19s
-
-
4. Microinteractions
-
Morphing objects7m 48s
-
Building a bounce ease5m 33s
-
Creating the "jelly effect"8m 15s
-
Zooming content6m 16s
-
A pulsing cursor8m 21s
-
Floating action button7m 1s
-
Ripple effect6m 54s
-
Text input4m 38s
-
Adding cursors5m 58s
-
-
Conclusion
-
Next steps1m 21s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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.
Share this video
Embed this video
Video: Next steps