Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Here are some tips and tricks for working with baseline grids, and the first of those is how do we work with paragraphs that are smaller in size and tighter in leading when they come side by side with our body text? I am going to turn my Grid on by pressing W and then come to my View options to see my Baseline Grid. In fact, I think I will press Command or Ctrl+Semicolon just to hide the column guide so we are only seeing the baseline gird but not the column guides.
And the issue here is that my Body Type is 9.25 points on 12 Point Leading, my Caption is 8 points. Now if this were on 8 point leading, it would just look too loose. So, rather than not align this to the grid, you can see that it is aligned to the grid, but actually only its first line is aligned to the grid. This is the third way, rather than aligning it to the grid or not aligning it to the grid, we have this third option of aligning it to the grid, but only its first line.
Now there is more that's going on here, because you can see that after the first line, lines 2, 3, and 4 are out of sync with the grid, and then line 5, and every subsequent fourth line comes back on the grid, and that's no accident. The Leading value of the Caption is 9 points, 4 times 9 is 36, the Leading value of the Body text is 12 points, 3 times 12 is 36. I will now turn my Column Guides back on, Command or Ctrl+Semicolon.
Let's look at another issue that's likely to come up, and that is how do we align the tops of pictures relative to the text that's next to them? And you can see in the case of these top two pictures here, if I turn the Guides off, they are not visually aligned with the top of the text. And that's to do with the fact that each of our text frames is going to have a little bit of space at the beginning, and that's because each first line of type is aligned to the grid, and we have if we look in our Text Frame Options, we have this default Offset Baseline option, Ascent.
That's how that's going to look. There is no reason to change that. But what we need to do is bring the top of the pictures down so the tops of the pictures align with the cap height of the text and the columns next to them. If you're just doing the odd one or two, you could just draw a guide as necessary and adjust the tops of the picture frames according to that guide. But if you anticipate this coming up a lot, let's say you are doing a catalog with lots of text and images arranged in this way, then it's going to be worth your while to create a cap height line.
I have one already created, if we come to the Layers panel, I can turn that on, and we see I have got now a whole additional increment. It's also at the 12-point increments, but it's offset from the baseline grid increment, and it marks the tops of caps of the type. Now, of course, the top of caps is going to vary according to what typeface and at what size you are using it. So I am going to turn that off, and we'll create this again. To do this, come to an example in your text.
I am going to position my page right there, so I can also see the left-hand page, because I want to draw down a guide, and I want that guide to be on the left and the right pages. To make sure that, that happens, I am going to hold down the Command key or the Ctrl key and drag that down, and I want to position this guide at the top of caps of the I right there. Okay, now when I have got it in place, I am going to select it, and I am going to cut it, and since I want this to be on all of my document pages, I am going to put this guide, or grid of guides on my master page.
So, I am going to come to my master page, I will zoom out, and then I am going to paste that guide that's on the clipboard in place, Command+Option+Shift+V or Ctrl+Alt+Shift+V, paste it right there. With it selected, I'll come to the Edit Menu, and I will choose Step and Repeat. I mentioned in an earlier movie that I have 55 lines. I already have one of these guides, so I need an additional 54, and I want the Vertical Offset to be the same increment as my Leading or Baseline Grid increment, which is 1 pica or 12 points, and then I will turn on my Preview, and there is my cap height line.
Now, what I didn't make sure, though, was that all of these lines were on a separate layer, and it's going to be a good idea for me to do that because I don't want to see all of these all the time. I am going to swipe down the spines as I select all of those, come to my Layers panel, create a New layer, and then drag that selection to the new layer. I will call it cap height1 just to distinguish it from the one that's already there. And just one other thing that is entirely a matter of preference, and that is what color do we want these guides to be? I am going to come to Ruler Guides, and I'd like them to be a little bit less obtrusive.
So I am going to go for a Gray. Now that I have those in place, I can come back to the Pages where they are needed. I can select the tops of my images, and I can pull them down, I know exactly how far to pull the tops of those picture frames down to, and the tops of those frames do indeed snap to those grids, and I can do the same here. In fact, it's already been done on all of the other images but just those top two needed it. So that's how you can create and employ a cap height guide.
What about one other thing? And that one other thing is how do we work with a Custom Baseline Grid? Every once in a while, you may find yourself wanting to have multicolumn text in a separate frame, and that text is smaller or bigger than your body text. So, it requires a different grid increment, and that is the case here. Each text frame can theoretically have its own grid increment.
I think if you're using more than two baseline grids in the same document, then you might need to rethink your grid strategy. But there are occasions where you do want to set the Baseline Options for a specific text frame, and that's what I have done here. So, this particular text frame uses a Grid Increment of 10 points as opposed to 12 points. And as with the main grid, I am starting at 0, in this case, relative to the top inset.
You'll see that this type is also aligned to the grid, but it's marching to the tune of a different drummer. So, there are three different tips for working with grids, how you can align to the first line, how you can set a cap height to adjust your pictures making sure that they align to the top of caps, and how you can work with a Custom Baseline Grid.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 64583 Viewers
119 Video lessons · 71874 Viewers
125 Video lessons · 32492 Viewers
103 Video lessons · 31687 Viewers
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.