38

I'm looking for a screen capture tool working on MacOSX that will export the capture to animated gif.

  • 7
    Animated screen captures would actually be a nice way to share more complicated work flow answers on AD... – Ian C. Mar 26 '12 at 16:26
  • That's a good point. Animated gifs are great because they are widely supported and don't require a plugin. – Kyle Hayes Mar 26 '12 at 17:01
  • 1
    This question is basically a shopping request. If you could explain a bit about your situation and why one app you use or have found doesn't work, that would enable people to add longer answers other than one line links to potential products. – bmike Jul 25 '13 at 13:18
  • 1
    Try this open source GifCapture, which is written in Swift github.com/onmyway133/GifCapture – onmyway133 Mar 5 '17 at 22:44
  • 1
    Thanks @onmyway133. I tried this tool this morning and it also works as a nice option. – Kyle Hayes Mar 6 '17 at 22:58
44

LICEcap is free (GPL), works on MacOSX, and capture animated GIF directly.

http://www.cockos.com/licecap/

It's never too late ;-)

  • Reconsidered and gave it a trial run...this is perfect! Works great on my Mac but now would like to see it on RedHat ;-) It's always something. – Kyle Hayes Jun 18 '13 at 15:01
9

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:

  1. Use Cmd-shift-4-spacebar to capture a screenshot of the window for each frame.
  2. Convert the images to gif (or set your screenshot preferences to gif prior to capturing the screenshots)
  3. Open the last screenshot in preview.
  4. Open the sidebar in preview
  5. Show the screenshots in finder, ordered by date
  6. 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.
  7. 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.
  8. 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

  • Yeah I saw this process mentioned quite a few times across my search results. I don't like it as it would be much too tedious. Thanks for the answer though. – Kyle Hayes Mar 26 '12 at 17:00
  • 1
    Impossibly tedious for anything other than a super simple animation. The "typing text in a TextEdit" window example that accompanies this approach on all the web pages that talk about it is about as complicated as you'd want to get with this. – Ian C. Mar 26 '12 at 17:07
  • Ok @Adam, thank you for expanding on your answer. The semi-automated seems to be a lot better than the manual process, however, I'm still surprised it's not already in existence as a feature in some of the larger screen capture tools. – Kyle Hayes Mar 26 '12 at 17:28
  • 1
    @KyleHayes Camtasia for PC captures and can export as an animated gif, but Camtasia for Mac doesn't export to gif (yet?). It's probably worthwhile calling them and finding out if they have plans to release that feature in the future. – Adam Davis Mar 26 '12 at 18:29
  • Tutorial link is dead. – Adam Lassek Feb 5 '13 at 23:31
5

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

The End Result

  • 1
    I just used that site to convert a ScreenFlow capture to an animated .gif for my IT how-to wiki, worked great - thanks. – da4 May 23 '12 at 20:18
4

There is a really fantastic guide at http://opensourcehacker.com/2012/11/21/creating-animated-gif-screen-captures-on-osx/

In summary

  1. Record video using QuickTime Player
  2. Converting the screen capture video to animated GIF (with GIF Brewery)
  3. Crop and shrink the capture area
  4. Use low FPS

Not the answer you're looking for? Browse other questions tagged .