Learn about breaking the grid by having portions of the image extend beyond the edges of the picture frame.
- [Instructor] Alright, in the previous movie we looked at making a full cutout for this image right here and then wrapping text around its right hand edge, and in this movie I'm going to show you how to make a partial cutout. Just before I do that, I wanted to point out that I saw a problem in the previous movie. This (speaks softly) quote was overset, as indicated by the red plus, and I fixed that just by double clicking on the bottom center handle. So as I'm going along I'm trying to do things in as linear a fashion as possible, but every once in a while, things crop up that I missed, and I'm just fixing them as and when I see them.
So now I'm going to switch to the final version, and show you what I mean by a partial cutout. So you see here we have these two characters that are peeking out at the top of the image. This is a very common technique in editorial design, and I think it's very effective for breaking the grid, breaking up the rectangular nature of our layout. So I'm going to come to our work in progress, and as I did before, I'm going to now edit this image in Photoshop.
So to do a round trip edit, I will select the image, and Option or Alt double click on it, and then the image is opened in Photoshop. Now I already have the pin parts created here, they are right there, but I'll create them again. These are very simple, because they only need to be very small. And let's zoom in, and I'm going to do this guy. Just click, and create a pin path around the top of his hat.
And I'm clicking and dragging to introduce curves into that pin path, and I think that's enough. I could do this guy as well, but I think I'm going to leave him out. And then we want this guy. So we're just going around the top of the head.
To close the pin path, I'm going to need to click on the point where I started. So now on the parts panel this appears as a workpath, and I will delete path one that was already there by dragging it to the trashcan, and double click on my workpath to save it. I'll now press Command or Control S to save the document. Because this is a pin path, I can overwrite the existing document, which is in the jpeg file format, switch to in design, where the document has updated in place.
If, for whatever reason, that update didn't happen automatically, you can come to your links panel, select the image, and then click on Update Link. Now what I want to do is increase the size of my image. So I'm going to select the image by clicking on the content selector. I want the image to grow from its bottom center point, so I'm going to select the bottom center point on the reference square.
And then press Command or Control, and the More Than key, that's two to the right of the M key. So that these two heads are cropped out of the frame. Then I'll come back and double click on the image. I'll press Command or Control C to copy it, and then I will paste in place. So I now have two copies of that image, one directly on top of the other, with the one that is above the other, I am going to re-crop.
So I'll grab the top of the picture frame and pull that up, then I'll come to the object menu, and to clipping path, options, and the type, once again, will be Photoshop path. So now we have the two images perfectly in register, and it's the top copy that is showing us the tops of these two characters' heads. If we look at the layers panel, and I hide the background image, that is how the effect is achieved.
On the top copy, that's the only portion of the image that is visible, but that image sits on top of an exact copy that shows us the rest of the image.
- Planning a newsletter
- Choosing a color palette
- Using a template and library items
- Placing and cleaning up text
- Creating and applying styles
- Working with images
- Evaluating, choosing, and placing images
- Working with inline images
- Preflighting the document
- Creating a print-ready PDF
- Creating a screen version of the newsletter