/Habitat-GIF

Habitat Icon GIF

Habitat-GIF

out out

To create frames:

Edit the original files (affinity designer: .afdesign -- or -- adobe: .psd) and export each as png.

*note: files were created with Affinity Designer (https://affinity.serif.com/en-us/) and exported as .psd for adobe compatability. adobe's layer effects are different, thus for each bud-shape you will need to adjust the inner shape's fill to be transparent and/or match the background.

To create rest period between animations (heartbeat effect):

Duplicate the unaltered logo (00.png), rename to 99.png and duplicate 30+ times. total frames ~50.

To convert pngs to gifs:

Install ImageMagick:

Mac:

brew install ImageMagick

Linux:

sudo apt install imagemagick

cd to folder containing desired pngs, and:

convert -delay 1x30 *.png out.gif

The gif, called "out.gif" will be written into this directory.