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