Prototyping Microinteractions with After Effects

Prototyping Microinteractions with After Effects

Prototyping Microinteractions with After Effects is an Intermediate level course on Web, produced by the creator, Tom Green. This course is an important step for a person who needs to sharpen his/her Web expertise. It provides you a strong understanding on Interaction Design, Web, User Experience, Adobe XD, After Effects, Interaction Design, Web, User Experience, Adobe XD and After Effects.

Free Download - Prototyping Microinteractions with After Effects
Author Tom Green
Publish Date 6/11/2019
Skill Intermediate
Duration 3h 33m
Topic Adobe XD
Video Tutorials 46
Last Update N/A

After Effects is more than a video effects application. For UX designers, it’s a go-to tool for prototyping. With After Effects, designers can create small but meaningful interactions—microinteractions—that communicate details such as timing and visual feedback to developers and clients. In this course, Tom Green shows how to build microinteractions in After Effects, using features such as the Graph Editor, easing, and Keyframe Velocity. Develop your skills as you work your way through simple projects, from taps to swipes, and then dive into more advanced projects that integrate Photoshop, Illustrator, and Adobe XD. In these hands-on exercises, you can learn how to prototype more complex designs, such as accordion menus and 3D interactions. Each lesson shows how to capitalize on the motion-driven workflow in After Effects to capture the subtle details of your design.

Topics include:

  • Preparing your comps and your workspace
  • Adding keyframes and easing
  • Creating a cursor
  • Creating a single or double click
  • Creating drags and swipes
  • Building content in other Adobe apps
  • UI microinteractions
  • Animating containers
  • Zooming in a UI
  • Building 3D effects

Prototyping Microinteractions with After Effects : Video Lessons

  • What this is all about1m 42s
  • What you need to know54s
  • What are microinteractions?2m 56s
  • Why do we need microinteractions?3m 32s
  • Why After Effects?3m 12s
  • Preparing comps in AE3m 49s
  • Using the timeline4m 2s
  • Using markers2m 46s
  • Keyboard shortcuts3m 28s
  • Adding keyframes6m 16s
  • Using eases3m 5s
  • Using the Graph Editor5m 35s
  • Using the AE tools7m 24s
  • Using primitives to create interactions7m 30s
  • Creating a cursor4m 51s
  • Creating a precomp6m 1s
  • Creating a simple click/tap7m 25s
  • Creating a double click/double tap4m 55s
  • Creating a long press4m 59s
  • Creating a drag4m 49s
  • Creating a swipe4m 6s
  • Creating a pinch/zoom4m 37s
  • Photoshop3m 10s
  • Importing Photoshop into After Effects3m 54s
  • Illustrator2m 30s
  • Importing Illustrator into After Effects3m
  • Adobe Experience Design (XD)3m 29s
  • Create a microinteraction from an XD import5m 57s
  • Sequencing5m 29s
  • Transitions9m 48s
  • Animated containers10m 23s
  • Using a focal element5m 31s
  • Creating an overshoot2m 52s
  • Stretching elements3m 50s
  • Zooming5m 44s
  • Floating action button fundamentals6m 48s
  • Sticker sheets4m 21s
  • Arcs4m 30s
  • Text input2m 20s
  • 3D effects5m 22s
  • A pulsing cursor5m 19s
  • Wireframe a drawer5m 6s
  • Refining the slide-in drawer5m 42s
  • Card-based layouts4m 42s
  • The ripple effect4m 48s
  • Next steps1m 21s

Recommended video tutorials from YouTube.

  • UI Micro Interaction/Animation Tutorial in Adobe XD and After Effects CC 2018!
  • Checkout my Design Course on Udemy: Support me on ...

  • DateTime : 2018-06-17 13:19:23
  • Source : Design Pilot
  • How to Mockup UI Animations in After Effects #MSI
  • This Adobe After Effects tutorial will demonstrate how to animate and mockup a user interface design on a device. This video is sponsored by MSI. Project Files ...

  • DateTime : 2019-10-03 16:30:05
  • Source : Dansky
  • Liquid Animation in After Effects // UI Design Course
  • We create readymade websites, illustrations and branding. Lots of designers, illustrators, developers and other people from IT industry follow ...

  • DateTime : 2019-04-12 16:14:42
  • Source : Cuberto Design

Please consider buying this course - Prototyping Microinteractions with After Effects directly from the author - Tom Green. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: , , , ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.