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

      0:55
    • 2. Methods Overview

      0:26
    • 3. Record Your Video

      1:39
    • 4. Convert to Gif

      4:07
    • 5. Add Device Mockup - Optional

      6:00
    • 6. Wrap Up

      0:15

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.

82467c2a

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

Gifski: https://gif.ski/

Rotato (optional): https://www.rotato.xyz/