Start learning with our library of video tutorials taught by experts. Get started
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.
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.
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.