Hey, I've seen looping gifs of screen captures a lot. Now I need one myself and I'm not sure, what the easiest way is. Any recommendations? Thanks in advance!
First start with a screen capture of your application. https://support.apple.com/guide/quicktime-player/record-your-screen-qtp97b08e666/mac
You can also record your iphone of ipad with quicktime, just plugin the cable. http://osxdaily.com/2016/02/15/howto-record-iphone-screen-mac-quicktime/
Via photoshop you can edit your video and make it into a looped gif. https://support.apple.com/guide/quicktime-player/record-your-screen-qtp97b08e666/mac
If you don't want to use photoshop you can use some online free converters. https://ezgif.com/video-to-gif
but in my experience you get pretty crappy results from these because you can't really control the quality settings.
Thanks! I dont use PS, so I will try the converters
+1 on this.
I use Screenflick and Photoshop. QuickTime is good if you just want the screen and cursor. Screenflick has some great features beyond that, if you need them — showing keyboard events, more mouse cursor options, can export GIFs directly, has scaling and framerate control, and is just a very nice piece of software.
The best GIF frame delays to use in Photoshop’s frame timeline:
- 0.02 = 60fps in most browsers/viewers.
- 0.03 = 30fps.
- 0.06 = 15fps.
Open source and excellent: https://getkap.co
For recording and exporting to gif anything on my desktop I used to use LICEcap and now I use Kap cause its UI is much nicer looking https://getkap.co/
My best option to convert a video would be Gif Brewery since it is the one who compress the better (if weight is important). You can crop, resize as well which is quite great!
I was looking around for something like this when trying to launch my product. I ended up using GIPHY Capture which did the trick for me, but in terms of having the gif appear in a mockup, that is a lot trickier.
+1 for GIPHY Capture. Dead simple to use and works really well.
If you're using an iPhone and iOS 11, you can turn on native screen capture in Settings>Control Center and then access from Control Center.
Claquette is a good screen capture app recommended by a bunch of folks over at Framer. Quicktime I use all the time.
Gif Brewery is pretty good for creating GIFs
If small file size is your aim, LICEcap is your game.
One option: Hype, which creates HTML animations. It may be overkill, but it looks to produce really clean very controlled results without the weight of big GIF/MP4 files.
I haven't used it personally, but I have seen it in practice. Here's one example.
They have some examples of UI Prototypes built using Hype.
Screen record with quicktime. Export video. Download (then open) Gifski to convert quicktime video. Try imageoptim to reduce file size.
I created a Mac app, that solves all the problems you mention. So if you are running macOS, it might be useful for you. More infos here: https://www.peakstep.com/claquette/
When I need to create Gifs GIF Brewery is fantastic, you can use footage already recorded or you can record using a tool in GIF Brewery. It's super easy to use and you can crop and resize your gifs so the file sizes aren't huge, which is important is you're putting them in docs.
Hope this helps! :)