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.
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.
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.