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

From: Designing a Newsletter

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.

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.

Show transcript

This video is part of

Image for Designing a Newsletter
Designing a Newsletter

47 video lessons · 20336 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.