Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Learn how to create stunning motion graphics and animations for video production. Author Ian Robinson explains how to format and animate type with the Transform Glyph tool and explores Motion's real-time 3D tools. The course also covers working in 3D space, creating depth with lights and shadows, keying green screen effects, and working with particle systems. In addition, Ian offers practical advice on integrating Motion into a professional video workflow and explains how to work smarter using rigs and templates.
If you are joining me from the last video, I want to draw your attention to the fact that I've gone to the View Options here and re-enabled Handles and Lines. That way when the Type layer is actually selected, we can easily see exactly what's selected. Since we're all here to learn about stylizing the type, let's go ahead and select the Type layer and go to the Inspector. Make sure you're in the Text section under Style. Under Style here, you'll notice we have a bunch of different options. We could adjust the face, the outline, we could add a glow, we could add a drop shadow, and there are a whole bunch of options underneath all of these.
But before I get to doing that, I want to take you through a typical process that I would go through when I'm setting Type. First one, do I really need to add style to the Type? Because honestly, some people kind of overdo stylizing of Type, and sometimes that can cause issues with eligibility or even compression, if you're compressing this to the web or for broadcast or different things like that. Usually with a background as busy as this I would try and stick with a more clean, simple layout, just kind of the way that I have it now.
But since I really want to push this way over the top, I do want to stylize this a little bit more. Also, when I'm setting type I'm considering, okay, how am I going to animate this? And as I am looking at this Type, since the word STUDIO is dominant, I want to actually have completely separate control over that when it comes to the animation. In order to do that, rather than just selecting individual lines of type and stylizing each line separately, which I could do, I am just going to separate the word STUDIO out from the intro text of "Welcome to the." So in order to do that, I'll just double-click right inside the Type box there and I'll just make sure that I have STUDIO selected by clicking and dragging.
If I press Command+X, that will go ahead and delete that last line by cutting it out of that group. Now, I am just going to press the Delete key once to make sure I don't have any extra spaces, and just press Enter on your keypad to set this. In order to add the next line of type, I am going to press T to grab my Text tool and click in the canvas and when I press Command+V to paste, there, now I have a completely separate line of type for the word STUDIO.
Now I can go ahead and animates this and stylize this slightly differently. Let's first deal with stylizing "Welcome to the." In order to add a little bit more pop to this and sort of blend it just a little bit into the background, I want to add a glow. To add the glow, just click the box to the left of the word, and it takes a second, but it did add a Soft Glow to that type. You may notice this R pop up, and what this is telling me is the type is now rasterized.
Usually you want to try and not have things rasterize as you continue adding different elements, but this was probably caused by compositing this with 2D layers and 3D layers and some of the different options that I'm really not going to get into right now. The biggest thing you want to do when you notice something is rasterized is just change the magnification to 100% and look closely at it and see if it works for you. Right now, I'm not seeing any bad jagged edges. All I see is a slight glow, so I'm fine with the fact that this is rasterized and since I am not going to be zooming in on this type, we're good to go.
Now, with the Colors options here, let's go ahead and pop the radius of this glow out just a little bit and increase the blur. Now that is starting to look absolutely ridiculous, but in order to fix that, I'll change the Color to a more white color, and that's fine. and let's just bring the Opacity down a little bit. So what this is going to do is just sort of add a slight blur to the type, but it's just sort of blending it into the background a little bit. I can add visual interest and make somebody actually read these words by the style of the animation.
As far as stylizing these two lines of type, we're good to go. With STUDIO I want to do something a little bit more over the top. Let's look at adding a gradient through this line of type. And to do that I could choose the Fill options right here in the Face section of my style. So if I click under Fill Width, I have an option. I can choose Gradient or Texture. Just to show you really quick if I chose Texture, I could drag an image right in from the Finder and have that image populate through the Type.
I am not going to do that right now. I just want to choose Gradient for right now. And with the gradient, notice I have these colors that popped up. This Gradient tool you'll see repeated throughout many different elements in the interface, from the particle generator, to the replicator, to the inside of a text layer. Let's look at how the Gradient controls actually function. If I open the disclosure triangle here, you'll notice these two main lines. Let's start with the top up here.
This first one controls Opacity. So if I click on this little chip right here in the upper left, notice when I click on it, the Opacity actually pops up. And if I drag that down to 0, you'll notice the word actually disappears. When you have one chip, it's going to control the overall opacity of that gradient. If you want the word to fade in, what you need to do is click in this bar just anywhere else. So I'm going to click over here on the left-hand side.
The way this works is left to right, top to bottom. Notice when I clicked in here it automatically added a second chip, which is selected, and it's called Opacity2, and here I can crank the Opacity back up. So now, if I drag this first Opacity parameter closer over to the left, notice it's starting to chop off the top of the words, see? I don't want to do an opacity gradient so what I'm going to do is actually just get rid of this left one by dragging up out of the way, and notice I get the poof animation and it's gone.
I can do the same thing with this other chip, but I'll just drag it over to the left. I want to choose a different color gradient. In order to do that, I could choose Custom Colors by clicking in the Color Chip and then adjusting my sliders or just quickly right-clicking within the color well. Let's go ahead and do this funky yellow. That's great. And then here I can do the same thing right within the chip. If you just right-click, it's kind of a neat, fast way of quickly changing the colors here.
So here I'll do this kind of pinkish, purpley color. That's kind of over the top, but to keep pushing it, I want to go ahead and add a glow. To enable the glow, we can just go ahead and click right on that and then the glow will pop out from the word. Now, I want to adjust the color of this glow and, again, enabling Glow has rasterized this type. I think that's totally fine for right now. I want the glow to be kind of a bluish tint, so I'm going to go to the blue color here.
And let's increase the Blur so it's really kind of soft. And adjusting the Radius just really adjusts the intensity right out of where the glow is coming from. And as I am looking at this, that's really kind of funky, and what I want to do is actually have a gradient move throughout the glow. And to do that, you guessed it, a Fill with Parameter, I could go ahead and change that to a gradient. In doing that, notice now I have the color changing from this light blue on the left to a dark blue on the right, and that's kind of giving me more of a look that I'm looking for.
If we scroll down here, there is another option that I could enable for the type within the style itself, and that's Drop Shadow. So if I add a drop shadow on here, notice now I've really got this type kind of popping off the screen. First thing I want to do is adjust the actual blur on this, because that's a little too harsh. Now to make this pop even more, I can adjust the scale of the type itself. And one of the things I want you to be aware of when you're manipulating type is there is an option for the actual format of the type itself.
If I go to Scale, it will go ahead and scale up like that. But there is also the scale that pops up within the actual layer that the type layer inhabits. So if I scale that up, that's also increasing the scale. So just keep in mind there are several redundant controls that can actually pop up when you are making adjustments to type within the different layer hierarchies within Motion. I am just going to center this type a little bit on this sphere, and I'll grab the "Welcome to the" type and just have that sort of populate over here on the left and scale this down, making sure to hold Shift+Option.
And just to have a better idea as to what I'm looking at, I'll zoom out here. You can see Welcome to the STUDIO. Let's go ahead and just really pop this out so it's really large. The last thing I want to do to blend this into the scene is just adjust the overall blend mode of the type. So here under the Properties section of the Inspector, if I add something like Multiply or Screen, notice it is applying the blend mode throughout all of the adjustments that we made within the style of the type itself.
That's really kind of cool that you can generate all those different colors and things like that and still have the blend mode function properly throughout the application. Let's deselect and check out what we've got here. That's a little stylized for my personal pleasure, but as you can see, when it comes to actually stylizing type and laying things out, creating heavily stylized type within Motion is just a matter of clicking through the different properties in the Inspector and getting what you like.
There are currently no FAQs about Motion 5 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.