FORUMS: list search recent posts

animating/revealing a vector image with trim path?

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Robert Jejenich
animating/revealing a vector image with trim path?
on Mar 13, 2018 at 12:14:54 pm

Hi Everyone,

Hoping someone can help me out with this. I wanted to know how to animate/reveal a shape or image with a trim path/motion path?

I have this logo vector image that needs to be revealed, and wondering if theres a way to do this with trim path?
The only way I know how to do this is with masking it.

I'd like to animate it coming in with the arrow part at the end.



Return to posts index

Steve Bentley
Re: animating/revealing a vector image with trim path?
on Mar 13, 2018 at 9:15:37 pm

There's a couple of ways:
The mask way is simple but if you have overlapping splines you have to additionally mask where the overpass leaks through (like a script "e or a"). or in your case where the head catches up with the tail.

You can also use the gradient Wipe effect. Make a stoke or path in either pshop or AE than has a gradient that travels over the length of the path. So an S would be dark at the top and gradiate to white at the bottom. Then turn this layer off and take the layer you want to animate and apply the Gradient Wipe to it. In the effects dialog select the hidden layer and use this as your "Source" and then animate the "Transition complete" paramater. You can make the stroked gradient larger/wider than the shape you want to animate on and then choose a layer to be the masking layer to keep the original shape.

There is a script on aescripts.com called Boa that is stellar at this and has tons of other features too.

You can use the mask idea again but use a paint stroke that you animate on (stroke it in real time and then adjust the recorded stroke to your liking). Use this element as your revealing mask.

Depending on the shape you can use particular to acheive this as well.



Return to posts index

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