-
Turn the circle inside out technique
Hello.
I’m working on a project which requires me to master one bizarre technique of turning the circle inside out. There is simplified version of what I am talking about.
https://coub.com/view/2z0vdz
Basically, it’s just a circle and a background which two swaps colors between each other through peculiar animation of turning inside out.I’m looking for the way to create such effect, but it has to meet four main requirements. It might sound simple but those things mess everything up)
-
The effect should be quite customizable. Most
of the time I need the final position and size of the circle to be
different from the starting one, as it shown at the previews below.
https://coub.com/view/2s7686https://coub.com/view/2s760v - The direction of that transition has to be
possible all way around, and not just linear, but also along the curve
trajectory. - It has to be compatible with not only
shape layers but with raster ones as well. For example, I need the same
effect to turn one sphere into another, so I need option to use 3d
rendered image with lights and shadows on the circle. - There are quite a lot of different elements I
have to make, so I am looking for user friendly technique to manage to do
over the one hundred of unique animation without blowing my mind.
I’ve already tried 3 different approach to master, but none of them turned out fully suitable.
-
First approach I tried was made with camera
and simple circle in a 3d shape layer rotating along Y axis while moving
back and forth.
Movement back and forth provides proper scaling to hide side portion
of the circle visible to the camera during the flip, so camera remains
still being in the center of a circle passing through it. At the moment of
positioning first circle 90° to camera I replace white circle on the black
BG with black circle on the white BG so black BG from beginning of
animation continues as rotation of the black circle at the end and so on.
And I would call it a day but turned up not to be the most appropriate
solution in my case because I can’t use it with image of 3d sphere which
looks extremally fake during the rotation. And also it requires lots of
additional layers and some perspective distortions have a place when it
comes to animate circle with different starting and ending point. - Second time I tried to use animated masks to
fake the transition. But with frame-by-frame animation it gets almost
impossible to create dozens of animations in a good quality. - At last, I find the way to create smooth
animation by faking the effect by the single precomp with two circles
being animated with scale while main transition happening with two rectangles
being animated with bend to match circle shape.
https://coub.com/view/2z1cbq
This one turned out to be the best so far, as the smoothest, easy to work
with, and customizable enough. I can go with it
using animation of position, scaling, and rotation of that PC, as well as
time remapping to control starting and ending points.
But this one has a big issue when it comes to work with raster images over
it. Because of mixing scaling inside of the precomp with outside of it, I’ve
never managed to link third party object match scale and position without
manual tweaking each keyframe frame by frame, which drove me nuts quite
fast.So, I’m looking for the easiest way to create such effect.
I was thinking this should be possible using some sort of distortion or polar coordinates or whatever, but never figure out how.I kindly ask for help. Any random workflow will do. Any fresh thoughts will be appreciated.
I believe the community can help me so solve this puzzle. It has to be some beautiful and clean way to do that trick, it surely has to! -
Sorry, there were no replies found.