Skip to Menu ↓

Create an Animated GIF from a Quicktime Screen Recording

Projects need documentation. Lately, I’ve been jazzing up my docs with animated gifs made from screen recordings (MOV files) out of Quicktime. Its surprisingly easy!

There are some tools and Terminal commands, but I like the fact that I don’t need to upload something to a website and then download the results. I’m technical, but not super technical, so this was just the right level for me.

I used instructions from a GitHub Gist which details installation and running the conversion commands. Here it is again for posterity, with my own additions from my experience:

Installation

The conversion process requires ffmpeg to process the video file and gifsicle to process the animated gif. The following command-line directives use HomeBrew to install and manage the packages:

$ brew install ffmpeg 
# dependency for gifsicle, only required for mountain-lion and above
$ brew cask install x-quartz 
# runs the XQuartz installer
$ mopen /usr/local/Cellar/x-quartz/2.7.4/XQuartz.pkg 
$ brew install gifsicle

Quicktime

There are other tools out there for creating screen recordings, but any Mac user should use the included Quicktime software to get it done. Its super easy and nothing extra needs to be installed.

  1. Open Applications > Quicktime
  2. Choose File > New Screen Recording
  3. Follow the instructions, or click and drag on the section of the screen you wish to record
  4. An optional effect is to have Quicktime highlight the mouse clicks. Give it a try, you might like it.
  5. Save the movie to the directory of your choice

Conversion

In the Terminal (or any command line interface), navigate to the directory in which your videos are stored. The command I run is this:

$ ffmpeg -i input.mov -s 600x480 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=8 > output.gif

Where input.mov is replaced with the name of your video file and output.gif is replaced with the name you wish to give the new animated gif.

A few notes on portions of that command:

Profit

And now my online tutorials and client training documentation look great and it really helps to see someone move through a particular feature.