Adobe After Effects is one of my favorite tools for prototyping user interfaces, creating video scenarios to communicate a context of use, or simply crafting stories through animation. It's a tool that allows you to explore and visualize ideas, and there's no right or wrong way to use it. Here are a few tips for using After Effects to animate vector lines imported from Adobe Illustrator.
For this method of animation, make sure to use only lines in your Illustrator file. The idea is to animate the lines across their own path, so the way you design them will play a big part on how elaborate your animation will be.
Watch this video for a quick step-by-step guide to animating lines in After Effects:
This technique is a simple and effective way to create powerful motion graphics for storytelling, user interface behaviors, or even a simple animated gif. Hope you enjoyed it!