Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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'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.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58344 Viewers
119 Video lessons · 67607 Viewers
84 Video lessons · 16884 Viewers
125 Video lessons · 29783 Viewers
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.