ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

Animated Heat Lines

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Josh DekayAnimated Heat Lines
by on Nov 19, 2014 at 6:15:40 pm

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!



Return to posts index

Stephen SmithRe: Animated heat lines
by on Nov 19, 2014 at 7:07:29 pm

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

Utah Video Productions

Check out my Vimeo page


Return to posts index

Josh DekayRe: Animated heat lines
by on Nov 19, 2014 at 7:41:35 pm

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!


Return to posts index


Stephen SmithRe: Animated heat lines
by on Nov 19, 2014 at 7:50:45 pm

Sounds great Josh. You'll have to share a Vimeo link when you are done.

Stephen Smith

Utah Video Productions

Check out my Vimeo page


Return to posts index

Josh DekayRe: Animated heat lines
by on Nov 19, 2014 at 7:56:45 pm

Good timing! I was just putting a rough gif together for you!



Return to posts index

Jason JantzenRe: Animated heat lines
by on Nov 20, 2014 at 5:25:38 pm

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


Return to posts index


Josh DekayRe: Animated heat lines
by on Nov 20, 2014 at 7:20:25 pm

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 -


Return to posts index

Jason JantzenRe: Animated heat lines
by on Nov 20, 2014 at 8:04:05 pm

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


Return to posts index

Josh DekayRe: Animated heat lines
by on Nov 20, 2014 at 8:20:38 pm

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?


Return to posts index


Jason JantzenRe: Animated heat lines
by on Nov 20, 2014 at 9:05:41 pm

Yeah, a mask path.

Jason Jantzen
vimeo.com/jasonj


Return to posts index

Josh DekayRe: Animated heat lines
by on Nov 20, 2014 at 9:08:16 pm

Got it - I will check it out/explore it later. Thanks!


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]