Highlighted

Need tips on creating a certain animation

Community Beginner ,
Jun 21, 2020

Copy link to clipboard

Copied

First of all, I apologise if this is not the right place to seek this kind of help.


What I would like to do is to morph from the left shape to the right shape:

Annotation 2020-06-21 143040.png

 

-First, I tried manipulating the anchor points, but the animation ended up looking very bad. Especially with converting the rounded corners to straight ones.
-Then I tried adding a trim path. I trimmed it halfway through and then again, tried manipulating the anchor points but that also didn't look right.

Here is a state in the middle of the morphing animation ( how it's supposed to look like):

Annotation 2020-06-21 145106.png

 

I don't want to trim the shape all the way down to the red point and then scale another path up. I would like it to actually transform into the other shape.

I would appreciate tips or any kind of help.
Thank you.

 

Adobe Community Professional
Correct answer by Rick Gerard | Adobe Community Professional

By far the simplest solution is to use the blend/expand/release to layers, import as a comp and sequence layers workflow Mylenium described. Here's a quick tutorial from years ago:

TOPICS
How to

Views

90

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Need tips on creating a certain animation

Community Beginner ,
Jun 21, 2020

Copy link to clipboard

Copied

First of all, I apologise if this is not the right place to seek this kind of help.


What I would like to do is to morph from the left shape to the right shape:

Annotation 2020-06-21 143040.png

 

-First, I tried manipulating the anchor points, but the animation ended up looking very bad. Especially with converting the rounded corners to straight ones.
-Then I tried adding a trim path. I trimmed it halfway through and then again, tried manipulating the anchor points but that also didn't look right.

Here is a state in the middle of the morphing animation ( how it's supposed to look like):

Annotation 2020-06-21 145106.png

 

I don't want to trim the shape all the way down to the red point and then scale another path up. I would like it to actually transform into the other shape.

I would appreciate tips or any kind of help.
Thank you.

 

Adobe Community Professional
Correct answer by Rick Gerard | Adobe Community Professional

By far the simplest solution is to use the blend/expand/release to layers, import as a comp and sequence layers workflow Mylenium described. Here's a quick tutorial from years ago:

TOPICS
How to

Views

91

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 21, 2020 0
Adobe Community Professional ,
Jun 21, 2020

Copy link to clipboard

Copied

I would look into using the re-shape effect. 

This link has info: 

https://helpx.adobe.com/after-effects/using/distort-effects.html

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2020 0
Most Valuable Participant ,
Jun 21, 2020

Copy link to clipboard

Copied

I would create a blend in Illustrator, expand it and then copy & paste the inbetween shape to separate shape keyframes. You may need to manually create a third inbetween shape, meaning you may have to create two blends in Illustrator, but overall it should be doable this way and not look jittery or anything.

 

Mylenium

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2020 0
abdo23 LATEST
Community Beginner ,
Jun 24, 2020

Copy link to clipboard

Copied

Thank you. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 24, 2020 0
Adobe Community Professional ,
Jun 22, 2020

Copy link to clipboard

Copied

By far the simplest solution is to use the blend/expand/release to layers, import as a comp and sequence layers workflow Mylenium described. Here's a quick tutorial from years ago:

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2020 0
Community Beginner ,
Jun 24, 2020

Copy link to clipboard

Copied

Thank you so much.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 24, 2020 0