Creating Gifs of UX/UI Projects | Matt Ward | Skillshare

Creating Gifs of UX/UI Projects

Matt Ward, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (13m)
    • 1. Introduction

    • 2. Methods Overview

    • 3. Record Your Video

    • 4. Convert to Gif

    • 5. Add Device Mockup - Optional

    • 6. Wrap Up


About This Class

In this class I'll be sharing the process that I use to create gifs for presenting apps or websites in presentations and portfolios.

I use these techniques in the portfolios I’ve created and in almost every single client presentation I’ve ever given, because it condenses information and it’s visually engaging.  It also gives you a very easy way to convey more complicated interactions.


I'll be using workflows that use either Gifski or Photoshop. You don't have to use adobe XD to record your gif, but I have included the file if you'd like to try it out. If you'd just like to follow along, please grab the video file attached below.

File links are here:

XD File

Video File


Rotato (optional):