Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Illustrator to After Effects Workflow: Vector Icon Animation Design

528.4K views on YouTube

We will be taking a look at how to properly design icons and vector graphics in Illustrator that will be ready for motion design. This tutorial covers the workflow process between Adobe Illustrator and After Effects. This tutorial covers how to create an object in Illustrator and step it up in After Effects. The final step covers how to copy each path into a shape layer inside of After Effects for Animation!

► 5000+ Templates For After Effects and Premiere Pro: https://bit.ly/5000Templates
Save time and produce amazing work with our Extension Window that allows you to preview templates in After Effects and Premiere. Then quickly change your template within seconds to fit your needs!

Download Projects Files Here:

Illustrator to After Effects: Vector Icon Animation Design

Social Media:
Drop a like on Facebook: https://www.facebook.com/sonduckfilm
Hit me up on Instagram: http://instagram.com/sonduckfilm
Connect with me on Linkedin: https://www.linkedin.com/in/joshnoel
Follow me on Twitter: https://twitter.com/SonduckFilm

Suggested After Effects Tutorials:
Animated Icons: https://youtu.be/OZFuYj_ohWw
Cartoon Animation Night City: https://youtu.be/65em6dTeSfM
Creative Promo: https://youtu.be/rR9XHg1swpk
Epic Freeze Frame Animation: https://youtu.be/E8DdN7vMnmE

Illustrator
Flat Icon Design: https://youtu.be/B1nzX0e5LCI
Cartoon Vector City: https://youtu.be/8gKx4-1ZJSg