Intro to UI/UX Animation in After Effects

Learn the basics of Adobe After Effects
How to create animated prototypes of your app/software using Adobe After Effects
Proven methods to successfully animate for UX/UI
How to export designs to After Effects and then set up those designs for animation
How to plan animations for UX/UI designs
How to animate and prototype an actual app inside of After Effects
How to polish your animations for presentation

Course Curriculum

Welcome to the course

Join the Discord

Introduction to After Effects

Preparing your designs for animation

Animating your design

Conclusion

Student Ratings & Reviews

No Review Yet

Level

Beginner
Duration

1 hour 36 minutes
Last Updated

December 5, 2023
Certificate

Certificate of completion

A course by

Cameron Perry

Explore additional courses

Beginner

Character Animation Launchpad

By John Preece

$119.00

Beginner

After Effects Jumpstart

By John Preece

Intro to UI/UX Animation in After Effects

What I will learn?

Course Curriculum

Welcome to the course

Join the Discord

Introduction to After Effects

Basics of After Effects

Design tools in After Effects

Intro to keyframing

Intro to Easing

Masking and Parenting

Pre-composing (grouping)

Animation Exercise

Preparing your designs for animation

Designing for Animation and prepping your designs

Exporting from XD to After Effects

Exporting from Sketch or Figma to After Effects

Setting up your After Effects project

Planning out your animations (shot listing and storyboarding)

Animating your design

Animation part 1

Animation part 2

Animation part 3

Animation part 4

Conclusion

Tips for setting up an animated demo

Conclusion

A course by

Material Includes

Tags

Explore additional courses

Character Animation Launchpad

After Effects Jumpstart

Stay in Touch