Recently, @tsuji_koichi asked me how I make my gifs. His question made me realize that my method (Screenshots --> Keynote --> Final Cut Pro --> GIF Brewery) was probably unnecessarily complicated. Today I used the following software on my Mac to make the gif you see below: Screenshots --> Keynote --> GIF Brewery (Final Cut eliminated from the sequence).
For the screenshots, I used the Shift-Command-5 screenshot function because this allows me to determine the size and position of the screenshot and then make use those settings for every shot in the series. This makes the “movie” appear to be stable (no jumping up and down or getting smaller or bigger). In Keynote, I set each screenshot to fill the screen and then exported it as a movie with two seconds between each slide and the final slide duplicated to give me a pause at the end. Then, in GIF Brewery I imported the movie, set the width of the images to 350 pixels and the frames per second to one. The result is the gif you see above, which is only about 11 KB.
The gif works quite nicely in my phone. I’ve found, however, that gifs – even tiny ones like this – can take a while to display in my app when I used it inside a browser. I don’t understand why that happens.