ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

# Morphing a circle to a 5 sided shape and having control over it's position

FAQ   •   VIEW ALL
 Morphing a circle to a 5 sided shape and having control over it's position on Jul 4, 2018 at 1:32:52 pm

I'd like some advice on a technique to change the shape layer of a circle to a 5 sided shape.

At the moment I am copying the path of the 5 sided shape, adding it a key frame for the path of the circle. The shape changes fine, but it's a bit clunky. Mainly the position changes, it looks like the anchor point is in the same position of the first key frame. I just can't seem to grasp what I need to do. I wonder if I am after too much.

Perhaps I should morph the shape then try and make it look like it drops after changing.

Attached are a couple of samples.

If you can point me to the correct thread or a tutorial, that would be lovely!

Digital Designer
stevedavies.io

 Re: Morphing a circle to a 5 sided shape and having control over it's positionon Jul 4, 2018 at 2:19:24 pm

Just to add, I think I am after this solution, or the next best thing:

Center the anchor point of the circle, and for the shape to morph around the same position of the anchor point . . . .I think

Digital Designer
stevedavies.io

 Re: Morphing a circle to a 5 sided shape and having control over it's positionon Jul 5, 2018 at 7:58:08 pm

well..for this remember to right click on a vertex and set as first vertex ..do this both beofre and after it transforms so that it stays the same...but another way would be to make an ocagon shape then animate the # of its sides

 Re: Morphing a circle to a 5 sided shape and having control over it's positionon Jul 7, 2018 at 8:23:07 am

For an alternate approach, you could use the roundness value of a polygon shape here, like so. CC power pin used to turn the pentagon into a "house" shape.

12512_pentagontocircle.aep.zip

Kalleheikki Kannisto
Senior Graphic Designer