Making Animated GIFs: UX Interactions & More

Noah Levin, Product Designer / Prototyping Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Videos (33m)
    • Free Lesson: Perspective + After Effects

    • Introduction

    • Exercise 1: LICEcap

    • Exercise 2: Record iPhone + Photoshop

    • Exercise 3: Perspective + After Effects

    • Wrapping Up


About This Class

This fun, 25-minute class walks you through how to design beautiful, simple animated GIFs for your UX interactions and animations. Product Designer Noah Levin teaches you how to use simple tools for GIF making including LiceCap, Quicktime, Photoshop, and After Effects.

Through 3 different exercises, we'll cover a range of techniques for making GIFs. You'll learn how to record interactions directly from your iPhone, how to add perspective, balance colors properly, and some tricks to keep file sizes down for uploading to sites like Skillshare or Dribbble. Making GIFs is a straightforward and useful skill to have for presenting, sharing your work, or just for fun.

No prior knowledge is needed for this class. Dive in, and have fun!

59 of 60 students recommendSee All

Very informative for a beginner. Thank you!
Irene Tomaini

Web designer

To the point, with some great tips you wouldnt just pick up on your own.





Noah Levin

Product Designer / Prototyping Teacher

Noah Levin is a product designer currently living in New York City.

He's taught framer workshops at Google, ClassPass, General Assembly, WhiteSpace, and various start ups like Causes and IMVU.

Most recently he spent 1.5 years at ClassPass growing the leading the UX team to help people live happier healthier lives through studio fitness. Before that, he spent 4.5 years at Google leading the design of the iOS Google app with voice search and Google Now. Before Google, he worked at...

See full profile