Social Share Icon Micro-animation

Daily UI 010:

Challenge: Design a social share button/icon

Approach:

Integrate share icons using a limited color palette.

Micro-animate the five icons upon tapping share button.

Use bounce for anticipation and ease in/out for smoothing.

Morph share button into a close button and vice versa.

Tools used:

Adobe Illustrator and Adobe After Effects