Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Designing the nameplate

From: Designing a Newsletter

Video: Designing the nameplate

We are going to take a little time out from our InDesign document to go into Illustrator and design the nameplate, this item right here, for our newsletter. Now the reason I'm doing this in Illustrator as a scalable graphic is because this nameplate is used in various different places throughout the newsletter. Let me just point out where. So obviously here on the first page, but also it's used in the masthead, it's used in the footer and finally, it's used in the mailing area. And so that we can scale it and have it to be exactly consistent from one instance to the next, it's going to be useful to have this created in Illustrator.

Designing the nameplate

We are going to take a little time out from our InDesign document to go into Illustrator and design the nameplate, this item right here, for our newsletter. Now the reason I'm doing this in Illustrator as a scalable graphic is because this nameplate is used in various different places throughout the newsletter. Let me just point out where. So obviously here on the first page, but also it's used in the masthead, it's used in the footer and finally, it's used in the mailing area. And so that we can scale it and have it to be exactly consistent from one instance to the next, it's going to be useful to have this created in Illustrator.

We could do it in InDesign, but then it would just be perhaps a little bit problematic scaling it, making sure that everything is consistent. So I'm going to come over now to Illustrator and here we have the black and white version of the nameplate and I'm creating a black and white version because presumably, the color of the word news is going to change from month to month. So an approach we might take is to place the black and white version and until we know what color we are using, we can use the black and white version and then when we decide upon the color that we want, we can come to the Illustrator file, make the change to the color in the Illustrator file and then we can relink the black and white version in the InDesign document to the color version.

And I'll show you exactly how we can do that. Well, anyway this is how it was created. You can see I have created some guides just to make sure that the rule goes exactly to the left edge of the C and exactly there to the right edge of the s and the rule is broken by the descender on the y and I have made this in a percentage of black, using the same percentage on the rule. So just very quickly to recreate that, it would look something like this.

Using the Type tool, click, select all and then come up here. Adobe Garamond Pro, Italic and then we'll select this bit and we are going to make this Myriad Pro. So just in the space of these two words, intentionally omitting the space between them, we have the interplay between our two font families, the Adobe Garamond and the Myriad, and that needs to change color.

I will use my Swatches panel and we'll use a 40% gray but making sure that we don't apply it to the stroke because that's not what we want to, but rather we apply it to the Fill. Okay, having done that, I'm going to scale the whole thing up like so and I would probably then want to adjust the tracking between the letters, so I have selected all of that word. I'm using the keyboard shortcut Option+Left Arrow or Alt+Left Arrow just to tighten the space.

Now, if when you do that, you find as I'm finding that it's going in too big an increment, then you might want to come and change your Preferences. In the Type Preferences, we want to make that increment 1. So now when I do it, we move in much smaller, more subtle increments. I would like a little bit of space between the two words, so here I'm going to do Alt+Right Arrow. Now here is the trick, the only tricky bit really with this is to make sure that the two fonts have the same X-height and they don't.

If you set both fonts at the same size, then when I pull down a guide to the X-height of the italicized type, you can see-- now I'll need to turn my Guides back on by pressing Command+Semicolon or Ctrl+Semicolon-- that the X-height of the Myriad font is much higher and that's going to look slightly unbalanced. So I'm going to select that and then just to scale that down till we make the X-height the same. Okay and then I'll dock that into position with that Guide right there, scale it up some more, hold down the Shift key so that I keep everything proportional and then use my Line tool to draw one- half of the line there and move over to the right-hand side holding down the Shift key drew the other half of the line there, then my first line disappeared. That's because it has no Fill applied to it.

So I need to select it making sure I do not select the type, but I only have the lines selected. Apply to the Stroke the same gray color and we'll make it a little bit heavy on that 4 pt I think. Okay, so I have done it there. Now to place it into my document, having created this I'm now going to delete that second version because obviously we only need one. But I'm going to come back to InDesign and to our work in progress, which is newsletter15. And just to keep you updated on where we are with this, we have the Styles applied, we have the pictures placed and scaled. We have got the Text Wraps applied to the pictures.

