Learn how to add and stylize text in overlays using the type tool and character settings. This article provides step-by-step instructions on creating text frames, adjusting font size and alignment, and creating consistent layout designs.
Key Insights
- The article provides a thorough guide on how to use the type tool to create a text frame in overlays, adjust the text style and size to draw attention to the main company title.
- The article also explains how to adjust the settings of secondary text, such as company addresses, to make it less noticeable and ensure that it does not detract from the main title.
- Finally, the article emphasizes the importance of maintaining a consistent layout design, including how to align text frames to either the center or the edge of the rectangle and how to adjust the size of the title and address for an aesthetically pleasing look.
Note: These materials offer prospective students a preview of how our classes are structured. Students enrolled in this course will receive access to the full set of materials, including video lectures, project-based assignments, and instructor feedback.
In this video we're going to be adding text to our overlay. So let's begin by first utilizing our type tool and within our layers we're going to make sure that we're within overlays since this text will be within overlays.
Next let's create a text frame by dragging out to the right. You can either copy the text found within the document provided by our client or simply type it. In this case, I'll just type out Domus Interior Design and now we want to stylize this text.
To do this we'll hit CTRL A on the keyboard to select all and let's change our character to Chivo and since this is our main company title we'll select Chivo Black since it's a heavier font and will draw more attention. For our font size, let's double-click, type 30, and hit ENTER. Finally, let's utilize our selection tool so we can drag this over on top of our overlay.
We'll drag in the side of our text frame and zoom in and this looks good, however I think we want Interior Design on the next line together. We'll click inside and drop that down hitting ENTER and let's also right-align this. We'll hit CTRL A and within our paragraph settings we'll select Align Right.
Finally, let's shrink the text frame by hitting CTRL ALT C on the keyboard to resize it from top to bottom. Then, we'll use our selection tool again to create a second line by holding ALT and dragging it down, holding SHIFT so we drag it only down. Next let's change the text within this text frame. We'll hit CTRL A on the keyboard and we'll type out our address 741 Frisco Street and hit ENTER, Nape California 96741.
For this text, we want it to be a bit smaller and less noticeable since it's just the address, and we don't want it to detract from the title. So let's hit CTRL A and we'll stylize this text. The first thing we want to change is the weight.
Let's change it from black to light and let's also change the size of it so it attracts a little bit less attention. We'll double-click and we'll type 20 and hit ENTER and here I think this looks a little bit better. Finally, let's bottom-align it. To do this, select the text frame, go to the alignment options at the top, and click 'Align Bottom.'
And let's now drag this as we're going to be aligning it to the bottom of our overlay and we have the other one aligned to the top. From here we're going to center both of them by clicking the top one and holding SHIFT on the keyboard we'll simply use the down arrow twice and then clicking the bottom one we'll simply hold SHIFT and click the up arrow twice. Now they have equal spacing from the top and bottom and if we zoom out and hit W on our keyboard we can see what this looks like.
I think while there are some elements that work well, we do have a little bit of an issue with our text coming all the way up to the margin and we're going to resize it a bit. The first thing we'll do is drag the corner out and since we're getting close to the edge let's drag it all the way out to our bleed so that it will print fully on the page. In addition, let's also stretch this out a bit so it’s not centered exactly halfway.
We'll drag it to the end of the gutter, leaving it right at four inches. Now hitting W on the keyboard let's see this change and I think this looks a lot better. As one final change, let's go into our text right here and triple-click and hit CTRL A on the keyboard to select all of it and let's change this from some uppercase, some lowercase to all caps.
Let's also play with the size of our text and I think it looks a little better now being a little bit smaller. We can also adjust the image here. Let's drag the text frame in so it’s in line with our rectangle and I think I like the look of this a bit more.
Feel free to align your frame to either the center of the rectangle or the edge and adjust the size of your title and address as needed. When you’ve finished let’s hit CTRL S on the keyboard to save our work and in the next video we’ll begin working on the second page. See you there!