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
Anyone interested in testing out the updated mask effector expression in After Effects before I release the new version? Let me know! 🤓
#AfterEffects
#MotionDesign
Someone created an excellent tutorial on using the mask expression in
#AfterEffects
. A huge shout-out to the creator for such a detailed and insightful walkthrough! 🚀 Give it a watch:
Realized something cool! Using points on a path is an incredibly easy way to preserve volume in After Effects - without doing ANY math. 🤯
#AfterEffects
#Animation
#MotionDesign
Fun fact: This could take 1 minute to set up in the amazing Cavalry software, can take up to 1 minute to set up in
#AfterEffects
using the rig rope path.
#MotionDesign
#Animation
#AfterEffects
excels in two areas: 1) Aligning text on paths, and 2) Tracking path points. Use the path's length to dynamically control text animation properties, adding a new dimension of control to animate your text layers.
#Animation
#MotionDesign
Big thanks to all the testers who helped me refine the updated mask effector for After Effects. It was a great process and wonderful to connect with so many. Here's the updated version along with a project file for you to try out. 👇
#AfterEffects
#Animation
#MotionDesign
When creating a path from nulls in After Effects, by simply using two intermediate null positions in between can generate a naturally smooth Bezier path.
Exploring the versatility of After Effects: Did you know that mask expressions aren't just for closed shapes? They work with open paths too! A small detail that opens up creative possibilities.
#AfterEffects
#Animation
#MotionDesign
Here's a little behind-the-scenes look at how the waveform rig works in After Effects: It simply subdivides a path, and the mask controls the amplitude of the points based on the distance.
For those who have been asking, I implemented the mask expression so now it also works with the mask feather. Will drop the updated expression on
@aescripts
soon
I'm continually amazed by the intricate motion achievable through manipulating distances between points on a path. Each point's position introduces a new layer of complexity to the animation.
#AfterEffects
!
Do you have any healthy tricks to handle exponential scaling in
#AfterEffects
without baking keyframes with the Exponential Scale feature? Always on the lookout for a smoother workflow. Here's the technique I've been using so far 👇
#MotionDesign
#CreativeSolutions
lookAt (Them) 👀👀👀 in After Effects. By simply combining a lookAt method with the length distance, a layer can orient itself towards the closest layer and automatically interpolate its rotation between positions.
#AfterEffects
#Animation
#MotionDesign
Realized something cool! Using points on a path is an incredibly easy way to preserve volume in After Effects - without doing ANY math. 🤯
#AfterEffects
#Animation
#MotionDesign
Aligning multiple texts on a single path is also a simple way to preserve the whole size in After Effects without too much set up.
#AfterEffects
#Animation
#MotionDesign
Just noticed that projecting a text path onto another path in After Effects requires no setup for orientation or rotation – it automatically adjusts on its own. Pretty cool new rig to play around with!
#AfterEffects
#Animation
#MotionDesign
Projecting a point on a path (right) vs. the regular point-on-path method (left). This approach can be an easy way to smooth out jumpy tangents when moving a layer along a path in After Effects.
#AfterEffects
#MotionDesign
#CreativeSolutions
It's interesting to see that you can orient layers towards each other by solely using their positions, with no rotation needed in After Effects. This approach is particularly useful when multiple orientation constraints are required.
#AfterEffects
#MotionDesign
Anyone interested in testing out the updated mask effector expression in After Effects before I release the new version? Let me know! 🤓
#AfterEffects
#MotionDesign
Triggering text animation properties with bezier curves in After Effects opens up a playful way to manipulate text. In this setup, the only keyframes are for animating the path itself, while the path's length drives everything else.
#AfterEffects
#Animation
#MotionDesign
Introducing this piece of art called "I wish you were a Bezier path in After Effects" crafted with a path projected onto another path.😅
#AfterEffects
#Animation
#MotionDesign
This great expression can find and store the intersections between two paths in After Effects. Find it below 👇 (only works with straight lines... for now.)
#AfterEffects
#MotionDesign
Intersection between paths + a particle emitter, and you've secretly unlocked automatic friction between paths in After Effects.
#MotionGraphics
#VFX
#AfterEffects
With two positions, you can calculate the length between points. Introduce a third position, and you unlock the ability to measure the length between a point and a line. This is the secret sauce for quick effectors in After Effects. 🌟
#AfterEffects
#MotionDesign
Exploring ways to animate a layer on a path in After Effects without relying on a Slider Control. Turns out, it's possible by just using the layer's position. The layer follows the path simply by adjusting its position in the comp.
#AfterEffects
This rig ensures all layers fit smoothly along the given path in After Effects, using points along the path. All for one and one for all!
#AfterEffects
#Animation
#MotionDesign
The expressions rope in After Effects is my new favorite preset. It's so robust by its simplicity, I have been using it more and more on projects lately, so I don't have to open C4D. It can be useful for so many tasks.
Just wanted to highlight this again with a closer look. Here's a close-up of the rig from yesterday's post. Simple setup, yet it's incredibly versatile and fun to play with.
#AfterEffects
#Animation
#MotionDesign
Exploring how to find the intersection position between two paths (including Bezier) in After Effects, and it's showing promising results. 🤯
#MotionDesign
#CreativeSolutions
Conducting a stress test lol 😅 for finding intersection positions from paths in After Effects. In this setup, only the paths are animated, while the layers are positioned on the intersections. It's working seamlessly and can accurately find the intersections! ✅
#aftereffects
Working on updating the mask expression in After Effects so it can also use masks from other layers and directly inherit their transformation properties.
#AfterEffects
#MotionGraphics
#CreativeCoding
In order to achieve this effect, I use one of my favorite techniques: projecting a point onto a path (represented with the blue line here) to locate where to start the effect on the path. This was a fun rig to explore in After Effects.
What took me a while to grasp is the concept of composition space in After Effects! This mask expression uses composition space to accurately track layers. It's immune to scale transformations, ensuring it always returns the correct position.
#AfterEffects
#MotionDesign
If you add a single repeater to the twisted rope effect
@aescripts
, it turns out to be a very easy and fun way to control clones in After effects with a single path.
@aetips
Just realized: by simply knowing the position points that make up a path in After Effects (only 4 points in this example), you can figure out how close a layer is to any part of that path/mask. It's surprisingly simple and opens up creative possibilities! 🤯
#AfterEffects
Just noticed that trimming the mask path and its vertex points in After Effects is actually doable. 🤯 It's not about trimming the stroke or point-on-path techniques. This can open up some interesting possibilities.
#AfterEffects
#MotionDesign
Turns out, not closing every path in
#AfterEffects
can lead to some pretty effortless animations. Sometimes, a little creative detour makes all the difference! 😎
Using the points on a path in After Effects to distribute layers offers a creative method for intricate effects, similar to the magical magnifying effect. Notice how it seamlessly preserves the length of the path even through transformations.
#AfterEffects
#MotionDesign
@zerimkli
This technique is based from a previous tutorial I made
@aescripts
. You can grab the project file from the description. Play around with the mask paths to see how it works. Enjoy experimenting!
Exploring the Distance to Line on a closed path in After Effects unveils dual-direction falloff effects - working both inwards and outwards. It even acts as an edge detector when a layer crosses a path or object. 🔄🔍
#AfterEffects
#MotionDesign
Closing and framing this rig path exploration as a token of my appreciation for the creative exercise—exploring outside-the-box, unconventional ways to animate in
#AfterEffects
.
Exploring projection on a path in After Effects, now with multiple points and closed paths. Feeling a great potential with this approach!
#AfterEffects
#Animation
#MotionDesign
@FerrettiGui
Thanks! 😄 You can find the function in the picture's description. It uses positions 'a' for the layer, and 'b' and 'c' for the line's points positions. The whole thing returns the distance of the layer to the line. Enjoy
While developing the mask expression, I ended up using a very useful function that can find the distance between a layer and a line, like length() but instead of a point it works with a line.
Hey
@aescripts
here is my attempt at the Escher effect. I just used a single shape layer and the expressions from the tutorial ( ). Absolutely no 3D involved. 100% Expressions.
Interesting circle packing only made with expressions and shape layers in
@AdobeAE
. Similar approach of examples used in The Power of Expression ( )
@aescripts
Thank you
@ema_colombo
for the shoutout! 🙏 It's all about pushing boundaries and sharing insights in the After Effects community. For the curious, I've uploaded the original project file here:
#AfterEffects
#CommunityPower
🚀
We've still been talking about After Effects because when someone figures out an insanely complex way to do things that should be simple in well-designed software and shares their findings, the post goes viral.
Chapeau
@lachamade
!
Yeah, I think there's a few ways you could do it. The part that would require the most work is setting up all the letters using a follow path constraint/adjusting the distance percentages.
Just a small note: I used a custom length() function here to accommodate bezier curves, but this setup also works perfectly with the standard length() function if you're not using bezier handles.