Before/After Animated Gif Maker

Input: before.png and after.png. Output:

Prerequsites

Gifsicle and Imagemagick. Install them with Homebrew:

brew install gifsicle
brew install imagemagick

You can take screenshots many different ways but for this tool to work well the screenshot needs to be taken with exactly the same dimensions at the same coordinates. I highly recommend Precise Screenshot (App Store). It's $5.99 and worth it.

Installation

1. Clone this repo: git clone git@github.com:jimwhimpey/before-after-gif-maker.git
2. Optionally add an alias to your ~/.bash_profile: alias beforeafterify='sh ~/path/to/clone/beforeafterify.sh'

Using it

1. Take your screenshots
2. Name your before screenshot before.png, and your after after.png
3. cd into the directory containing the screenshots
4. Run beforeafterify
5. You're done. The gif will be named beforeafter.gif in the same directory. No files will be deleted

Limitations

• No error handling of any kind, follow the instructions!
• To customize the location or size of the labels or the delay, edit the script