Confused on Layer Order...I think

Question

Confused on Layer Order...I think

Hi Everyone,

I'm really seriously embarrassed to even be asking this question. I feel like it is super remedial and with all the tutorials I've done, watched and bought I feel like this should not be a problem for me. I don't even know how to word the question...so please forgive me ahead of time.

Let me explain what I am trying to do. I want to have an explosion come in from space and hit a "shield" so it basically just ends up exploding at the window. As you can see from the screenshot the fire and smoke actually go into the cockpit instead of staying outside.

I first tried this in Final Cut first. I'm a tiny bit more proficient with it than Motion. I made two copies of the cockpit, masking off the actual cockpit itself, leaving only the window and put the fire composite in between the two copies. It didn't really work out like I wanted and besides that I felt the composite itself needed some Z space adjustments anyways.

So, I started to work on it in Motion. I tried the same concept. But no matter where I move the composite it either ends up going into the cockpit or it disappears (assuming due to layer order) completely.

May I please get some guidance on how to achieve what I want to do? I've looked all over for a tutorial of some sort and I really can't find anything on what I am looking to do. Besides that, I'm not even sure I'm going about this the right way anyway. Thank you so much for any help or guidance!!

Posted on Oct 10, 2024 8:48 PM

Reply

Answer 1

fox_m

Level 6

12,511 points

Oct 11, 2024 7:31 PM in response to Creator_needs_help

A lot of people bash Motion comparing it to Adobe's After Effects. I've used AE — I prefer Motion, and so, I'm an advocate as much as I can be.

Is this about what you're going for?

This is not (technically) 3D.

Here's the layer setup:

I had to make an explosion from a Clouds generator because I didn't have a decent one available...

There are two basic layers: spaceship-cockpit and the Clouds-explosion layer. A clone of the spaceship-cockpit layer is needed to provide the "glass" through which the explosion is viewed. The windows require masking like so, BUT instead of masking the image or clone directly, the **Group** containing the explosion and the cloned cockpit is masked *using* the cockpit image... get it? We're blending the "glass" of the cockpit as part of the explosion. [Group 1 contains everything.]

(Notice I didn't really go to a lot of trouble masking the edges... you don't have to overwork or overthink this.)

All Blend Modes are set to Normal EXCEPT for the Clone cockpit layer which is set to Linear Dodge so it can blend with the explosion graphic.

After the setup, it's just a matter of animating the explosion and the interior lighting that occurs as the explosion passes.

To the Clouds generator, I added various filters (Twirl, Levels, Relief, Sphere, and 3 Light Rays). I set the color gradient to be Yellow -> bright red -> dark red. To animate it, I added a Ramp to the Scale parameter from 0% to 520% (this will depend on the size of your original explosion) and a Ramp to the Opacity as it fades as it passes [Start Value 0, End Value -100]. The End Offsets were dialed up to make the Scale time ~ 1.5 seconds and the Opacity fade ~2/3's second. All this is variable depending on what you want.

To the original (bottom) spaceship cockpit I added a Tint filter and simply keyframed it to animate the Mix from 0 to 100 back to 0 to simulate how the interior of the cockpit would light up as the explosion passes.

I would recommend adding a little bit of "shake" [Earthquake] roughly matching the Tint animation.

I hope I covered everything.

Reply

Answer 2

fox_m

Level 6

12,511 points

Oct 10, 2024 11:02 PM in response to Creator_needs_help

In 2D Motion, Layer order starts at the bottom of the layers list and goes up. Whatever is on top is what is "in front" of everything else. [BTW, if you're "stacking" Effects in Final Cut, it's exactly the opposite - layer order is from the top of the Effects Inspector, down -- that includes the Transform, Crop and Distortion tools which always come after user added effects.]

In 3D Motion, order is by "Z Position" ("line of sight [through the center] opposed to X/horizontal and Y/vertical). Whatever has the greatest z-position is what is in front. What makes it different is that all the 3D layers can interact visually — like one object coming through, from behind, another, which will not be possible with 2D layer ordering.

From what I see in your screenshot, you have 3 video clips which are "flat". You should be able to do what you want to do by putting the explosion clip under the cockpit clip and changing the blend mode so that you see the details of the cockpit as well as the explosion (underneath). Start with Add or Screen (maybe Linear Dodge). Try Overlay and Vivid Light. Pick which blend mode suits your tastes.

If none of this was what you were talking about... I probably need more information.

Reply

Answer 3

Oct 11, 2024 5:44 PM in response to fox_m

Hey Fox_m!!

You know, I don't understand why you help all of us like you do...but you're seriously like some kind of an amazing human being for always being here. That's all I can say. Thank you for answering.

I've been playing with this all day. I even went and did a tutorial from AV Ultra called 3D Layers in Apple Motion. Just to see exactly everything you told me at work in real time. Which of course it did. But I just can't make it work on/in my own composition.

Here's what I'm thinking. Everything I am working with are videos. No graphics. The cockpit I designed in Illustrator...self taught btw. I seem to be able to understand that better than Motion! I digress...

The cockpit is in Illustrator with HUD elements from motionvfx. It had so many layers I had to export it out as a .mov file because the brand new computer didn't like all those layers for whatever reason. I'm thinking I should bring in two png files out of Illustrator. One of the cockpit, the other of just the window area. I will make the background layer the video of the stars. Then bring in the fireball composite and work with it in 3D so I can use it the way I want. I can make another .mov file of just the HUD elements and overlay it in the cockpit where it should go.

Right now no matter what layer I move it too or what blend modes I apply, the fireball enters into the cockpit itself. What do you think of my plan? Or do you have any other ideas?

Reply

Answer 4

Oct 11, 2024 8:00 PM in response to Creator_needs_help

Wow. Seriously? Thank you so much for taking the time to do all of that and explain it so perfectly for me. Yes, that is pretty much what I wanted to do. I need to really study it, but I can see that it works - so now I just need to go in and make it work for myself.

I save everything I get from you. I have needed to do other flashing things and I have gone back to your example using the Oscillate behavior a few times now. I have a feeling this post will be something I reference back to as well. I wish there was some way I could thank you for all the times you've saved me from seriously having a mental breakdown :) I guess the only way I know at this point is to just stick with it and become proficient at Motion and somehow make you proud. lol

Have a great night!

Reply

Answer 5

fox_m

Level 6

12,511 points

Oct 11, 2024 8:22 PM in response to Creator_needs_help

You have a great night too! It gets easier :D

Reply