New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Designing headlines: 36, 24, 16, 12

From: Designing a Newsletter

Video: Designing headlines: 36, 24, 16, 12

We've created and we have applied our body and our body first styles where appropriate. What we're now going to do is create a group of headline styles in descending size. So we're going to have head 1, head 2, head 3, head 4. They're all going to be based on head 1, so that should we decide to change head 1, then that change will cascade through to the styles that are based upon it. Our headline styles, and also our supporting body text style, which is going to be applied to our secondary articles, will be in a contrasting sans serif typeface.

Designing headlines: 36, 24, 16, 12

We've created and we have applied our body and our body first styles where appropriate. What we're now going to do is create a group of headline styles in descending size. So we're going to have head 1, head 2, head 3, head 4. They're all going to be based on head 1, so that should we decide to change head 1, then that change will cascade through to the styles that are based upon it. Our headline styles, and also our supporting body text style, which is going to be applied to our secondary articles, will be in a contrasting sans serif typeface.

We're using Adobe Garamond Pro, a serif typeface for our continuous reading text. Conventional wisdom is that serif fonts are more readable than sans serif, and of course there is a lot to challenge that conventional wisdom, but that is a broad generalization. That's the combination that we're going with here. Serif for our body copy, sans serif for our headlines and supporting material. Here's a quick primer on the difference between the two. A in Adobe Garamond Pro, and same size A in Myriad Pro, our sans serif.

So let's zoom in on a piece of the text. I'm going to hold down Command and Spacebar and click-and-drag over the three frames there, so we can see them as big as they can get within our window. I'll just dismiss my Paragraph Styles panel for a moment. I'll need to cut and paste my headline into a separate text frame, so that it has room to grow. So I'm going to select that, three clicks will select it, Command+X or Ctrl+X will cut it, and then dragging the text frame from left margin to right margin. I'll then paste it into that text frame.

When I do so, and I've got my hidden characters shown, we see there is a hash mark that marks the end of the story. I'm just going to press my Backspace/Delete key to bring that up to the end of the type. Then Select All and now start applying the formats to that text. Since I have my Character Formats over on the left here, I'm going to do those first of all. Command+6 or Ctrl+6 will take me to my Font menu and I'll type in the font I'm after, Myriad Pro. Since we wanted to be bold and contrasting, I'm going to use the Bold weight and we want this first head to be 36 points. Just before I do that though, I'll come and remove the first line indent.

If you don't see your Paragraph Formats over here, you can click on this one to access them and change that to 0. I'm now going to switch back to my Character Formats and change this to 36 points. But if I didn't know in advance how big I wanted this to be and I was just experimenting, I would do it this way. Command+Shift+> or Ctrl+Shift+>, the key to the right of the M key. I've done this before. I know that I want it to be 36 points. Even though we have only one line at the moment, there may be times when our headlines run to more than one line. So we want to set the Leading value also at 36 points.

Another thing that I would like to do, and we can see the problem, if I just come and turn my pictures layout back on, we can see that our headline is currently colliding with our image. Regardless of that, I want to make my headline a little bit more dense in its appearance. To do that, I'm going to reduce the amount of spacing between the characters and between the words. Before I do that, I'll choose my Selection tool and then press W to hide my guides, so that we can concentrate just on the appearance of the text.

One way I could do that is to use the Tracking command here. Tracking will reduce the amount of space between the characters. That's obviously way too much. But rather than do it that way, I'm going to do it a slightly different way. The end result is going to be much the same. I'm going to adjust the Justification settings for this paragraph, where I want to make the Desired Word Spacing not 100% but 90%, and the Letter Spacing I want to make -10. I'm only really concerned with the Desired column, because I'm going to make this text Left Aligned. At the moment it is Justified. But when I make it Left Aligned, the Minimum and the Maximum will have no effect. But I do need to make the Minimum the same as the Desired, in this case. Otherwise it will beep at me.

That's all I need to do there. If we turn on the pictures layer now, we could see that our headline is dense enough now that we've taken up any unnecessary space between the characters. So it's a little bit more impactful and of course, as the added benefit of not colliding with the picture. As I mentioned, I want to change this from Justified to Left Aligned. It's currently Justified because it originally had the body style applied to it. I'm going to come and click on that icon to change the alignment. It's not going to change the appearance, but that's going to prevent problems from occurring with other headlines that might be a little bit longer than this one.

I think that's pretty much all I need to do. Maybe one more thing. Since it's a headline, I don't want it to hyphenate. So I'm going to turn off Hyphenation and I'm now ready to create a style based upon this. You'll see its current status on the Paragraph Styles panel is body+. I'm now going to choose New Paragraph Style and I'll call this head1. Apply Style to Selection will be checked. Now knowing in advance that I want other heads that are going to be the same as head1, they're are just going to be smaller, I'm now going to do this. Hold down my Option or Alt key and click on the Create New Style icon at the bottom of the Paragraph Styles panel and call this one head2. Based on head1, meaning that it will inherit all of the formats. I'm going to change this Size to 24 points and the Leading to 24 points.

In this instance though, I do not want to apply that to the selection. Click OK. Now I'm going to repeat that process, Option or Alt and Create New Style. head3 based on head1. Basic Character Formats. This one is going to be 16 point on 16 point Leading and then one more. This one will be 12 point on 12 point Leading. I need to call this one head4.

