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

Designing a Newsletter
Illustration by John Hersey

Designing color panels


From:

Designing a Newsletter

with Nigel French
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

Video: Designing color panels

In this movie, we want to design some color panels and what I'm referring to is this color panel behind our News in brief section here which also appears on Page 2, and then on Pages 4 & 5, we have this panel for the center spread and on Page 6, the Community Calendar. Now just to make sure that we keep things nice and consistent, what I'm going to do is I'm going to create a tint swatch derived from each of our two colors, our green and our aqua. These two colors so that we can apply them consistently. Also this brings up a couple of other issues. One is an age-old debate.

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 color panels

In this movie, we want to design some color panels and what I'm referring to is this color panel behind our News in brief section here which also appears on Page 2, and then on Pages 4 & 5, we have this panel for the center spread and on Page 6, the Community Calendar. Now just to make sure that we keep things nice and consistent, what I'm going to do is I'm going to create a tint swatch derived from each of our two colors, our green and our aqua. These two colors so that we can apply them consistently. Also this brings up a couple of other issues. One is an age-old debate.

I'm exaggerating of course but that debate is do I apply the color to this text frame or do I draw a whole separate element underneath this text frame? I am going to go for the latter approach and the reason I'm going to do that is if we are thinking about creating a legacy for this newsletter, something that we can inherit the next time we do it, and the next, and the next, and the next, then I think it's going to be good to retain on the page these color fills so that we can just place new text on top of them. I mean the other approach is equally valid, but I think when we come to do the next issue, we can just strip out the text, we have already got the color panel right there and we can place the text on top of it. So that's my thinking there and it's going to go on the page furniture layer so that we can keep it separate and distinct from the text layer.

Right then, so in newsletter18, at a comfortable view size, I'm on page 1 that seems like a comfortable view size to me. I'm now going to select the page furniture layer, let's lock those two and using my Rectangle tool, let's turn my guides on as well, my Baseline Grid, Show Baseline Grid. I'm going to draw myself a rectangle like so. Now you will notice that, in this case, we are actually breaking the bottom margin and that's I think acceptable because we have no footer on this page.

So there is my frame and I want to make sure that this frame has no stroke, so I'll remove that. I'll just press the Forward Slash to apply none. Then come to my Fill and to my Swatches and I'll like to start off by applying the aqua color and then I'm going to come to the Color Swatches panel menu, New Tint Swatch. I'm going to create a tint based upon this at 15% and then add that.

That will both be added to my Swatches panel and applies to that selected item, then I can click Done. I could even go as far as to make it object style for this and why don't I do that? That's don't sound like such a bad idea. It turns out that I automatically have a text wrap on that which I don't actually want. There is the text wrap offset right there, so I'm going to click on that to remove it because that text wrap is knocking the text out of the way and we certainly don't want that to happen.

So now I'll come to my Objects Styles, New Object Style and I'll call this sidebar, Apply Style to selection. In this case, what it's picking up is the Fill color. I'll click OK and then we'll zoom out from there. Before, we go on to the next page, if we take a look at the final version we can see that we have got this kind of treatment, a little tab on it right there. So that's what we want to do next and this requires jumping through a hoop or two because it's very easy to have a frame with no rounded corners or with all corners rounded but if you want a frame with just one or two or three of those corners rounded, then that becomes a bit more difficult and that of course is what we want.

So I would draw myself another rectangle right there and I might as will begin by applying the sidebar style to that, but now to round just this corner, right here, I'm going to need to go to my Scripts. Again if you don't have your Scripts open then you'll find them under Automation, Scripts. Okay, this time before we used the FindChangeByList to clean up our text, what we want this time is CornerEffects and I'm getting this from the Samples folder from the AppleScript folder. If you are a Windows user, it would be Samples and VBScript or JavaScript and that's true that Apple users can also use JavaScript as well.

So I'm going to double-click on CornerEffects. That's going to bring this up. All right, so we want it to be rounded and the Offset amount that sounds about right, 12 points. That's how round it's going to be. But this is the crucial one, Pattern, and I often get confused with this. It depends how you draw the rectangle. It's a bit difficult to interpret which point we are referring to but I think this is going to be the logic. It would tell me it's the second point that being the first. But past experience I think tells me that it's the third.

Anyway, let's see when I click OK, I got it wrong. So I'm going to need to do that again, press Command+Z, you might need to do that a couple of times. I'll go with logic this time, second point, and that's that one, so it's got to be the fourth point, I'm going to get there eventually. Now as one final step, not strictly necessary but it does keep things nice and tidy.

I could combine these two shapes together. Why not I go ahead and do that. So I'm going to select both, although, thinking about it. It might be nice to have the flexibility to make this a slightly taller or slightly more shallow tab, and we would lose that. But if we did want to combine the two shapes into one, we could do this. Select both. Object > Pathfinder > Add. I don't want to do it, so I'm going to undo that. I'm going to retain them as being two separate shapes. Now doing that is going to require that I take further action with my News in Brief text which is currently butting up against the edges of that frame but we'll address that in another movie.

So for now I'm going to move to Page 2, turn my Guides back on by pressing W and I'm now going to draw myself another frame on Page 2, like so to which I'll apply the sidebar style, move over to the facing pages spread where I'll do the same thing. I'll make sure that overlaps with the picture and when I apply the sidebar style to it, it gets the tint and then we have one more instance that's on page 6.

Okay, so we now have our color panels in place. We might just for this one, change the Tint Color and in fact, I do want to change the tint color. So I'm going to come to my Swatches panel and here I'm going to apply the green and you will see when I do that, it picks up the same tint. Now I could make another Tint Swatch of this color. I don't think that's strictly necessary here. I'm just going to have this be an exception to the normal sidebar tint. Okay, I think we are ready to move on to the next step.

There are currently no FAQs about Designing a Newsletter.

Share a link to this course
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.

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
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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.

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