Sweaty Finger Tutorial

#010003
#AF8B69
#740F4B
#FB2FAF
#5A3B3C
#CAA17F
#B37372

One of the most iconic digital product animations of all time is the sweaty monkey finger from Mailchimp - an illustration that help the users understand that they're about to perform an irreversible action with serious consequences.

In this tutorial I re-create the animation, hope that this can help YOU create your own iconic animations in the future!

https://www.youtube.com/watch?v=CMiy-cb37IE&t=183s

Instructions:

1. Import assets from Figma.
2. Create sweat animation
3. Create nervous hand motion.
4. Create button tap.
5. Export Lottie asset.
6. Create simple web prototype.

After Effects source file here:
https://drive.google.com/drive/folder...

Prototype here:
https://codepen.io/timkl/pen/MWpzKLE