There are still many, many problems that need to be addressed, but as you can see, the newsletter is starting to take shape. What we want to do now is place our nameplate and we want that to go on the page furniture layout. I'll turn my Guides back on. We have right there a frame for it, so I'll select that frame. I could, as we have done in the past for the pictures and for the text, use the Bridge drag-and-drop technique but I could also, since it is just a single file, this is what I'm going to do. I'm going to choose File and Place and what we are after is in the Links folder and I'll place nameplate and then click Open and there it's going to go into that rectangle.

Now it may need some scaling once we get it in there and indeed, it does, so I'll zoom in on it and it is totally scalable without any loss of quality, its resolution independent. So I'm just going to trim the sides of the frame so that it surrounds the nameplate, but it's not bigger than it needs to be. And now I can position that over there, making sure that the edge of the C touches or maybe even goes a fraction beyond the left-hand edge of our type area here, and then I'll notch it down a bit and then grabbing my top-right hand's anchor point, hold down Command+Shift and scale that up to there. Or not quite that far because we need to leave some space there for our little tag line, which is all the news that fits.

So I'm going to position it right there and now that's the nameplate in position on the first page. We now want to place other instances of it. I might as well just copy and paste this one. So I'll Command+C to copy it. Now move to Page 2 and to the masthead. Now in the masthead, which needs a lot of work in other respects as well, but we'll approach that later on, I have a blank line right there and I'm going to use that blank line because I want to paste that picture into the text flow.

So I'm going to double-click to insert my type cursor into that frame and then Command+V or Ctrl+V and things get a little bit weird for a moment because it is so big, so I'll zoom out and then making sure that I have that image selected because it is an image, it's not text or it's not editable text or not editable in InDesign at least, I'm going to scale that down and keep scaling it down until we get to the size that we want.

So the other thing we want to do is we want to make it Centered, so I'm going to make sure I have my type cursor inserted at the end of that line and then use my keyboard shortcut, Command+Shift+C, or come and click up here on the Align Center icon. We will zoom out, we have one more instance and that is on the back page for the mailing area, but I'm going to do that in a whole separate section with the mailing area by itself. Now I mentioned that there's going to come a time when we actually want to swap out this black and white version of the nameplate with the colored version.

I am going to address how you can choose your colors in a separate movie, but let's say for now that I have chosen as my or one of my secondary colors, this aqua color right here and I want to apply this to this portion of the nameplate. Remember this is an Illustrator file, or we can actually do it a bit here in InDesign, scale it. Here is what I'm going to do, I'm going to use my Rectangle tool, draw myself a little rectangle and then make sure there's no Stroke applied to that. So that's None for the Stroke and then for the Fill property, I'm going to fill it with that color and then I'll cut it from there, Command+X or Ctrl+X.

Switch over to Illustrator where I'll paste it, Command+V or Ctrl+V and you will notice that when I do that, the Fill color becomes my Fill color in Illustrator, maybe I'll want to use that one again, so I'm going to actually add it to my Swatches by dragging it from there to my Swatches. I can now delete this. Highlight this piece of my text and apply the color to it right there. Then I can Save As. It's probably a good idea to retain the black and white version because the secondary color may change from month to month.

I can do a Save As and call it nameplate color. Now I have already done that so I'm not going to do a Save As on this one. In fact, I'm going to back this one up to its previous state but I have already saved a file called CN_nameplate_color and we are now going to see how we can relink this with that color version. So I'm going to come to my Links panel, which is just a list all of the images that have been placed into your InDesign document and the pages on which they occur and we see there it says (2), so there are two instances of this right here.

I am going to right-click on the twirly to expand this and select both of the instances, holding down the Shift key and then right-click on either one and choose Relink. Then I need to navigate to the folder containing the file that I want to link them to. It's in the Links folder, CN_nameplate_color, and then when I click Open and I'll have to do that twice since there are two instances. They should now both update. Remember it's that one there obviously and that one down there.

Show transcript

This video is part of

Image for Designing a Newsletter
Designing a Newsletter

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


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 "Already a member? Log in

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

Your file was successfully uploaded.

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.