Join Richard Harrington for an in-depth discussion in this video Advanced formatting controls, part of Motion Graphics for Video Editors: Working with Type.
- View Offline
- Once you've got the basic text designed, you can add some extra formatting to change its appearance. Let's close this so we have it for comparison. I'll duplicate this. We'll call this Intro Style. When I open that up, besides the basic controls across the top here, you'll notice that you have a lot of options. Across the bottom here are several quick presets that you could apply.
This allows you to quickly change the look of the font, as well as the font chosen, and all of the properties here on the left. Let's undo, though, to go back to the font that we picked. Instead of using a preset, I'll actually do this by hand. But you will find additional presets that you can load available on the Internet, and you could load these in as style libraries. All right, from the top here, you can control the overall opacity, if you'd like the text to be partially opaque.
In this case, 80 percent opacity is 20 percent transparent, allowing a little bit of the text to show the background. You can also manually adjust the width or the height or the overall position. Next is the Properties panel. This lets you choose from the font family as well as the style. Not all fonts will have a style, but you'll notice with some, that there could be additional weights available. Notice there that I can change it.
I'll just choose Undo to go back to the one I'd previously selected. And let's continue. Besides the ability to change the style, you could adjust the overall size, the leading and the kerning. Now these match up to the values over here, so this is really just a shortcut menu to avoid having to access title properties. Additionally, you could take advantage of slant, if you'd like to introduce a manual skew. You see it essentially provides a fake italic.
Small caps will take capital letters and leave them as caps, but turn the lowercase letters to smaller caps. This is a nice way to make a very readable title. You can also refine the overall size of the small cap to produce a good balance. The next category is fill. This allows you to fill it different ways. You can use a solid or a gradient ... or things like a ghost, which will create an essentially see-through.
But I'm going to go, in this case, with a simple linear gradient. What I'd like to do is go from white to off-white. When I click Okay, you see that updates. Now this is per character. So in the case of the gradient, it's not white at the top and gray at the bottom. It's white at the top and light grey at the bottom of each letter. And that carries through. If you decide you want to adjust spacing, remember, you can go between two pairs here and then adjust that one letter pair at a time.
This allows you to, essentially, create pair kerning if needed. That feels a little bit better between that W and o. All right. I like that gradient. But I could adjust the angle so it's not quite so straight up and down. Maybe I want a slight diagonal to it, to create a bit of a light source coming from above. Additionally, besides the overall fill, you could take a look at things like Sheen, which can create a highlight.
By playing with that, you see we actually get a little bit of a hot spot on the center of the text. And I like that. It's creating a bit of a bright spot that adds some dimensionality. You could adjust the size and the angle. Additionally, you can lay in a texture. This allows you to click and then navigate to textures. For example, you might remember, we had some textures earlier. I'll go to that distressed text folder and grab that soft texture there, from the paint page, and lay that on, and you see it applies.
You could adjust the size of that texture, as well as how it blends. So if it's too strong, just back it off a bit. You can make a subtle texture overlay. You see as I turn that off and on there, it starts to pick up a bit of an organic feel. Now, besides the fill properties, you have the ability to add strokes. I could put a slight outer stroke here to create a bit of an edge.
That contrasting edge can help with the readability. Additionally, the stroke itself can have a sheen or a texture. Now, tend to not double those up, as it get a bit far. Besides strokes, another way to create readability is to add a drop shadow. Now, some people will use both a stroke and a drop shadow. Just be sure you find a good balance and you don't overdo it. Let's put that there, with some additional diffusion on the soft, size and spread, and we'll pull the distance in so it's not so far away.
That's working pretty well. Little lower opacity. And let's knock that stroke down just a little bit, so it's a little more see-through. Set that about 50 percent. It's looking pretty good. Lastly, you have the ability to add a background in, but in this case, I don't want a background. I want it to be transparent, to show through to the video. That looks pretty good. And, in fact, if I like something, I can actually click and create a new style.
When I click Okay, you see that adds it here. Now, if I wanted to use that again in the future, with a quick click I could use that style, with the glow, the edge, the sheen, the gradient, the drop shadow and the texture just one click away.
- Designing lower thirds in Photoshop
- Creating alpha channels in Photoshop
- Designing 3D type in Photoshop
- Distressing text
- Creating a watermark
- Animating text with After Effects
- Using and customizing animation presets
- Extruding 3D text in After Effects
- Creating titles in Premiere Pro
- Adding a logo to a lower third
- Linking text