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

Start learning with our library of video tutorials taught by experts. Get started

Designing a Newsletter
Illustration by John Hersey

Designing headlines: 36, 24, 16, 12


From:

Designing a Newsletter

with Nigel French

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.
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

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Designing a Newsletter
3h 22m Intermediate Jun 04, 2009

Viewers: in countries Watching now:

Creating a successful newsletter means spending less time on repetitive tasks and more time creating the design. In Designing a Newsletter, graphic designer and Adobe Certified Instructor Nigel French teaches effective design and production techniques. He uses Adobe InDesign, Illustrator, Photoshop, and Bridge to create an eight-page newsletter that's eye-catching and impactful. Nigel establishes an efficient workflow using multiple programs, examines the aesthetics of integrating text with images, and teaches best practices for outputting a final document. Exercise files accompany the course.

Topics include:
  • Identifying the common parts of a newsletter
  • Working with multiple stories and images
  • Placing, scaling, and cropping images
  • Using various typefaces and formatting text to fit the message
  • Establishing efficient workflows with paragraph styles, character styles, object styles, and master pages
  • Designing mastheads, footers, and tables of contents
  • Preflighting and proofing documents
  • Creating print-ready PDF files
Subjects:
Design Page Layout Print Design Projects Design Skills
Software:
Bridge Illustrator InDesign Photoshop
Author:
Nigel French

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.

There are currently no FAQs about Designing a Newsletter.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designing a Newsletter.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

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.