Animation for Web, Mobile and Apps

Welcome. This page represents my journal and journey through creation of animation, particularly for websites. Animations are a beautiful way to engage visitors, and add a flourish to a web page or app. Illustrations are hot in web design right now – and being able to animate them elevates their effectiveness.

I am researching tools and techniques, and trying to improve my illustration and tech skills along the way. I love illustration and clean vector style art though I am an only intermediate user of the pen tool in Adobe Illustrator and Photoshop. I also rely on creative use of shape tools – I created the clouds in the illustration below with the pen tool and by combining ellipses.

Up

SVG Vector animation with Lottie file

Art created in Photoshop and Figma, exported to SVG, animated in Jaiku Animator. File size is only 13 k.

Animation with Lottie Files

Art uses vector format which can be resized infinitely with no loss in quality and no increase in file size.

Animation tool

• After Effects + Bodymovin’ plugin
• Haiku Animator

Animation with Animated GIFs

Art uses bitmap format which cannot be resized infinitely with no loss in quality and no increase in file size. A small simple animation with minimal detail and minimal animation can still be small.