search

jbranchaud / splitting-atoms

:dizzy_face: a community-built, community-driven guide to hacking on the Atom editor
http://jbranchaud.github.io/splitting-atoms/
MIT License
354 stars 29 forks source link

Guide to creating gifs for published package README. #32

Closed jbranchaud closed 10 years ago

jbranchaud commented 10 years ago

Pretty much all packages for Atom should have a gif showing off the functionality. Could someone write up a guide explaining what tool to use and the process for doing this?

In a recent tweet, @mojombo recommended licecap as a good tool for Mac and Windows.

rgbkrk commented 10 years ago

Licecap is legit. I tried using ffmpeg+gifsicle, which looked really ugly. Licecap is a breeze though.

I can take a quick stab. Where would you like it, organizationally?

kenwheeler commented 10 years ago

So awesome. I was wondering how they did this.

rgbkrk commented 10 years ago

Yes, for once I'm a they!

beautify

kenwheeler commented 10 years ago

@rgbkrk my office memes are going to be amazing because of this

kenwheeler commented 10 years ago

Seriously, its amazing

https://atom.io/packages/task-list

rgbkrk commented 10 years ago

Now how do I record licecap with licecap so there's an animated gif?

kenwheeler commented 10 years ago

You might break the space time continuum doing stuff like that

rgbkrk commented 10 years ago

Apparently it can be done!

whatever

And now for my final trick...

licecapincap

jbranchaud commented 10 years ago

My mind just blew up!

As for the guide, I think it can probably go in its own markdown file in the top level directory for now. Seems general enough for that.

rgbkrk commented 10 years ago

Just had to invoke another in a separate terminal. :wink:

$ /Applications/LICEcap.app/Contents/MacOS/licecap
ghost commented 10 years ago

Interesting read: http://www.sublimetext.com/~jps/animated_gifs_the_hard_way.html

ghost commented 10 years ago

Camtasia Studio can output a gif for those who have it installed.