Jump to content
Search Community

Morphing issue

Michael31 test
Moderator Tag

Recommended Posts

Hi everybody,

 

I've been experiencing an issue with the MorphSVGPlugin.

I've a shape composed of a path. I want this shape to transform into a basic rectangle.

When I animate it, the transformation looks weird as you can see here

- video

- codepen (it looks like we can't use MorphSVGPlugin on Codepen)

 

So I've been wondering how can I improve my animation because so far it's not very beautiful, it's not even symmetric. For your information, I already tried to convert my rectangle to a path and I've the exact same render. 

 

Thanks a lot

See the Pen eYegdBx by michaelgrc (@michaelgrc) on CodePen

Link to comment
Share on other sites

In situations like this, it's best to manually add points to the shape that has fewer so that you get control over exactly where they go. Otherwise, MorphSVGPlugin has to guess and it does the best job it can but it's impossible to know aesthetically what's "perfect" in every scenario. 

 

Asset prep is key for really good morphs. 

 

For PERFECT results, start with the shape that has more anchor points, then make a copy of that, drop it right on top and drag the points to their new positions in the new shape, finessing them to line up beautifully. Then when you morph between those two shapes, they already have exactly the same number of points and the same general positions and they'll move very intuitively. 

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...