Morning Coffee

Illustration: Ted Kulakevich

Software: After Effects, Illustrator

Check out some hints how to do it!

Start with an idea!

Every story can be told with simple icons, use your imagination.

Prepare your illustrations in After Effects.

The more segmented illustration the better for the animation workflow.

In this type of design, separate the fill from the outline into different layers.

You can use Overlord plugin, which will export all layers from Illustrator.

Special slowmo with shapes for you! This is 74 animated layers!

What is most important is the use of Path and Trim Paths animation in this kind outlined icons.

In addition to the morphing icons between each other, you can give motion to objects for animation appeal.

You don't need a lot of detail in the animation, it's all about maintaining pace, impact and a sense of smoothness.

For detailed tutorial check my Instagram :)

Matthew Jedrzejewski
Animator, designer & director - Freelancer

More by Matthew Jedrzejewski

View profile