Join Angie Taylor for an in-depth discussion in this video Creating example ideas for users, part of After Effects: Creating Project Templates.
- In my template projects, I like to provide the user with some examples of what they can do with the template project, and how they can create their own custom designs. You'll see here I have an empty composition, 01_Examples Start, and in this folder here I have elements that I have created for this HUD-style interface. These are all circular elements for a HUD-style interface. So what I can do is start to put together some compositions from these individual elements. So I can just drag the comps down to the timeline and start to combine them together.
So here we have a dashed circle, and let's scroll down a little bit, and we'll bring in a ticked circle. I can scale that down, so I could open up the Scale Value, hit S on the keyboard for Scale, bring that down a little bit, scale it so it's inside the dashed circle. Let's put another few elements on. We'll put a crosshair on, and we'll go down here and add a grid, maybe to the back. I can scale down the opacity of that, so let's just hit T to bring up opacity, and then dial that down to about 20% or thereabouts.
OK, let's put another few elements on. We can put some ticks around the edges, and then you'll see here I have these rounded sections and these are the original compositions, and what I've done is duplicated these to create a second version. So if I double-click this just to show you, there's the original, and here's my altered version, and again here's the original of this one, and there's my altered version.
So you can duplicate comps here in the Composition panel, we'll have a look at that later, and then make changes to the composition to create your own new elements. OK, so let's drag this one in, and we want to go back to our original comp, so let's jump back to Examples Start. Drag in these two duplicated comps, so there's one, and here's the other, and of course that could be scaled up a little bit. If you're going to be scaling it up, you want to collapse Transformations, and that makes sure that any scales that happen in the nested comp, and happen in this comp, are combined on the original vector shape, so you're not going to lose any visual quality by scaling up.
And we'll also scale this one up as well. OK, or we may want to scale that down, I quite like that in there actually. OK, once we've done that, so let's create an Adjustment Layer, so I'm going to add a Tint. OK, and I'm just going to choose a color for that tint, so let's choose a bright green color, typical of a HUD-style interface.
Now you'll see that it's only coloring the layers underneath it, so you need to make sure that's on top, and then we'll add a Glow. So we'll go down to the Stylize section, drag Glow onto the layer as well, and we can just adjust that glow. OK, you can also add a color to the glow if you want to. We could add a yellow glow, and just choose the A & B Colors. That adds a little bit more interest to it if we just adjust the color of the glow.
And there we have it, so there's one example for our users. If we have a look back in the Project panel, you'll see that I've created some more examples for you to look at. There's 01_Example, similar to the one that we've just created. 02_Example, 03_Example, and 04_Example. OK, and you'll see this one's got some animation in it as well. So from the elements I've provided, the user can create lots and lots of different looks and by providing some examples you give the user some inspiration to go on.
- 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