Understand how the timing of parent-child layer assignments and animation keyframes directly impacts the visibility and movement of elements in your composition. Learn techniques for managing opacity animations and duplicating layer properties efficiently to keep your workflow consistent and synchronized.
Key Insights
- Assigning child layers after a parent layer has been animated requires the current time indicator (CTI) to be positioned after the animation to preserve correct spatial relationships between parent and child elements.
- Opacity animations can be reused across layers by copying and pasting keyframes, but it's crucial to align the CTI correctly before pasting to ensure the timing remains accurate.
- Noble Desktop's instructions emphasize the importance of workflow order, such as temporarily hiding layers for visibility and using keyboard shortcuts like "T", "U", and "J" to manage animations and keyframes precisely.
Note: These materials offer prospective students a preview of how our classes are structured. Students enrolled in this course will receive access to the full set of materials, including video lectures, project-based assignments, and instructor feedback.
Adding additional child layers. In order to make the logo slide in as everything else slides off, I have to add it as a child, both layers as a child for the controller. But now here's my problem.
If you look on page 49, adding additional child layers, step one says move the current time indicator to seven seconds. That's after the controller's animation, okay? If you do what it says, follow the steps, this will work properly. If your current time indicator is on the left side of the animation and you then follow the steps, it will fail miserably.
Okay, here's why. Right now, before the animation, before the controller moves over, the logo and the controller are in the same physical space, the same place. If you assign the logo as the child now, they will slide off as the controller slides off, which means you'll never see them, okay? If you are after the animation has been finished, the controller is now to the left by about 900 pixels or whatever, 500 or whatever it is.
When I assign the child now, it's gonna stay at that same relative distance, okay? That's why it says make sure you're after the animation, make sure you're at seven seconds or greater, okay? Logos, assign the controller. They will stay that distance from the controller at all times, which means when the controller is in the middle, they are that space to the side, they're off to the side. And as the controller slides off the screen, they slide on, okay? Before we animated the controller, the position of the current time indicator was irrelevant when you assign children.
However, once you animate the controller, once you animate the parent layer, the position of the CCI is really important because it's gonna be that same relative position, okay? If the parent is 500 pixels away from the child, it stays 500 pixels away. If they're in the same place, they stay in the same place. Movement of the children is relative to the movement and settings of the parent.
That's why that step one says that, okay? Now, by the way, I'm gonna do deselect that. I'm gonna hide the logo white layer for a second and I'm gonna make the logo black layer black. I'm gonna add an effect to it called fill, F-I-L-L.
This is step 10 on page 49, by the way. That one, under generate fill, it changes the color of a layer. You change it to red because that's the default.
But if you change the color black, it's now black like the instructions say. I'll turn logo back on, by the way. Logo white's back on.
I had to turn it off so I could see me changing the bottom one. Otherwise, you can't see it changing. It's just, you're doing it, but you're not seeing a result.
So it has to temporarily turn off the visibility of logo white so you can do something to the bottom layer for the same place. Okay, then it has you do this. Animating opacity.
I have no defense for what I said to do here. The first line on animating opacity says move the current emulator to 704. I have no idea why I said 704 rather than 705.
Okay, I don't defend myself. If you want to do 705, no problem at all. There's probably some really weird reason I did it, okay? Logo white is going to get its opacity animated.
I'll press T to reveal opacity. It's going to start at zero. I turn the keyframe on.
It's going to be a 20-frame animation, so it says 724. You did the five frames, 705 to 725, whatever, okay? And then the opacity back to 100. Now they slide on and it's the black one, it's visible.
And then the black one fades out to reveal the white logo. That's it. That's what it does, that's what it does, that's what it does.
Okay. Then it wants you to make some more text because over here is supposed to be guitarpix.com. Could you take your type tool, click and start typing out guitarpix.com? Yes, you could. But you already have a text layer over there.
So why don't you just duplicate the text layer and change it? Okay. Command D. I'll use a line right over there, by the way. Center the composition.
Puts it there. I could drag it down. I want it below the logo.
I could center it. I could vertical bottom, whatever, okay? But eventually I want it like right there. So you can move it around however you like.
So you use a line and you just drag the thing. There's no key frames for it, so it's fine. Now here's the really funny part.
That now moves with the logo as well because it was always the child. So you get that. Okay.
Now, but it's a little weird that that's there. Wouldn't it be cool if it faded in the same time the white logo fades in? Yes, it would. Reusing animation with copy and paste.
Okay. This layer has animation for opacity. That's the animation for opacity right there.
Okay. Copy and paste, just like delete. Depends on what did you touch last.
Layer name, copy, would copy the layer. Opacity, which is the property, clicked on. Copy would copy the opacity and its animation.
Deleting things, copying and pasting things is based on what did you touch last. If you click on the name of the property, in this case opacity, it's on the key frames there. Copy, I use the keyboard shortcut or edit copy.
When I go to that other text layer, which I did not rename, by the way, I'll double click on that. GuitarPix.com is what it's supposed to say. I'll go away from it.
So I changed the text. Now, here's my problem. When I copy, it doesn't matter where my CTI is.
But when you paste animation, it matters. Command V or Control V. I'll say U to reveal the key frames. See where they went? When you copy key frames, it doesn't matter where your CTI is.
But when you paste them, it matters. So I'm gonna make sure it lines up with that key frame for the logo animation. I'm gonna use J on my keyboard.
Jumps to this key frame, then jumps to that key frame. Now, when I paste the opacity animation, Command V or Edit, Paste, lines up. When you copy key frames, it's a matter of what key frames are highlighted.
When you paste them, the first key frame that was copied goes to wherever the CTI is. It tells you that in the book.