Learn how to place assets into an InDesign layout.
- [Instructor] In this movie, we're going to place some graphics into our document. We're going to do two or three different placings. We're going to place some background images, then we're going to place some images that we'll be moving around in just a little while. So to place a file, if you've got a frame ready to accept it, or not, because it doesn't matter, anytime, we'll draw a frame around it anyway. So I tend, unless I've wire framed not to, we just use the Place command, which is in the File menu, but Command + D, for drop something here, is the way that I remember it.
So what I'm going to do first of all, in the exercise files for chapter seven, is I'm going to add the cover image, which is just here, 07_04.psd. I don't need the import options on, or anything else. I'll just hit Open, just there like so, and that comes in, loaded into the placing cursor. Now because this is going to bleed off of the edges of the pages and be trimmed away, what we need to do this time is to go up to the top corner of the bleed, like so, and then mouse down and drag, don't just click, because it's a really big image, and it'll end up way, way too big.
Drag until you've got it more or less aligned to the bleed at the bottom. And you can always adjust that afterwards. In fact, we'll be doing something with the fit of other images in a couple of movies' time. We can resize this one, however. What we're going to do is tap E on our keyboard, that gets us the Transform tool here. Move down to this bottom right hand corner, hold down the Shift key, because you want this to be proportional, and then just drag this up like so to meet the bleed, if you need to do so.
Leave everything else there just as it is. Okay, tap V to go back to the selection tool, and click away from that, so it's not selected, because otherwise the next image we place would replace that. And we're going to go to page two, so Command + J to jump to Return, and that takes us out to page two. Let's Place again. So Command + D here, and this time we're going to go to 07_04_pg2_bg.psd, nice long filename for you.
There is some logic to it, though. Again, this is going to bleed off the page, so start at the top there and work your way down until you get towards the bottom, like so, perfect. That's exactly how we want that. Let's go across to page three. Now this time we can just hold down the spacebar and just pan across like so. And that shortcut works, provided you haven't got a text box active, works all the time. It's a really nice way to move around. So deselect what you've got there.
You have to remember to do that. Okay, and then we're going to place again. So Command + D and this time we're going to find 07_04_pg3_relaxed.jpeg, like so. We'll open that. And again, this time we're gong to go on the page. This isn't going to bleed off, so go to the top of the page here and drag downwards like so, until you get it down to the bottom of the page, like that. There's a bit of adjustment to be had just there, like I said in a couple of movies' time.
Let's go to page four, so Command + J, four, return. Like I say, see how fast that is. Don't have to go anywhere else. Let's pop the back cover image on, so Command + D for placing again, and we're going to go to 07_04_backCoverBG. All of these are Photoshop documents in the main, by the way here. I don't know if you'd noticed that, but anyway. So now we've got that. Again, this is something that's going to bleed off. So what I'm going to do is just go across, this time the width of the page, like so, because I happen to know that the proportions are not exactly the same as the page, as are a couple of the others.
I'm then just going to drag this downwards. Now here's an important note for when you are moving the images. Don't grab this content grabber in the middle here, because that actually targets the image inside the frame, which we'll be discussing in a couple of movies. So just go sort of towards one of the corners, as I'm doing just there. And the smart guides will help you align that. Okay, let's go back to page three, so Command + J, three. We're going to drop down the other images that we're going to be using.
Okay, so this time we're going to do a whole range at once, so Command + D. Okay, now we've got those two covers, now we want man facial, so click on that one. Don't double click or anything, just a single click. So now hold down the Command key if you're on a Mac, the Control key if you're on a PC, because that allows us to select a range of files that are not necessarily contiguous in this list. So we're also going to collect flower woman just there, and therapist, which is in the list, in the ordering of my list.
Your ordering might be slightly different. Let's come down a little bit further, we're going to get spa seats and spa seats two, and stones and candles, and sauna, and massage, and red candles, and red yellow flowers. So what have I got there? One, two, three, four, five, six, seven, eight, nine, ten, nice. Now we've got those, just hit Open. Okay, and this is a really nifty placing trick. We're going to use grid place here.
We can resize everything later on. But I'm going to go to the top of the document here, really doesn't matter where I am. I'm just going to mouse down and drag down a little bit like so, okay. Then I'm going to start, I'm not releasing the mouse button, that bit is really important. I'm going to hit the right arrow key, and suddenly, I can drag wherever I want. I'm going to drag down maybe to this third column, just here, to the end of that. Okay, I've created two columns now. And now I'm going to hit the Up Arrow once, that creates me a row, twice, so now I've got three rows, four times, four rows, five.
There you go, five rows, because in my book, two sets of five is equal to ten. And in fact, I could drag that in a bit so they're more or less sort of five/four proportion, that sort of region, anyway. It doesn't matter. We're going to move them later on. When you release, there you go, hey presto. They're all ready for us to work on in a couple of movies' time. Perfect. Let's go on to the next movie where we're going to do a bit of round tripping out of Photoshop and see what you remembered from that chapter.
- The creative process
- Layout and composition
- Transforming images and assets in Photoshop
- Drawing logos in Illustrator
- Designing graphics and documents in InDesign