Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In this installment of Illustrator Insider Training, author Mordy Golding shows how to create type that’s both beautiful and communicative, whether it’s destined for logos, brochures, signs, infographics, or simple documents. This course covers core typography concepts, such as working with Unicode and OpenType fonts, applying character and paragraph settings, managing text with styles and text threads, placing text along a path, and wrapping text around graphics.
When it comes to setting type, there's a concept called composition. That's the act of taking the actual words itself, flowing it into a frame that has a specific width, and then depending on the actual type size and the font and the different hyphenation and justification settings that you use, Illustrator goes ahead now and puts the different words on each line. As it analyzes each line that it puts into this paragraph, Illustrator decides whether or not it should hyphenate, how much spacing it should add, again, all based on the hyphenation and justification settings that you set.
However, when it comes to actually setting type, typographers often refer to the way that the type looks on the page as being the color of the type. For example, when I look at this paragraph here on the left side and I look at the paragraph here on the right side here, I can see certain differences. My eye is drawn, not only to the actual letters themselves, but also to the whitespace that appears in between each of the words. Now, when there's a lot a whitespace in between all the words, we refer to those as rivers, because I can kind of draw visual lines that connect these whitespaces, and that makes type very, very difficult to read, because my eye is drawn just as much to the whitespace in between the words than the words actually themselves.
If we look over here on the left side, I don't see that many rivers here at all, and so we refer to this as having good color, whereas this text over here may not have such good color, because I see a lot of this whitespace that appears in between each of the words. So for the most part, when I'm setting text inside of Illustrator, I want to avoid these rivers that may appear inside of my text. Now, let's first understand exactly how Illustrator goes through the composition process, and then we'll understand a little bit better about how we can have Illustrator help us out in getting better color for our paragraphs.
Now, in this case here, if I select this paragraph, I go to my Character Settings here, I see I'm dealing with Chaparral Pro Regular, set at 22 points over 30. So Illustrator has that setting already. It also knows how wide my frame is here, so it flows the text inside of it. It puts the word "Sometimes, the most powerful," but it sees the word powerful doesn't fit on the line. But because it fits within the Hyphenation zone and the Hyphenation settings that I've set, and because the Justification settings allow me to have this amount of space between each of the words, Illustrator decides it's going to put a hyphen here, and then it goes to the next line.
Now it has these few letters here left over from the previous word, and then it starts to say, okay, I have room for the word "way to express your," but it doesn't have the ability to squeeze the word feelings on this line, because according to my Justification settings, this is the amount of space I can have between each of my words, and the word feelings wouldn't fall into my Hyphenation zone either. So Illustrator says, well, that's all we've got here. Now it forces the word feelings to the next line, and then so on and so forth. In this case here, I have some odd spacing.
I have the word "anything at all" and then Vibrant here, but because the word anything here didn't fall into the Hyphenation zone here, or the spacing didn't really give me the ability to adjust the text here on this line according to my Justification settings, Illustrator now is looking at the word "anything at all Vibrant." It knows the word color can't fit here, so there's not really much I can do. So I get a lot of space on this line. The same thing applies to this line here. I have a lot of space between the word color and artful and between artful and composition.
When it comes to this line, Illustrator says, well, I can fit "and aromatic scent combine," all these together on one line, because I'm allowed to now reduce the space by the amount that I specified in my Justification settings. So here Illustrator can go ahead now and give me a line that is very, very tight. But the problem that I have now as a type designer is that I have a very loose line followed by a very tight line. So that immediately draws my eye to these whitespaces right over here. If I have a paragraph that has a lot of open spaces, I'm not drawn to those spaces.
It's the contrast that draws my eye to those areas. But again, because Illustrator analyzes each line on its own, one at a time, Illustrator doesn't realize that, oh, this line is tight compared to this line that is loose, because right now it's only focusing on this one line. It doesn't know that the previous line was a loose line. Likewise, when it's composing this paragraph and it's looking at this line right here, it sees that I have a loose line, but I mean, it figures, that's all it really can do. It doesn't know that the next line is going to be tight and that's going to cause this contrast problem.
Let's take a look now at what the Every-line Composer does. The Every-line Composer takes a look at the entire paragraph. So as Illustrator starts setting these lines here, it says "Sometimes, the most powerful." It goes ahead and hyphenates the word powerful. Then it sees "way to express your feelings is not by saying anything at all," and it realizes that these lines over here are very, very tight. But I may get a bigger problem later on when I start to see that I'm going to have some spaces here. So Illustrator actually brings the word anything and hyphenates it and brings it up to have a tighter line here, so that it doesn't have as many spaces on the next line.
In other words, it's compensating one line, knowing that there's going to be another problem later on. And when it gets to the spacing problem later on anywhere else in that paragraph, Illustrator looks back towards the earlier part of the paragraph to see how can I reflow some of that text so that these problems don't occur later on in the paragraph? Meaning that when I'm using the Every- line Composer inside of Illustrator, I'm always looking at the overall color of the paragraph, and if I see any areas where there's very, very loose or very, very tight lines, Illustrator will make an adjustment to the entire paragraph.
Now, how do I control these different settings? Well, I'm actually going to go ahead now and select this Area Type object. I'll go to my Paragraph panel, and then from the flyout menu, I'll see that I have these two options here: one called Adobe Single-line Composer and one called Adobe Every-line Composer. You can see over here that this Area Type object is set to the Every-line Composer. So that's why I'm seeing much better color of my type here than I am over here. Notice I don't have any visible rivers here, whereas here I do.
To give you a better sense of exactly what these two composers are doing, let's try the following experiment. I'm actually going to go ahead now and select both of these frames right now, and from my Paragraph panel, I'm going to choose this last option here called Justify all lines. So now you're going to see that Illustrator is going to ensure that all my lines match both the left and the right sides of my frame. I'm going to take my Type tool and I'm going to go over here, let's say, to the word Time. Let's insert my cursor right here by the word Time, and I'm going to force a line- break by pressing Shift+Return on my keyboard.
Notice over here that by doing that Illustrator is forced to put "Time and again" on the next line. Because the previous line had the word "bow of emotion on it," Illustrator was forced to space out those words. It doesn't know that it can go up higher inside of the paragraph and open up the spacing here to compensate for that. Whereas if I go to the Every-line Composer and I do the exact same thing, I put my cursor now in front of the word Time and I press Shift+Return to force a return here, you can see that the Every- line Composer said, whoa, there's going to be a lot of space on that line.
Let me now open up the entire paragraph so now every line on this paragraph has a loose setting, and now I don't see any of those big gaps that appear inside of my paragraph. Now, in Illustrator, the default setting is to use the Single-line Composer, and in all reality, it's probably the better setting to use on a regular basis. That's because usually you're not working with these long paragraphs of text, and the Every-line composer will sometimes reflow your type just based on the settings that you apply.
Of course, it's always doing that because it's trying to make your text look as best as possible. Sometimes though, if you're a designer and you're trying to get your text to look one way, but Illustrator feels that may be it would look best another way, you start to get into that fight with Illustrator. However, when you want to give Illustrator the control to actually control the color of your type, and this is especially the case when you have lots of large paragraphs inside of your document, you may want to use the Every-line Composer inside of Illustrator.
There are currently no FAQs about Illustrator Insider Training: Type and Text.
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.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.