Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Turn the circle inside out technique

  • Turn the circle inside out technique

    Posted by Volodymyr Pepelov on December 21, 2021 at 1:02 pm

    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)

    1. 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

    2. The direction of that transition has to be
      possible all way around, and not just linear, but also along the curve
      trajectory.
    3. 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.
    4. 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.

    1. 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.

    2. 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.
    3. 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!

    Volodymyr Pepelov replied 4 years, 9 months ago 1 Member · 0 Replies
  • 0 Replies

Sorry, there were no replies found.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy