Skip to main content
This topic has been closed for replies.

3 replies

Warren Heaton
Community Expert
Community Expert
December 20, 2017

I think he may have been waiting on me to create a how-to tutorial.

I can try to get something posted.

-Warren

bennyl2131237
Participating Frequently
January 2, 2018

Hi Warren,

Sorry for late response, please see above response I replied to Kevin.

Warren Heaton
Community Expert
Community Expert
January 2, 2018

Hi Benny:

I made mine by animating Mask Expansion on a triangle shaped Mask Path that was applied to a Solid.  To get the thin line, I applied Find Edges with Invert enabled (Effect > Stylize > Find Edges).  To get the repetition, I stacked and offset duplicates over time.

If you start with a Mask Path of the "go" and do the same thing, you could add Opacity Keyframes to the offset duplicate layers for the fade out.  (You could also use an Expression that controls Opacity.)

How set are you in the appearance of the "go".  In your two screen shots, it almost reads like a "g" and "p" or as an elephant (two eyes and a curved trunk).  Maybe play with the line weight of either the "g" or the "o" a bit.  I know we're just seeing still frames, but something to think about as well.

-Warren

Warren Heaton
Community Expert
Community Expert
November 18, 2017

Assuming that the GIF that I've added to this post is playing as expected, is this close to what you're looking for?

-Warren

bennyl2131237
Participating Frequently
November 20, 2017

Yes Warren!  Is this done the same way Rick suggested above?

If not, how did you achieve this?

Community Expert
November 20, 2017

If you use an animated path you created by animating the path you only need to add the echo effect to make the duplicates. If you use the sequence layers in Illustrator method all you need to do is pre-compose your sequenced layers and then apply time remapping to the pre-comp and add Echo to an adjustment layer. Echo will control the timing of the copies and time remapping the pre-comp will control the speed of the first morph. There is no real reason to rebuild anything from scratch once you get your first morphed shape.

Mylenium
Legend
November 16, 2017

Animate the image contour in a pre-comp before feeding it into the effect. just be warned that the effect may produce weird results with animated stuff.. It's not really designed to deal with situations where differently shaped waves may overlap, including edge refelcted waves.

Mylenium

bennyl2131237
Participating Frequently
November 17, 2017

Hi Mylenium, thanks for the reply. I just want to clarify on the 'animate the pre comp" part:

Say if I want to change the shape from Triangle and radiate out to a circle (imagine an Ai file with 10 layers starting with triangle at the center and gradually changes to circle over 10 layers) now, how would I go about animating this pre-comp?

Thanks for your insights.

Community Expert
November 17, 2017

I would just animate a mask path. You can start by drawing a triangle and a circle in a shape layer then convert both shapes to a path. The circle is going to have 4 points and the triangle only 3 so you'll need to add an additional point to the triangle. The middle of the base would be a good place. Then you set a keyframe for the triangle and cut or copy it, then add a solid layer and start a path with the pen tool and paste. You should now have a triangle shaped mask on the solid. Next you set a keyframe for the circle path and copy or cut that. Move the CTI down the timeline where you want your animation to stop and paste. Now just select the mask path and paste. You will end up with an animated mask.

Now add radio waves and make the adjustment you need to make to get the look you want. I'm not sure you are going to get what you expect. The first wave generated will be a triangle and each wave generated after that would be more like a circle. You'll end up with something like this:

If you want to play with animating an Illustrator file where one shape blends into another take a look at this:

it's not a triangle to a circle but the principal would be the same. It wouldn't be as easy as just animating a mask.