Daily UI #015 On/Off Switch (Animated)

Daily UI #015 On/Off Switch (Animated)

This is the same design from my Daily UI #015 but I made it into an animated version. When I saw those beautiful animated, motion UIs people post on Dribbble, I wanted to make something like them too. But it was funny, I actually had a hard time figuring out how to make a "4:3" size GIF.... until I found this article:
"How to prepare perfect GIFs for Dribbble in seconds" https://uxplanet.org/how-to-prepare-perfect-gifs-for-dribbble-in-seconds-c683a44deae3

And so for this On/Off Switch:
1. I made the UI design in Sketch
2. I used InVision to make it interactive prototype
3. I screen-recorded with Quicktime Player
4. I opened it in Photoshop then made it into a 800 x 600 GIF

Yesss! :)