How to attch three objects/layers/comps with one nulll

[Suraiya A]

Hi,

I need some guideance. Please help me 😞 

I am trying to remake an animation from inspiration. no way I can figure out how to attach a comp with two nulls. I can sense there is a trick but I cant figure out,  and also how can I make a loop in such animation I dnt understand that either. any kind of guidance will be appreciated.. Please help me. :'( 

My animationsamples from web

[RobShultz]

I recommend that you review how to  precompose and the lookout "cycle" expression.

[Suraiya A]

Thank you so much.

[Rick Gerard]

Are you trying to use just two graphic layers, have them move up together, and limit the total number of graphic layers to three, as in your second screenshot where the layers are moving?

If so, by far, the easiest way to make that work would be to use four layers, two copies of each graphic, and create a comp where graphic one is at the bottom and stationary to start with. Then, it moves up to reveal layer 2. The copy of 1 moves off-screen, layer two moves to the top, and layer 1 moves up to the bottom of the frame. 

You then set an in and out-point for the Work Area where Layer 1 has stopped moving to the bottom position with Layer 2 above. The first and last frames of the work area must be identical.

Next, set the in and out points of each layer to match the work area, grab all of the layers, and Pre-compose, moving all attributes to the new comp and trimming the new comp to the layer length. 

The next step is to apply Time Remapping to the pre-comp, which is now a nested comp in your main comp. Now move to the last time remapping keyframe using the K key, then go back one frame using the Cgtrl/Cmnd + right arrow key and add a new time remapping keyframe. Then move to the original last keyframe again, where you should not see the animated layers, and delete the original last keyframe. 

The last step is to add a simple loopOut() expression to the time-remapping keyframes and then extend the layer to the length needed to create your loop.

If that is not what you want to do, let us know. It's easy to use an expression to automatically animate layers like live texting conversations, and you don't even need any keyframes.

[Suraiya A]

Thank you so much for the kind guidance.

I was so sad, am happier and confident now, after reading your instruction. Thank you so much.

Actually I felt like, in the original one (blue one), there are two separate comps and they are looped in a way that, when comp 1 leaves the screen comp 2 appears and when comp 2 leaves the screen,  comp 1 comes again!

How this rotation/loop of their position took place I could not figure that out.  

And there’s more than meets the eye.

Each comp bounces when it appears and these bounces are separate, it is not like that you can use a null, and attached those two precomps to it  and then animate the null’s position to give a bounce vibe, which I did actually….. so there are a lot of things.

I will apply what you instructed first to see if I can make a similar version of the original one.

Thank you so much.