Highlighted

Turning a flat graphic to a circle

Explorer ,
Mar 23, 2020

Copy link to clipboard

Copied

Hi

I want to turn a scene of a flat street into a round street (similar to a globe).

I want to avoid animating each element separately by reposition and rotating each one accurately.

How is that possible?

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

CC Bend It is a reasonable and quick option. It will distort the tops of your buildings. 

 

If you want to keep the proportions you can animate a straight line into a curve then use the Create Nulls from Paths> Nulls follow points panel to attach nulls to each of the points on the animated line. You can then add each of your illustrations (trees and buildings) as a separate layer, place the anchor point at the bottom center of the illustrations, then Shift + parent them to the appropriate nulls to snap them into the proper position. The easiest thing to do then is to just keyframe rotation for each of the drawings. If you don't ease the keyframes then that animation is really easy and will only take two keyframes.

 

Now that you have the drawing animated you can pre-compose the entire thing and enable time remapping to ease in and out of the transformation. I've done this a couple of dozen times over the last couple of years. It's pretty straight forward and the points follow nulls script makes it easy.

TOPICS
FAQ

Views

446

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

Turning a flat graphic to a circle

Explorer ,
Mar 23, 2020

Copy link to clipboard

Copied

Hi

I want to turn a scene of a flat street into a round street (similar to a globe).

I want to avoid animating each element separately by reposition and rotating each one accurately.

How is that possible?

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

CC Bend It is a reasonable and quick option. It will distort the tops of your buildings. 

 

If you want to keep the proportions you can animate a straight line into a curve then use the Create Nulls from Paths> Nulls follow points panel to attach nulls to each of the points on the animated line. You can then add each of your illustrations (trees and buildings) as a separate layer, place the anchor point at the bottom center of the illustrations, then Shift + parent them to the appropriate nulls to snap them into the proper position. The easiest thing to do then is to just keyframe rotation for each of the drawings. If you don't ease the keyframes then that animation is really easy and will only take two keyframes.

 

Now that you have the drawing animated you can pre-compose the entire thing and enable time remapping to ease in and out of the transformation. I've done this a couple of dozen times over the last couple of years. It's pretty straight forward and the points follow nulls script makes it easy.

TOPICS
FAQ

Views

447

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
Mar 23, 2020 0
Adobe Community Professional ,
Mar 23, 2020

Copy link to clipboard

Copied

Check out the CC Sphere effect. It's best if your flat art has a 2:1 aspect ratio so it wraps nicely around the sphere.

[Please use the "Reply" button under the FIRST POST to ensure replies sort properly.]

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...
Mar 23, 2020 0
Explorer ,
Mar 29, 2020

Copy link to clipboard

Copied

Thanks, but it didn't give the effect I hoped for.

I want the sphere to be wrapped around the Z axis and stay 2D, rather than wrapping it around the X axis and turnning it into a 3D sphere (which is what CC sphere does)

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...
Mar 29, 2020 0
Adobe Community Professional ,
Mar 29, 2020

Copy link to clipboard

Copied

Can you be more specific with what you're trying to do, or show a similar example? You mentioned a globe which is what the CC Sphere effect is going to accomplish, but as this isn't what you're looking to do I'm not sure I understand. How can a sphere (which is an inherently 3D object) be wrapped around the Z-Axis but remain 2D, that sounds contradictory, but an example might help me understand. Are you by any chance talking about just bending a plane in 3D space, if so, check out CC Cylinder. That won't wrap your layer around a sphere, but will instead wrap it around a cylinder that doesn't close, so it looks like it's rolling up your flat layer like a piece of paper.

[Please use the "Reply" button under the FIRST POST to ensure replies sort properly.]

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...
Mar 29, 2020 0
Explorer ,
Mar 31, 2020

Copy link to clipboard

Copied

Thank you, but it isn't what I'm looking for. Sorry for not being clear enough

Anyway, I manually solved it. Here's what I meant:

 

 

2.png1.png

 

Thanks!

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...
Mar 31, 2020 0
Adobe Community Professional ,
Mar 31, 2020

Copy link to clipboard

Copied

I see. Well I'm glad you solved it. It would be helpful for others who come across this if you posted your solution. If this isn't what you did, you could use CC Bend It to accomplish this which will well...bend or warp a layer, rather than wrap it around an option. In the top image I have five layers of the running icon and one shape layer of a straight line. The second image is in the same comp, but there's an Adjustment Layer at the top of the stack with CC Bend It activated. This allows you to keep everything in one comp and toggle the bend when you want, but you could also have pre-composed the animation and then applied CC Bend It to that pre-comp. You have to play with the Start and End parameters to fold the layer just right, then I also set the "Distort" mode to "Extended" so the circle connected to itself. With the default option of "Legal" the orange circle doesn't close and you would have to bend the layer more, which would cause more distortion.No Bend.pngCC Bend It.png

[Please use the "Reply" button under the FIRST POST to ensure replies sort properly.]

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...
Mar 31, 2020 0