Dive into the details of text stylization and layout adjustments for a more effective and aesthetic visual presentation. The article offers a hands-on approach to enhancing text, focusing on altering sizes, fonts, colors, and the overall positioning of text layers.
Key Insights
- The article provides a step-by-step guide to adjusting text layout by moving the text layers, creating a new guide, and dragging the guide to a more suitable position.
- Text stylization involves changing fonts, adjusting the size, altering the color and reducing the use of all caps to add visual variety and improve readability.
- Spacing plays a crucial role in enhancing the look and feel of the text. It involves adjusting the leading, centering the text, and creating spaces between lines and sentences for a more structured and appealing text layout.
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 begin stylizing our text. So let's begin by observing the text on the bottom.
We'll zoom in. Now, let's observe how we've laid out the bottom text. As we can see, we have a lot of white space up top right before our title.
In addition, we can't quite fit all of the text in this bottom section as we only have one inch. To fix this, let's drag everything up by one more inch. To do this, we can select all of the text layers using the move tool, shortcut V on the keyboard, and then we'll simply drag a selection box selecting each of these layers.
We can then move them up one inch by creating a new guide. And we're going to drag that guide one inch above the last guide from 53 inches to 52 inches. Now with all of these layers, we're going to click and drag holding shift up until City's Hustle meets the top guide.
We've now moved all the text to an appropriate area. And so let's click outside of the artboard. And now we simply need to move our guides.
We'll drag each of the guides up one inch holding shift. We'll begin by dragging the top guide to 52 and then to 54. We'll move these next two guides up to 55.5 and 57.
And finally, we're going to move this bottom guide up one inch to 70 inches. We've now adjusted all of our text within our guides, and I think this is a better overall spacing. Now let's begin stylizing our text.
We'll first save our work by hitting control S on the keyboard. Now, we're ready to begin stylizing our text. Let's start first with our City's Hustle title.
For this title, we're going to begin stylizing the text. We'll double-click on the text. And now let's begin working on it.
First, we're going to go up to our font in our options bar. And we're going to keep Nevis bold as our title text. However, we do want to increase the size of this font.
We'll double-click and increase it to 180 points and hit ENTER. This still fits within the guides.
We'll leave it here. I like how the words up top are relatively close together. They have a good spacing.
I like the way this title looks. So let's leave it here for now. And we'll next work on our subtitle.
We Keep Up. Let's select We Keep Up. And we'll double-click on the text.
Now let's change the font. For this font, rather than continuing to use Nevis, we're going to switch it up. We'll go to our options bar.
In this case, we're going to begin typing out Century Gothic. We can look at the different options. Personally, I like the look of the italic.
We'll select italic. However, you can choose your preferred style of Century Gothic. Now let's adjust the size a little bit.
Rather than 91, let's drag it up a little bit. And we'll type 120 and hit ENTER. And we can probably increase it even a little bit more.
Let's change it again to 130 and hit ENTER. I like the look of this. Now we have 'Cities Hustle.'
We Keep Up. However, I'm not sure that I'd like the all capital letters. So let's open up our character and paragraph panel.
Instead of having all caps, let's click on the icon with the two capital 'T's to reduce it from all caps. I like this, but it still feels like it's missing something. So let's change the color of We Keep Up.
Instead, we're going to click outside of our artboard. And we'll select PTC blue. However, you can choose whatever color you'd prefer.
We'll then double-click. We Keep Up. For our color, we'll select the foreground color and click OK.
I'll click outside. And I like the look of this. It’s very soft, positioned behind the bold words of 'Cities Hustle.'
Finally, let's work on this bottom layer. We'll double-click on it. Hit control A to select all.
For this font, let's use Chivo. We'll go to the top and begin typing Chivo. Feel free to choose your own style of Chivo.
For me, I like the bold font style. However, I don't like the look of it being in all caps.
So again, toggle off 'All Caps.' Now let's slightly change the size. We'll set the font size to 100 points.
And hit ENTER. Next, we're going to reduce the space between the top sentence and the next.
Now, let's center it instead of right-aligning it, as we did with the title and subtitle. We'll hit control A to select all.
Then we'll go to center the text in our options. As one more step, let's double-click. There's not much time to keep up.
We'll highlight it. And now let's bring a little more gap between this top sentence and the next sentence. Not as much as an entire space, but we do want to adjust the leading of this line.
We'll go to our character panel. And we're simply going to begin dragging up on the leading to create more of a space. In this case, I'll set the leading to 170 and hit ENTER.
In addition, we want a little more space between this and the next line. We'll select the next line and set our leading to 170 by double-clicking and typing 170.
This looks good. Let's now save our work by hitting control S on the keyboard. In the next video, we're going to begin exporting our work.
See you there.