Animate makes it very easy to include bits of text in your project for all sorts of uses. There are a number of different choices when it comes to types of text we can use in any given project. Here, we will look specifically at Static Text.
- [Voiceover] Animate makes it very easy to include bits of text in your project for all sorts of uses. There are a number of different choices when it comes to types of text we can use in any given project. Here we will look specifically at static text. So the first thing we're gonna do is write our name up above the slash and then we'll put a little quote below the slash. So we'll go ahead and create a new layer for each of these. So two new layers. The first one will be name and the second one quote.
Let's select the name layer for now and choose our text tool. With the text tool selected we can choose what type of text to use. As mentioned I want to use static text here. However, I could also use dynamic text or input text in this particular document type. Depending upon the type of document in the target platform you're working against some of these options may not be available for you, however, static text is basically author time creation of text. When you output it Animate CC will convert it all to basic shapes so that the user doesn't have to have the specific fonts that you're using installed on their system.
Dynamic text is different however where when using dynamic text the text can change based on code and user interaction. So for that you actually either need to have the person have the font installed or to be referencing either a font in your project library or on the web depending upon what kind of project you're using. We're gonna stick with static text because it is the simplest to work with and it works for this project. For font family I'm gonna choose Felt Tip Roman and for my size I'm going to bump this up to about 56 points.
For color, I'm gonna go ahead and sample the color for my slash so that it matches and here you have your font rendering options. So, the two big ones are anti-alias for animation and readability. When you choose readability what you're going to get is something that's much sharper. With animation it might look a little softer, but it's good for big text. So I'm gonna choose this cause I am going to animate the text eventually. Under paragraph options you can choose to center the text or align it to the right or the left and so forth.
You also get options about spacing and margins. So, for instance, you've got line height here so line spacing. With these set I'm gonna go ahead and click and type. So just putting my name in, Joseph Labrecque. There we go. And then just positioning this exactly where I want it so somewhere between the top of the photo and the middle to fit in with this slash here and that looks pretty nice.
With that done I'll lock down my name layer and select the quote layer. Choosing the text tool once again. I'm going to continue using Felt Tip Roman, however, I want to change my size to something like 26. I'm going to modify my color by clicking on this icon and just making the color a bit darker for this quote. My line spacing is good however, I also want to align to the center of the text block.
Now what I'm going to do here is click and drag until it's about the width that I want and then I can type in my quote. So, let's type in something here. All right so, "discover unlimited creative potential "with Adobe Animate CC." with that created I'm going to just bump it down a bit so that it is also aligned nicely in terms of spacing with the slash and the bottom here.
Now there's a little too much space between each line which can be easily fixed by modifying the spacing here to two points right now. I want it to be something like that and I'm also gonna make it a little bit darker. The color's just too close right now to the rest of it so going into my color picker, I can do that and there we go that looks much better. Static text is very reliable since upon publish any static text is converted to vector outlines.
So the end user doesn't need to have any specific font installed to view the content as authored.
- Setting up your workspace
- Using the stage and the pasteboard
- Importing images, Illustrator files, and Photoshop files
- Modifying text
- Drawing shapes and creating vector objects
- Managing your timeline
- Adding audio
- Using shape and motion tweens
- Coding navigation buttons
- Testing your animation