Skip to main content
Inspiring
July 9, 2021
Répondu

How best to make a path that leads into a circle path, repeats around n times, then leaves circle

Hi

 

I have a character that I want to come in from off the left bottom of the screen, then move up and around a circle path in the middle of the screen multiple times, then come out of the circle near the bottom and end up off the right of the screen.

 

My Google searches aren't turning anything up - I thought I could draw a staright line for the left, circle in the middle, staright line to the right, merge them into one path, but then I have no idea how to make the character repeat it's way around the circle a few times before exiting right stage.

 

What is the best way to approach this please?

 

Thank you.

Ce sujet a été fermé aux réponses.
Meilleure réponse par Rick Gerard

You could just add a null at the center of the circle, parent the character layer to the null, animate the character moving into the first location using a copied and pasted vector path or a couple of keyframes, then move down the timeline to where you want the character to exit and copy and paste the vector path for the exit or set a couple of keyframes. 

 

When the character arrives at the last keyframe moving into the frame, set a rotation keyframe for the null, move down the timeline, and set a second rotation keyframe for the null to bring your character to the right position, then let the character move off. 

 

To counteract the rotation of the character if that is needed just add this simple expression to the character's rotation:

- thisComp.layer("Null 1").transform.rotation

3 commentaires

Mylenium
Legend
July 9, 2021

Yes, split the entry and exit animation from the circle ones. Rick has offered a possible solution, others  could simply include copsy & pasting a mask path into the position and making good use of auto-orient or specific "targeting" expressions to keep objects aligned.

 

Mylenium

Rick GerardCommunity ExpertRéponse
Community Expert
July 9, 2021

You could just add a null at the center of the circle, parent the character layer to the null, animate the character moving into the first location using a copied and pasted vector path or a couple of keyframes, then move down the timeline to where you want the character to exit and copy and paste the vector path for the exit or set a couple of keyframes. 

 

When the character arrives at the last keyframe moving into the frame, set a rotation keyframe for the null, move down the timeline, and set a second rotation keyframe for the null to bring your character to the right position, then let the character move off. 

 

To counteract the rotation of the character if that is needed just add this simple expression to the character's rotation:

- thisComp.layer("Null 1").transform.rotation

Shaun5FC3Auteur
Inspiring
July 17, 2021

Thank you for the in depth explanation and visual example Rick - I learn best watching examples rather than reading, so this was incredibly helpful.

Mylenium
Legend
July 9, 2021

Don't bother. Simply duplicate the layer enough times and animate each part of the motion path individually. As long as the transition points are seamless nobody will notice.

 

Mylenium

Shaun5FC3Auteur
Inspiring
July 9, 2021

Ok - that simplifies things. Thank you. So one animation for coming in left of frame and curving up into the circle, another animation for each time I want to it go around the circle, say 2 times round so two separate circle paths, then one final animation for exiting the circle and leaving the right of the frame. Is that right?

 

As the character flies up around the circle I want it to be oriented so the bottom of it is facing the circle. I can do that, but I need to make it twist as it heads up into the circle, otherwise the bottom of it is facing away from the circle. Is making the object 3d editable in the the first animation the way to go here to put the twist in as it flies up into the circle? 

 

Thank you Mylenium