Create animated gif screen captures [duplicate]
LICEcap is free (GPL), works on MacOSX, and capture animated GIF directly.
http://www.cockos.com/licecap/
It's never too late ;-)
Starting with macOS Mojave, and later, simply press ⇧⌘5 (Shift-Command-5) and you can choose from the following:
- Capture Entire Screen
- Capture Selected Window
- Capture Selected Portion
- Record Entire Screen
- Record Selected Portion
Afterwards, if you want to convert the MOV file into a GIF, you can use Gifski (free at the time of this update) or GIF Brewery 3, which is 4.99 (sorry, it used to be free) on the Mac App Store.
Note that GIF Brewery 3 can do screen recording directly to create animated GIF files.
Gifski can also be installed via Homebrew: https://github.com/ImageOptim/gifski
Semi-automated process:
If you need to capture video and convert it to GIF, or a very long involved sequence of steps, then you'll need to combine two separate programs. A video screen capture tool, and a movie to gif conversion tool.
Look at these two questions for possible solutions:
Screen video capture application
How can I convert a .mov into a .gif (or a .apng)?
There don't seem to be that many apps that do the movie --> gif conversion on OS X, though. A lot of people use VLC to capture frames and imagemagick to collect them back together into an animated gif. This is probably why the only answer to the conversion question above used an online service.
Manual process:
There is a way to do it in OS X without an additional tool, and this works well if, for instance, you just want to show someone the sequence of steps to disable a particular system preference. The basic process is this:
- Use Cmd-shift-4-spacebar to capture a screenshot of the window for each frame.
- Convert the images to gif (or set your screenshot preferences to gif prior to capturing the screenshots)
- Open the last screenshot in preview.
- Open the sidebar in preview
- Show the screenshots in finder, ordered by date
- Select the remainder to the screenshots, drag and drop them directly on top of the icon in the sidebar of preview for the file already opened. If you drop them elsewhere it won't add them properly.
- Preview the animation by selecting the top icon in the sidebar, then using the down arrow. Rearrange any that are out of order using the sidebar to drag and drop.
- Save the document as gif, and then preview using a browser, or another app that shows animated gifs.
This technique is somewhat limited in that you can't easily capture video frames without pausing the video before each capture (for that you should get a video screencapture program and then convert the resulting mov or avi to animated gif), and you can't readily adjust the frame time for each frame.
There's a more detailed tutorial with example here:
http://ipliance.com/index.php/eng/Blog/Howto-Animated-GIF-s-Creation-and-Display-in-OS-X
I am using a utility called Claquette. It can be used to convert video files to GIFs and it also comes with an integrated screen recorder.
The app is a free download on the Mac App Store.
It's editing capabilities are very limited (just crop & trim), but usually that's enough for me.
To compare the results, I replicated the GIF in your question. My version came up as a ~35s long animation with a file size of 511KB:
There are plenty of other tools out there - I went with this one because it provided the best quality/size trade-offs in the exported GIFs (which I usually attach to a newsletter service with size limitations).
I just used www.convert-image.com to convert a Keynote-export QuickTime movie file in to an animated GIF and it worked great. The process was relatively painless and the end results was a animation I used to answer a question here on AskDifferent: How to partially uncover bullet points in Keynote
