About a year ago I started goofing around with ways to make gifs for our onboarding, then for blog posts and emails and figured out some things along the way. Just wanted to share in hopes that someone finds it helpful!
I love that when you switch away from the tab for this article, it changes the title to show this
edit - Dropbox doesn't like embeds I guess.
That's exactly what I just saw!
Yeah I love that too, because then I can't see what the tab is about anymore.
Does it make someone wrong to like it, then, because it goes against your rules for tab titles?
I bet you're a lot of fun at parties. :)
I usually talk about title tags and scroll hijacking!
Hopefully they'll soon be replaced by videos. A fraction of the filesize at much better quality, and easier to create.
You're definitely right about videos being easier - for that matter Wistia does some great things on their blog with looping videos, example: http://wistia.com/blog/shot-sequences-two
But hopefully for those looking to use GIFs these tips can be helpful :)
Oh definitely helpful. I normally just use Licecap for recording gifs but after seeing how smooth the results from your technique are I may have to take the extra few steps and try it out!
Brian Loving has nice embedded videos as well in his Design Details series.
Yep, the looping videos are awesome, but aren't quite as mobile/email friendly yet. When they are, there will be no real reason to use GIFs at all!
cloudup has a good post about a tool they wrote to make high quality animated gifs: https://cloudup.com/blog/how-to-create-high-quality-animated-gifs-from-video
High quality animated gif is a bit of an oxymoron.
Not really - check out http://www.reddit.com/r/highqualitygifs to see some of the awesome stuff GIFs can do (at the expense of file size, of course).
Ah the illusive .gifv format! I was speaking from the mathematical limits of teh standard .gif format.
That subreddit requires them all to be in GIF - some of them may post to GIFV, but Imgur is just taking a standard GIF and converting it on their backend.
GIFs can do a whole lot, but, like I said, at the risk of a huge file size.
Simply great! I really loved how you listed every step with a GIF!!!
Finally I've been trying to figure this out for months! thank you!
Glad we could help, Luis! :)
Of course, made better by your super smooth voiceover!