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

Creating department heads


From:

Designing a Newsletter

with Nigel French

Video: Creating department heads

So now it's time to design our department heads and by departments heads I'm referring to these things, which are going to repeat from month to month in the same or at least a similar location. So they are going to go on the page furniture layer. Just to remind you the layers that we have, text, pictures, and page furniture, and these use the same treatment as we are using for our nameplate here with the Italicized gray type contrasted with the Myriad Pro, Bold type.
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

Creating department heads

So now it's time to design our department heads and by departments heads I'm referring to these things, which are going to repeat from month to month in the same or at least a similar location. So they are going to go on the page furniture layer. Just to remind you the layers that we have, text, pictures, and page furniture, and these use the same treatment as we are using for our nameplate here with the Italicized gray type contrasted with the Myriad Pro, Bold type.

We will do one and then we are essentially going to copy it, and then just to change the text for the others. When I turn my Guides on by pressing W, we can see that we have a frame there, ready and waiting for the content, and I'm going to zoom in to that area, choose my Type tool and click in there, type the text, select it, I'm going to change the font to Adobe Garamond Pro, Italic, and then I'm going to change the point size to 36 points.

Now I'll just choose the second word and change this to Myriad Pro, Bold, and change the color of that to green, but we want to make a further adjustment to this because Myriad Pro at 36 points is going to overwhelm the Adobe Garamond Pro, Italic of 36 points, the X-height of the letters is that much higher. We also want to change the Tint of this to 40%, which is what we used for the nameplate. So while I'm here with this text selected, I'm going to make a New Tint Swatch, and we are going to have 40% Tint of Black, which will add that to the Swatches panel and at the same time applied to that text.

I am going to hide my baseline grid, then pull down a guide. That marks the X-height of the word, Community. I think I also want to apply a little bit of tracking to this. So I'll select it, Option+Left-arrow or Alt+Left-arrow just to tighten up the space between the characters. Then select this word, and size it down a bit until we make the X-height equivalent to the X-height of the Italicized text.

Now I'm deliberately omitting the space between, but I do want a little bit more space then I currently have. So I'm going to come and kern in a bit of space there. I place my cursor between the two. Option+Right-arrow or Alt+Right-arrow in this instance, just to move all of the text to the right of the cursor over a bit. All right, and that looks good. I do want to position it optically so that the left-hand edge of the C is up against the left-hand edge of our text frame.

Now that I have that, I'm going to select all and copy, zoom out, come in to here, and paste, highlight that, change that to Calendar. Same thing over here, insert my cursor and paste. Now I'm going to move to Page 2 and paste, where this time, we need to replace both words. Because the R is slightly colliding with the L there, I may need to adjust the kerning on this particular instance. Option+Right-arrow or Alt+Right-arrow just to move that slightly over to the right, zoom out, come down here, paste. I got it the wrong way around, didn't I? That one is your letters, so I'll copy that, paste that down there, and this one is Editor's Letter, singular, a bit more kerning in there, and a bit less between the R and the 's.

All right, now just to spice things up a little bit, we are also going to add some icons to those, these things here. I don't have one for Profile, but for Reviews, Calendar, and the Editor's Message, Letters, and then we have another icon down here, which is going to go in the masthead to indicate that it's printed on recycled paper. Now these icons actually come from an Illustrator symbol set. So let's pop over to Illustrator. I have a document here of all the icons that I'm using.

This is how I got them. In Illustrator, I opened my Symbols panel and then we have a number of very useful symbols libraries in Illustrator. And the one that I used was this one, Web Icons, and to add these to the Symbols panel, simply click on them. They are already there, but if I were to for example click on this one, that will add it to the Symbols panel. Once they've been added to the Symbols panel, to put a single instance of each one on the page, click on it and add it to the page, and then we are going to copy and paste it into the InDesign layout. The recycled symbol came from the Maps symbols set and the thumbs up, that's something different. That is a Wingding font, but before we get to that, this one here, we actually want to flip this one so that it's facing the other way.

So I'm going to select this and then using the Reflect tool-- that's on the same tool space as Rotate. Reflect, if I just double-click on that and we are going to reflect it across the vertical axis so that it actually looks like so. Now for our thumbs up, take the Type tool, click to make an insertion point, and then we can go to the Glyphs panel, change the font that we are viewing to Wingdings, and somewhere in there, in fact right there is what we are after, it's very small at the moment, but it is on the page now. So I can close the Glyphs panel, highlight this, and bump up its size.

Now this is actually a font and it's going to make it a little bit more practical to work with, if we convert this from an editable font into outlines, which is what I'll do next. Type > Create Outlines, and just so that we can kind of compare its style to the style of the other icons, I'm going to size it up more or less to the same size. The quality of the line on this is not as thick as is on the other. So to compensate for that, I'm going to select that, and as well as having a black fill, I'm also going to give it a black stroke.

Just to slightly thickened that line, black stroke of 1 point. So one by one I'm going to copy the icon, switch over to InDesign and to our work in progress, which is newsletter20, go to the relevant page, and this one is the Calendar I believe. I have already forgotten what it is. But if I paste it now making sure that I'm pasting it on the page furniture layer and we can tell that it's on that layer, because the selection color is green.

I will move it down here into position and we don't want it to overwhelm this, so I might draw myself a guide, maybe a couple of guides, and I might find it easier to get it a little bit bigger when I do that. Now position, oops, I'm moving the wrong thing there, I need to make sure that I have my text layer locked. I am now going to scale this down so it has approximately the same height as the X-height of the type, Command+ Shift or Ctrl+Shift and scale it down, or maybe it will go for the cap height. I think the cap height. Pick one and stick with it and this case it's going to be the cap height.

Okay, but we also want to change the color of it, and again we don't want it to be too overwhelming. So I'll now come to my Swatches and we'll change the color to the green and maybe now it's the time to build a tint swatch of that green. We'll have 15% Tint, which I'll add, and at the same time apply it to that selected item. So I don't think you need to see me do the rest of those. I'll go and finish those in my own time and see you in the next movie with newsletter21 without icons in place.

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.