New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

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

Designing a Newsletter
Illustration by John Hersey

Creating cutouts


From:

Designing a Newsletter

with Nigel French

Video: Creating cutouts

I am here in the finished version of the newsletter just to show you this image treatment here, the cutout of the dog, and that's what we want to do next. And once cutout, we can use the clipping path of the shape to create an interesting text wrap. So in newsletter07, our work in progress, we now have the images fitted and cropped and scaled where appropriate, but for this image, we now need to make the cutout. So here's how I'm going to do it. I'm going to select the image, hold down the Option or the Alt key and double click on the image and then the image will open up in Photoshop.
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

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

Creating cutouts

I am here in the finished version of the newsletter just to show you this image treatment here, the cutout of the dog, and that's what we want to do next. And once cutout, we can use the clipping path of the shape to create an interesting text wrap. So in newsletter07, our work in progress, we now have the images fitted and cropped and scaled where appropriate, but for this image, we now need to make the cutout. So here's how I'm going to do it. I'm going to select the image, hold down the Option or the Alt key and double click on the image and then the image will open up in Photoshop.

We could do this in InDesign but frankly, it's just easier to do it in Photoshop. We may see an Embedded Profile Mismatch, in which case we'll choose to use the embedded profile. There's our lovely dog portrait and I'm going to press my F key now in Photoshop. That's going to hide anything that may be in the background so that we can just focus on what were have here. Hold down on my spacebar and drag that over if necessary so that we have a clear and unobstructed view of it. What it is that's making the cutout happen is this path that has been drawn using the Pen tool. Now you can use the one that's already in the image but it only got in the image because I put it there.

So you may want to create the path yourself. Now to do this, we need the Pen tool and good idea to zoom in, Command +Spacebar or Ctrl+Spacebar, click and drag over the edge that we are drawing and then click to make an anchor point. Because we want the shape to be curved, click and drag and as we drag, we drag out these Bezier control points which will allow us to create curved shapes. Fur is a rather difficult subject to cut out completely accurately. So err on the side of going slightly inside the shape when in doubt. Hold down my spacebar, clicking and dragging to move my document within the window.

Now I want to do this and I want to get all the way around back to the point where I started. At this point, the video can now advance to me having finished. Now as I'm about to close that path, I see a little circle up here next to the Pen tool. If this happens to you as it just happened to me, you get a wobbly bit right there, hold down your Alt key as you close the path and that will allow you to close it without that happening.

I managed to zoom in there really big so now zoom back out, I'm going to double click on my Hand tool to go to Fit in Window view. There we see the path around the dog and its current status is Work Path. I'm going to double click on that to save the path and I call this one Path 2. Now we can save the document, Command+S or Ctrl+S. Return to InDesign because we took advantage of the fact that this image is linked and we have seen the Links panel earlier on, there it is right there. When we make that change to the image in Photoshop that change should automatically be updated in InDesign.

Of course, it's not actually looking any different at the moment but now to activate that clipping path, we need to do this. Come to the Object menu > Clipping Path > Options and change the Type from None to Photoshop Path. And we should see that we got two options there: the one that was already in the document that I have drawn earlier, and the one that I just drew, Path 2. Let's use that one and we can see that with the Preview on, the background is now going to be knocked out. Not deleted, just hidden.

One more change that we need to make to this because earlier on when we fitted this image, it meant a little bit of cropping happens down here. So I'm now going to need to slightly increase the size of that picture frame so that we are not cropping any of the dog shape. Okay, that's looking good and when we do get to put text in, we can now wrap the text around that clipping path.

There are currently no FAQs about Designing a Newsletter.

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

join now 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
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

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.