Motion designer | Author of After Effects: The Power of Expression book

Joined June 2009
By constraining a path between two other animated paths, you can easily achieve intricate animations in #AfterEffects. Take a look at how I implemented this in my latest rig. #MotionGraphics
19
140
8
2,039
199,677
This is not a trim path. What I find interesting here is linking the live length of an animated slice path to the properties of a text layer in After Effects.
5
37
2
601
13,806
If you align layers along a path in After Effects, try slicing the path instead of trimming it. Since the path really gets cut at both ends, every layer attached to it re-fits itself as the path grows, shrinks or slides. No offsets needed.
4
23
5
397
17,415
Wanted to test the slice path effect on an animated path in After Effects. I used a helix path to see how the Bézier handles would update, and the result is pretty smooth! 🤩 The effect reevaluates the Bézier path after removing the sliced portion, updating the vertices and handles in real time.
3
110
3,111
It's nice to see the Bézier handles updating as the path grows in After Effects. It feels organic. The expression reveals the current state of the path, as if the moving point were its last vertex.
7
10
239
9,152
Trim Paths, but for real. Instead of just hiding part of the stroke, this cuts the actual path and calculates the exact new Bézier handles. Fun to watch the geometry itself draw on in After Effects.
13
20
2
472
15,834
After Effects doesn't have a Graph Control. But it's possible to build your own with a Shape Layer, and with the expressions available read the values. It's pretty lightweight and the graph can also be keyframed, which is useful since it seems impossible to output real-time values from a custom plugin / script.
6
10
291
8,280
Playing with this rig where both poles of a sphere can move freely, here attached to two null layers. Animated with expressions on shape layers and Find Intersections to add the red dots at every intersection in After Effects.
4
5
1
239
8,098
Attempt: a 2.5D Donut + Find Intersections in After Effects. Made with path shape layers, a lot of expressions, and the plugin renders instances at every intersection.
6
4
4
148
6,744
To show a bit more of how this rig works, I projected a red line onto the path to visualize how its last point influences the path as it moves closer and forms a circle.
This rig in After Effects is really fun. The setup: as the last point of the path gets closer to the first, it starts forming a circle. That same point also controls the size of the circle and where it starts along the path.
1
58
2,979
This rig in After Effects is really fun. The setup: as the last point of the path gets closer to the first, it starts forming a circle. That same point also controls the size of the circle and where it starts along the path.
2
16
1
274
12,517
By using the total length of the path and the distance between a null and the path, the null can control where the path starts to roll. Rigged with expressions in After Effects.
3
17
2
349
13,705
There is no Corner Pin effect in this setup, all the text layers are animated only with position, scale and rotation. Feels like a Mesh Warp effect controlled by the distance to a null in After Effects.
2
8
178
5,853
Experimenting with the dynamic grid in After Effects, the distortion is controlled by the distance to a null layer. Why not a simple Bulge effect? Because here the geometry stays real (positions, sizes, tangents, distances), so the distortion can also drive the properties of other layers.
5
21
399
11,817
Rebuilt the dynamic grid, this time with paths inside a single shape layer in After Effects. Much faster than one layer per cell, each path is driven by an expression on its transform group, still controlled by distance from one null. (+ Find Intersections for the icons at each crossing.)
1
1
78
4,647
Triangle + Round Corners + Circle + Repeater + Find Intersections. One shape layer in After Effects. The layers at the intersections orient along the triangle.
6
50
2,748
A quick tutorial for this one.
Mask path + Shape paths + Find Intersections in After Effects.
2
12
1
232
10,302
Offset Paths + Trim Paths + Find Intersections. And look closely, the crossings even follow the Round Join of the Offset Paths in After Effects.
6
166
7,321
Shape Layer Repeater + Find Intersections. And it finds the crossings on every repetition in After Effects.
3
1
85
6,031
Parametric Rectangle paths + Find Intersections. And it finds all the crossings while drawing in After Effects. The rectangles stay adjustable after, size and roundness.
2
23
1,426
Mask path + Shape paths + Find Intersections in After Effects.
5
32
2
656
43,461