Making Animated GIFs: UX Interactions & More

Noah Levin, Product Designer / Prototyping Teacher

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

    • 2. Introduction

    • 3. Exercise 1: LICEcap

    • 4. Exercise 2: Record iPhone + Photoshop

    • 5. Exercise 3: Perspective + After Effects

    • 6. 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!