Spotify Music Bar Animation

Light Theme

A while ago I decided to animate Spotify logo and post a educational tip on my social medias however a change of of plane happened when I discussed this matter with my teammates and I decided to make a music bar animation.

Any animation consists of two essential parts

  1. Main animating key frames

  2. Secondary animations

A key to distinguish a good animation from a basic animation is hidden in second part.

In order to make a secondary animation you need to add one more key frame right before your ending point.

In case of frame-by-frame tools, you need to apply same principle but between tour mid point and ending point, you may also need to apply some adjustments to make it even more clean but it's not always necessary.

We are a Canadian design agency that helps startups and growing companies turn ideas into exceptional digital experiences. We can help you with every design need: UI/UX, 2D/3D illustration, branding, animation, you name it.

Need help with your design? Drop an email to design@duxica.com.

Website | Instagram | Behance

More by Duxica

View profile