-
Animated Heat Lines
Hi there – newer to AE here.
I’m looking to animate the 3 heat lines for an icon – a minimalistic effect nothing fancy.
My first thought was to create long wavy lines, then mask them and simply slide them upwards (thats the look I want). But that won’t get me the nice rounded end caps.
Any ideas?
Attached is a snap from Ai so you can see how it looks.
Thanks!
-
10 Replies
-
I think it would be cool to add a puppet tool to them so they don’t just get revealed but actually move. Not sure if they makes any sense. Also, to reveal them check out this tutorial:
https://www.videocopilot.net/tutorials/graffiti_writing/
Stephen Smith
Check out my Vimeo page
-
Hey Stephen,
Thanks for the link, I like how he did the masking there.
After some more experimenting I was able to come up with something that gets me pretty close to what I was looking for with relative ease.
For anyone who is interested, here’s what I did:
1. Created a line
2. Stroked it, added rounded caps
3. Added a Wave Warp FX.This is perfect, although the end caps are a little distorted (tapered as if drawn with a chiseled marker tip), but not too bad.
For the reveal:
1. Set the anchor point to the base of the vertical line
2. Animate the y-scale from 0 to 100.This also allows me to have them animate while they reveal.
Thanks for chiming in!
-
Sounds great Josh. You’ll have to share a Vimeo link when you are done.
Stephen Smith
Check out my Vimeo page
-
Good timing! I was just putting a rough gif together for you!
-
You could also just draw a straight line on a shape path, use the twist effector, add trim paths, adjust it to 50% and animate the offset.
Jason Jantzen
vimeo.com/jasonj -
Hey Jason, thanks for the suggestion.
Here’s what I was going for (minus the initial reveal and not fully refined). Is that possible with your approach?
When I tried out your suggestion the heat lines entered and exited along a twisted line, but didn’t persist and wave.
What I liked about your approach is the nice non-distorted caps.
I might be missing something.
Cheers –
-
Yeah, that’s kind of how I envisioned the heat lines, entering and exiting sort of how steam might behave in real life, but what you’re going for is a more stylized approach.
I tried doing your approach only using a solid with the write on effect and the end caps tend to distort much less.
Jason Jantzen
vimeo.com/jasonj -
Right on. Get it? Bahaha. 😐
Being newer to AE, I’m not familiar with that one. But after taking a quick look, would it basically behave like a mask, then?
-
Yeah, a mask path.
Jason Jantzen
vimeo.com/jasonj -
Got it – I will check it out/explore it later. Thanks!
Reply to this Discussion! Login or Sign Up