2.2 Setting Up the Text
In this lesson we will go through the process of setting up your text in preparation for movement and animation. This will include text separation, creating outlines, and creating shapes.
1.Introduction1 lesson, 00:44
2.Adobe After Effects Tools2 lessons, 23:30
3.Retro Text Animation3 lessons, 39:10
4.Finishing Touches3 lessons, 27:55
5.Rendering1 lesson, 02:57
6.Conclusion1 lesson, 00:46
2.2 Setting Up the Text
Hi everyone, and welcome back to The Stranger Things 80s Intro Course. In this lesson, we'll learn how to set up our text for the animation. So let's start by creating a new composition. To do this, we need to go to Composition and then go to New Composition. This will open up the Composition Settings window where we can set up things such as the size of our video, and also the frame rate, duration and the name. So let's start with the name of our composition. So let's name it at the top box here. And let's name it Retro Text Intro. We also want to decide what sort of resolution we want our final video to be. So for this course, we'll be working at 1080P, which is 1920, so let's type in 1920. And a height of 1080. Cool, so now that we've done that, then next we'll need to enter a framerate. So, we want a frame rate of 30 for this course. And finally the duration in seconds. So for the duration of this animation, let's set this at 10 seconds for now. So let's set this here, so 10. Now, we don't need to worry too much about the duration, as we can increase or decrease this as we work on the animation. So once we have these set up, we can click OK, and the first composition will be created, like so. So now that we have our blank composition, the next thing we need to do is to add the text. So to do this, we can right-click on the composition panel here. And go ahead and select New, and select New Text. This will create a text layer for us to work on, and also automatically center the text in our viewer here. So we can go ahead and start typing in the center of our screen. Now, at the moment we won't be able to see what we're typing, because the color of our text is set to black. So let's go ahead and click on the Character panel here. And we want to set the text to white, like so. And now you can see our text is appearing. Cool. Alternatively, you can also use the Text tool at the top here, and then simply click on that, and then click on the viewer. And then begin typing your title. So here I'm going to go ahead and type Retro Text Intro, but feel free to write whatever title or message that you want. And then from here, we can also use the text tools again on the side to help with the look of our title. So using the dropdown menu here, we can go ahead and select the font. So the font that we want to use for our Stranger Things-inspired title would be Benguiat. So let's go ahead and select Benguiat here, like so. Now make sure that the text is actually selected. So I'm going to go ahead and select all the text here, like so. Let's go ahead and select from the bottom up. And then here, once it's selected, you'll see it change as we select the font. Excellent, and with this particular font you can also change it from Medium or Bold like so, or any other style that you have. So let's go ahead and choose Bold for now, cool. The next thing that we might want to do is also adjust the size of the title here using the Font Size tool. So you can either go ahead and use the dropdown menu here like so, or we can go ahead and enter a value here. So let's go ahead and see what it looks like with 150. Let's see with 160, so let's leave that at 160 for now. And we can also use the Tracking tool here to adjust the space in between the letters. So let's go ahead and use the dropdown menu box here to space the letters out a little bit. So let's use 25 for now. And also, we can use this tool here to adjust the space in between the lines of the text here as well. So let's go ahead and play about with this. So you can also drag the mouse like so, just to see the changes in real time. So let's enter a value of 150. Looks about right. Excellent, so once you're happy with that, let's go ahead and click on the Title Action Safe button at the bottom here. And select Title Action Safe, and this will bring up these guidelines in the viewer, which will help us move and adjust our text so that it's in the center of our screen. So before we created this layer by going to right-click Add New, which is why our text is centered exactly. But if you went and used the horizontal title, it might not be exactly in the center of the screen. And to adjust the text, you can just go to the Selection tool here, select the text, and then just move it around as you would in any other Adobe program, like so. Cool, and then once you're finished, we can go ahead and select the Title Action Safe here again, just to remove the guidelines. Excellent, now make sure that the text is still selected, so let's go ahead and select the text again. Now, over to the right here inside our Character panel, we want to go ahead and make sure that we want to click on this No Fill Color button here. Which is this small little square in between the Fill Color and the Stroke Color icons. Now, if we click on this, this will remove the color of our text, leaving behind an outline, a black outline of our text. Which you can't see because our background is actually black as well. So let's go ahead and click on the Stroke Color to select that and then click on it again. And we can go ahead and select a color for our stroke, like so. Cool, so let's go ahead and select a red color for now like this. And now we need to prepare the text for the animation. So to do this, first we need to duplicate the text. So let's select the text again inside our bottom panel here where our layers are. And then just press Ctrl+D on the keyboard to duplicate. Now we want to hide one of these layers, so let's go ahead and hide one of the layers here. And then what we want to do from here is delete some of the letters apart from the top center ones here. So let's go ahead and select the Text tool, and I want to delete the R and the E here, like so. And then the X and the T here, like so. And also the Intro here, like that. Cool, now we can unhide the previous layer and make sure that you're selecting the layer that you just edited, so, in our case, it's the top one. And now, we want to use this Selection tool. And if we go ahead and open up the text here, we can actually use the Transform tools here to go ahead and position our text a little bit more accurately. So let's go ahead and zoom in using the mouse wheel here. And we want to adjust the text so that it's right on top of each other like so. So if we unhide that, we'll see that both of the text layers are on top of each other accurately. Cool, now I'm just going to go ahead and separate the bottom line as well. So let's go ahead and duplicate the first layer here. So press Ctrl+D to duplicate. Hide the first layer. And let's go ahead and use the Text tool to delete Intro, like so. And now on the other layer, we want to delete the top line, so the retro text line here, like so. Cool, so now we have one layer which has Intro and one layer which has Retro Text. So we've successfully separated these two lines here, and we've also got layer with just the middle text here. Cool, next we will need to separate each of these layers so that we can animate them individually. Now, to do this we need to right-click on the first layer, just hide the middle layer here. So let's right-click on Retro Text here. And then we want to go to Create, and then Create Shapes from Text. Cool, and this will create a new layer in blue here which is made up of shapes that are based on the text. So we can go ahead and it automatically hides the first layer here, so now you'll see that we've got that text here. And if we open that up here like so, and see the content, you'll see that each of the letters here have been separated into their own little thing, like so. Cool, and each of these letters also have their own individual settings and options that we can use to animate them. So now that we've got this, we can actually go ahead and delete our original Retro Text, like so, as we don't need it. And let's do the same with the bottom text here, so we want to right-click on the Intro layer. And then we want to go to, let's see if we can find it. So right-click, go to Create and then Create Shapes from Text. And the same thing again. We can go head and delete the original text layer, as now we've got the Intro outlines layer here. If we go inside the contents, you'll see that each of the letters have been separated with their own settings, like so. Cool, now for the middle text here, which is up here, like this, we'll leave it as it is. As there's a quick animation trick that I can show you in the next video that we can use to animate these here. So now that we have each of the letters separate, we can go ahead and resize the size of the far-left and the far-right characters. So starting with the R, let's go ahead and open this up. And in fact, let's make sure we're on the right layer, so open this up. Go to the R here, so make sure you're selecting the R. And we want to go ahead and transform this R here. So let's go to the Transform options. Open this up. And we want to set the scale and make it bigger. So let's try 150, like so. And you'll see that it's made it bigger and placed it a little bit further away from the text. So we want to go ahead and move its position close to the rest of the text here. And we also want to move this down a little bit here. So that we can line the top of the R closer to the top of the rest of the letters here as well. So let's go ahead and zoom in here, To make sure that we can do that as accurately as possible. We can also use the rulers here. So if we go to View > Show Rulers. We can also use the rulers here to help guide us. So just dragging from the top of the ruler here until we can see the top of our text, like so. Just lining up with the top of our text, we can now use the guideline to try and line up our text, like so. So let's make sure that the ruler is in line with the text here. And now we can just move this up and down to make sure that the text, the R is lining up with the text at the top of the rest of our text here. And let's go ahead and do the same with the T. So just taking a note of the position here, so you'll see that the top here is at 53. So I'm just going to remember that for the T here. So for the T here, we want to go ahead and transform this, and scale this up to 150, like so. And the position here was at 53, so let's enter that. So now you'll see that the T has moved down to the top of this ruler here. And now we just want to slide the T over, so that it's in line and closer to the rest of our text, like so. Awesome. So now let's go ahead and close these options down. And we can now go ahead and remove the rulers. So let's remove the rulers here. And we can go ahead and remove the Show Guides as well, cool. So that's it for this lesson. In the next lesson, we'll learn how to animate the text. See you all there.