Now because the headline style was originally based on the body text, it inherited the Align to the Baseline Grid property, which actually we don't want. It's not a problem at the moment. It would be as we come to apply these styles later on. So anticipating that, I'm going to now edit the head1 style. Indents and Spacing and Align to Grid, I'm going to change that to None. Because head2, head3, head4 are all based on head1, I only need to do it in this one place. Click OK. So I'm now ready to go and apply these head styles where appropriate throughout the document. I'll zoom out, Command+Option+0 or Ctrl+Alt+0. Let's move to page 2.

Well, we have there a head1. Again, I'm going to need to cut this and paste it into a new text frame. So let me do that. I'll come and turn my Guides on. Three clicks to select it since it is a single line. Cut it, click-and-drag to make the text frame, paste it, Command+ V or Ctrl+V. Backspace to bring the hash mark up to the end of the line, head1, and the next.

So for this third story, I'm going to cut not only the headline, but also the strapline or deck head that follows it and paste that into a new text frame. Backspace to bring the hash mark up to the end of the line and then apply head1 right there. Tech Buzz, our monthly column, will get the head3 style. I forgot that on page 2, the letter section. Each letterhead gets the head4 style. Finally, if we now move to the last page, I need a continuation head up top here.

So, I'm going to click-and-drag to make a text frame and type in the words "Gardeners continued" and then apply head2 to that, "continued from page 1." Okay, problem. We want the word Gardeners to be in head 2 style, but "continued from page 1", we want in a different style. Now presumably, this is a style that is going to repeat throughout the newsletter, maybe more than one occasion in this issue, but also on other occasions in upcoming issue.

So it's going to be worth our while to invest a bit of time and make a Character Style for this. It needs to be a Character Style, because it is an exception to the paragraph. So I'm going to select that piece of text and going to my Character Formats. I'll make this Adobe Garamond Pro, Italic, and it's going to be a lot smaller, 10 points. That's what I want my continued Character Style to be.

So I'll now come to my Character Styles panel. New Character Style. I'll call this continued so that if in future, next time we do something like this, I'll apply the Basic Paragraph Style to this and I'll make sure that I remove that Character Style formatting. So the next time we do this, I could click in there, apply head2, select that bit, continued.

If we look at the Paragraph Styles and Character Styles panels in the finished version, you can see that there are a lot more styles than those that we've created. You can go on ahead and create these. Checking out this style specs by coming to the finished version. Simply by clicking in there and looking at the values that are on the control panel, both the Character Formats and the Paragraph Formats. Or you could fast track this and load the styles from this, the finished version, into our work in progress. And that's what I'll do next.

Show transcript

This video is part of

Image for Designing a Newsletter
Designing a Newsletter

47 video lessons · 20343 viewers

Nigel French
Author

 
Expand all | Collapse all
  1. 6m 54s
    1. Welcome
      1m 8s
    2. Using the exercise files
      1m 28s
    3. Overview
      4m 18s
  2. 22m 2s
    1. Saving a custom workspace
      2m 8s
    2. Deconstructing the document
      3m 3s
    3. Using a template
      1m 38s
    4. Setting up the workspace
      4m 58s
    5. Setting up the document
      1m 49s
    6. Creating layers
      1m 7s
    7. Creating the baseline grid
      3m 5s
    8. Creating text and picture frames
      4m 14s
  3. 23m 45s
    1. Choosing images
      2m 17s
    2. Placing images
      3m 24s
    3. Fitting images with object styles
      2m 26s
    4. Cropping images
      3m 9s
    5. Creating cutouts
      4m 26s
    6. Creating partial cutouts
      2m 24s
    7. Fixing a problem image
      5m 39s
  4. 39m 45s
    1. Placing text
      6m 30s
    2. Cleaning up text
      2m 49s
    3. Designing body text
      8m 46s
    4. Designing headlines: 36, 24, 16, 12
      11m 20s
    5. Loading styles
      1m 54s
    6. Applying styles
      4m 35s
    7. Working with text wraps
      3m 51s
  5. 1h 22m
    1. Designing the nameplate
      11m 49s
    2. Designing footers
      6m 0s
    3. Choosing and creating colors
      4m 49s
    4. Designing color panels
      8m 16s
    5. Creating drop caps
      4m 19s
    6. Creating department heads
      9m 8s
    7. Designing a review section
      7m 12s
    8. Designing a calendar
      4m 39s
    9. Finessing text
      5m 33s
    10. Designing the masthead
      5m 8s
    11. Designing the feature spread
      3m 10s
    12. Creating pull quotes, captions, and photo credits
      7m 24s
    13. Designing a mailing area
      2m 32s
    14. Designing a table of contents
      2m 15s
  6. 27m 20s
    1. Using live preflight
      6m 8s
    2. Proofing and imposing pages
      4m 33s
    3. Making a print-ready PDF
      4m 15s
    4. Making a screen PDF
      1m 49s
    5. Packaging
      3m 17s
    6. Saving snippets
      3m 48s
    7. Saving as a template
      3m 30s
  7. 29s
    1. Goodbye
      29s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.