What Are Line Drawn Animations?
Line drawn animations are perfect for telling a story, similar to a timeline animation. A continuous line, typically contrasting to the background color (i.e. a white line on a dark background or a dark line on a white background) is ideal for most situations.
As the line is drawn, events on the line’s path are animated (line icons or photographs) and popup to visualize the overall flow.
how to use a line animation
Line drawn animations are perfect for telling a story, similar to a timeline animation. A continuous line, typically contrasting to the background color (i.e. a white line on a dark background or a dark line on a white background) is ideal for most situations.
As the line is drawn, events on the line’s path are animated (line icons or photographs) and popup to visualize the overall flow.
line drawn animation example
In the video example above, a line animation was created as the intro to a larger project. Notice there are a few elements that help create a story. A singular line starts off the entire storyline and then icons are drawn in a various time, synced up with the project’s voice over.
A singular color for the line and icons help create continuity for the viewer to follow along. Particularly with line icon animations, it’s important to not overwhelm your viewer with too many colors, popups or moving elements. Minimal and clean design goes a long way, especially when combined with background music and other components.