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!

55 of 56 students recommendSee All

Irene Tomaini

Web designer

To the point, with some great tips you wouldnt just pick up on your own.
Nice class! Thanks you Levin!





Noah Levin

Product Designer / Prototyping Teacher

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

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

Prior to ClassPass, 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 NASA designing a cuff-mounted interface for astronauts. He grew up in Pittsburgh, PA and received both his undergraduate and master's degrees at Carnegie Mellon in Human-Computer Interaction.