Join Angie Taylor for an in-depth discussion in this video Previewing results in the Primary Viewer, part of After Effects: Creating Project Templates.
- I've got an example of a HUD-style interface here and it's created from these different elements composited together inside another composition. And anytime where you have nested elements like this, it can be quite tricky to adjust the settings while still being able to see your final design. Let's just complicate matters further by dragging in this composition. And you'll see that places it on top of the other composition.
I'm going to scale it down, so I will just hit "S" for "scale." Scale it down. Pop it into position so it sits over the other element. And then I'm just going to drag it down to the bottom of the layer stack. Or almost the bottom. Now, you'll see when I do that, it changes its appearance, because the effect container contains effects. If I hit "E," you can see there is a tint and a glow on there. So it's being affected by the tint and glow in this composition, but also the tint and glow in it's own composition.
So we need to fix how that's working. So, how do we do it? Well, if I double-click that composition, to open it up, we can see all of the elements within that composition. And if we have a look in our composition mini-flow chart, you can see there is Example 1, and here is this composition within it. You can also see that this is made up from a series of nested compositions. So, if I want to make adjustments to this, the first thing I want to do is switch off the adjustments.
And I can see how it looks in this composition, but I can't see how it looks in Example 1, without clicking on the tab. But there is a way to do it, so that's what I'm going to show you, here. If I select this composition and go to View, View Viewer, it will place two compositions side-by-side. Now, I've set up a workspace particularly for this, called Dual Viewer, and all I've done here is closed up some of the pallets and moved them around, just so I can have two views open at the same time.
What I'm going to do is make them equal size, and on this one, I'm just going to click here, and choose "Example 1." So this one is going to show Example 1, this one is going to show Example 2. Now, if I was just to move down here, and switch off the effect on here, you can now see it updating here, on this composition viewer. And that's because this one is locked. If this wasn't locked, it would just automatically switch to whatever composition I was in.
But if I chose example 1, and then lock it, and then on this one, choose example 2, I can view two viewers at the same time. Not only could I do that, I could also go into maybe the circle of dots, and just change the size of each of the circles. And that will also update in this composition. And let's jump back again to example 2. And I'm going to double-click the trivial circles.
And let's just adjust that as well, and you can see that updating in the main composition. So this is a really good technique when you're designing your projects. What you can do is open up one composition And see the other compositions update as you move through. So if you go back to here. Now, the other thing that I might want to change is the gradient. So let's just switch off that gradient. And that gives us a much nicer effect. So this is a great technique for you to use when you're designing your template project, but also for you to include in any tutorials that you're packaging with your template project.
It shows user how they can work on nested compositions while seeing the final output update simultaneously.
- Coming up with project ideas
- Planning projects
- Building backgrounds and graphical animated elements
- Formatting text
- Structuring the project with controller layers
- Working with color
- Optimizing projects
- Making templates easy for others to use
- Packaging your template project
- Selling your project