Find out how to adjust the fit of graphics in an InDesign layout.
- [Instructor] In this movie, we're going to explore the relationship between the content and frames. Whenever you place an image or an illustrated file into an InDesign document, it gets wrapped in a frame. Okay, so here's how we work with them. I'm going to start off on the back cover our document here and just select this frame at the moment. In fact I'll move it off the page, and I'm just going to zoom out just a little bit for you. In fact I'll go to 100% here, Command + 1, like so.
That should give us plenty of room to be able to see both things together. So you can see here the frame at the moment is larger, there's a gap along the top, because the content, which we resized in Photoshop has now moved downwards. Now we can access that content by clicking on the content grabber. Okay, now you can see there's another frame here and that's the frame of the actual content and we can do various different things with that. For the moment, what I'd like to do is make sure that it is aligned more towards the bottom of the frame than the top.
So I'm just going to click on it and drag it upwards. Now holding down the shift key here, that way it locks it, kind of to the same orientation. Get it to the bottom of the frame like so and then I'm going to release the mouse button and then release the shift key. Brilliant, so that content is now exactly where I want it to be. Now resist the temptation to grab hold of this handle and resize it, because remember that's the content not the frame. If you do, you're going to end up distorting the content.
I'm just going to undo that like so. What I'm going to do is click again on the content grabber here, in fact just double click outside or click outside to go back to that and there's the frame, all of the overspill has disappeared. Brilliant okay, so I'll just put that back in the page. Let's work our way back via the cover, so do Command + J + one. I'm really, really trying to reinforce that shortcut for you aren't? Here, this one extended beyond the bleed, so this is easy to resolve.
Just click on that to select it and then just resize the frame back to meet the edges of the bleed, like so. Perfect, there you go. That one's done. We'll be back to that of course later on. Let's go to page three, where we dropped a whole group of images there. So go over to that page. In fact, if I do Command + zero, Control + zero, so you've got a nice view, especially if you're watching this on a phone. So first of all, this image on the side here, okay what we're going to do with that, is we're going to change the size of the frame, because we don't need all of that extra overspill just there.
And also, it's pointing the wrong way for this layout. It's like she's trying to leave the layout actually. So we're going to flip the image over and we can do that here in the control strip or options bar. Flip Horizontal, just there if I click that. That's much, much better you see already pointing back in towards the content. It's all these tiny little cues here. We don't need to extend this really that much beyond the bleed, although there is shadow at the bottom, so it would be a good idea to do that.
Let's just zoom out slightly here so that you can see both things. Can you see that? Okay, when we scale it up her foot will come back into the image. And there's a couple of ways you can do. What you could do is hold down Command and Shift together, or Control and Shift, sorry, together, to get hold of that content and scale it proportionally. I think while you're learning, it's better to use the free transform tool, which you get by tapping e on the keyboard. In fact you can do it, not just while you're learning, at any point actually.
Go to that corner, remember hold down the Shift key, that's really important and then just drag upwards like so, just to get that more into the layout here. Ideally, because this image is so close really to the edges there and her toes are going to be clipped off, just there, not really any important content, we still don't want things to be awkward, I would actually bring this into Photoshop and add some additional pixels around this side, which is something you might want to do later on.
All right, back to image fitting. We've got a load of frames just here that we brought in. We're going to use this content in different places throughout this brochure. And you can see here, this example, for example, the fourth one down on the left hand column, that one is wider than the frame. Okay, would be ordinarily, because this frame has gaps at the top and bottom, whereas next to that, this one of the therapist here, that's a square and of course it's got stuff on either side. Now you can work with these in number of ways.
I could click on the content grabber and access the content and resize it. That's one way I could do it. I'm just going to click away from that. Or I can use the controls up here in the control strip. So this one, fill frame proportionally, will take the edges of the content and make them match up, okay, allowing any overspill. If I know click on the candles and the rock here, you can see the actual image content extends way beyond the end of the frame. If I did that with the therapist picture here, this I'm going to do is fill that proportionally also.
Now that's great, too high up though, so I just click on the content grabber, use my arrow keys here just to nudge that down, 'til she's sort of in the top third of that content there like so. You can do it more than one image at a time. So for example, if I got these two things here and clicked fit proportionally there, okay, and went along to the top two here, fit proportionally. For other controls, just here if I select an image frame, you can also make sure that you fit it proportionally.
And so that will take the edges of the content and make them match up if I click that. Actually you can see there, it's taking the longest edge of the content and fitted inside the frame there. The shortest edge matching on the sides. You can also fit the content to the frame. Now that will distort the content. If I click you can now see that's been stretched, which is undesirable, so let's just undo that. Okay, you can also fit the frame to the content. That's something else you could do, and that would just change the frame so that it matches the dimensions of the content.
Again, I'm going to undo that. And also, center the content in the frame. So if I just, maybe change the size of this here. I just hit the content grabber there, and just modify the content, and chose center content and you can see that's centered in the frame. And I'll just undo that until it goes back to the way it was before, which is filling it proportionally. There you go. In fact I'll just sweep across and do those other images. Let's go on to the next part of building our brochure, which is importing the text.
- The creative process
- Layout and composition
- Transforming images and assets in Photoshop
- Drawing logos in Illustrator
- Designing graphics and documents in InDesign