After Effects Apprentice Free Video: Creating Wiggly Lines

Exploiting a few tricks with Shape Layers to create and animate faux vital signs displays.

AEA Wiggle Paths

As we mentioned last week, we’re sharing the free movies from our latest video course that walks through creating an opening title (and more) for a medical-themed television special. As part of this, we wanted to create a series of vital signs traces to use as graphical elements in the background. However, we didn’t want to go through the trouble of tracing a real vital signs chart. In this movie, we show how to exploit the capabilities of After Effects’ under-used Shape Layers to create and animate similar-looking traces with minimal effort.

The process can be broken down into three broad steps:

  1. draw a long straight line
  2. add the Wiggle Paths operator
  3. add and animate the Trim Paths operator

The Wiggle Paths operator, by default, automatically animates the shape of the resulting path. This is fun, but doesn’t represent a typical vital signs trace where the line shape is static while a traveling window of it is revealed. That’s where the Trim Paths operator comes in. This procedure is demonstrated in the movie below:


One shortcoming of using Trim Paths with shape layers is that the start and end of the line is perfectly sharp. By contrast, a vital signs display often has a soft leading and particularly trailing edge, with a phosphorus radar-like decay. Enabling motion blur for the layer will help soften those edges (this is introduced later in the course); increase the Shutter Angle under the Advanced tab in Composition > Composition Settings to make the edges broader. Or, you can dispense with Trim Paths and instead animate a softly-feathered mask along the length of the line. To create differing amounts of feather on the leading and trailing edges, take advantage of the Variable Width Feather feature introduced in AE CS6. You might also get the effect you want using Echo or similar effects. subscribers may view the entire course by clicking here. If you’re not already a subscriber, you can click here to start a free 7-day all-access trial; note that they will ask for your credit card up front in the event you like what you see and decide to continue with a regular subscription (they also do it to discourage content pirates from taking advantage of free trials – turns out that those who would steal content don’t like sharing their own credit card numbers…). Enjoy!


Chris and Trish Meyer

Chris and Trish Meyer

Chris & Trish Meyer founded Crish Design (formerly known as CyberMotion) in the very earliest days of the desktop motion graphics industry. Their design and animation work has appeared on shows and promos for CBS, NBC, ABC, Fox, HBO, PBS, and TLC; in opening titles for several movies including Cold Mountain and The Talented Mr. Ripley; at trade shows and press events for corporate clients ranging from Apple to Xerox; and in special venues encompassing IMAX, CircleVision, the NBC AstroVision sign in Times Square, and the four-block-long Fremont Street Experience in Las Vegas. They were among the original users of CoSA (now Adobe) After Effects, and have written the numerous books including “Creating Motion Graphics with After Effects” and “After Effects Apprentice” both published by Focal Press. Both Chris and Trish have backgrounds as musicians, and are currently fascinated with exploring fine art and mixed media in addition to their normal commercial design work. They have recently relocated from Los Angeles to the mountains near Albuquerque and Santa Fe, New Mexico.