Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Adobe After Effects for UI/UX Designers
Rating: 4.3 out of 5(73 ratings)
437 students
Created byCameron Perry
Last updated 8/2021
English

What you'll learn

  • Will will learn the basics of Adobe After Effects
  • You will learn how to create animated prototypes of your app/software using Adobe After Effects
  • You will be given tips on how to successfully animate for UX/UI

Course content

4 sections20 lectures1h 37m total length
  • Introduction2:03
  • After Effects Basics2:29
  • Design Tools in After Effects1:27
  • Intro to Keyframing3:28
  • Intro to Easing3:12
  • Masking and Parenting3:55

    Master masking, blending modes, and parenting in After Effects to create dynamic UI animations. Use track matte, pen and ellipse tools to shape masks and link layers for coordinated motion.

  • Pre Composing (Grouping)1:51

    Explore pre comps in After Effects to group multiple layers, edit nested comps, and adjust dimensions, frame rate, and length, then practice keyframing and easing in an upcoming exercise.

  • Animation Exercise7:01

Requirements

  • Be familiar with UX/UI or Graphic Design

Description

Motion graphics animation has been around for a while, but only recently has it become a massively important tool for UX/UI designers. This course will teach you everything you need to know about Adobe After Effects for UX/UI animations and prototyping software designs using animation.

After Effects can be a bit of an overwhelming piece of software to learn, but luckily for you as a UX/UI designer, there are many parts of After Effects that you don't even need to know about or learn to be successful. I've cut out all the fluff in this course and just give you the absolute necessities to get the job done!

This course is not intended to be a UX/UI course, this is a full-on motion graphics animation course geared toward UX/UI designers. As such, you do need a base-level knowledge of UX/UI in order to have the necessary context to follow along.


Here are some things you'll learn:


- After Effects basics including the very important concepts of keyframing and easing

- 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


Along with all of the lectures provided in this course, you'll have access to the Adobe XD prototype app I use as an example throughout the course, the After Effects project file set up and ready to go, some app demoing assets, as well as an animation exercise to help familiarize yourself with basic After Effects concepts.


Get ready to become a UX/UI animation pro!

Who this course is for:

  • UX and UI designers
  • Graphic Designers
  • Illustrators
  • Software Developers