Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:18Length:2.4 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

4.1 How to Insert an Image in InDesign

Hi everyone, welcome to the image video, where we discuss images. I'll show you where to find them, where to get free ones from, how to use commercial images, how to flip and resize them and we're gonna learn what the frame versus the images. That's why this section is so long, one of the quirks of InDesign, let's dive in now and work out how to do it. All right, let's first talk about the two main food groups when it comes to finding images. Okay, there is one called royalty free and one called free. So royalty free means, you pay a small fee and you don't have to then pay royalties afterwards mean royalty free. So one of the main types of this is Envato Elements. Okay, this site here means you pay $15 a month, and you get access to their whole library of assets. You can see here one subscription like nearly 1 million assets and you get to download as many as you like. It's a brilliant resource and it's for people like me who are professional freelance designers. Or somebody working in an agency or somebody working in a company that need the ability to download images quickly, without having to search through the free stuff. So I'll show you some actual free places to get things which is perfect, but you'll find the depth isn't there. For me, say I need to search for say, something like New Zealand, okay, click on New Zealand, do a search. And you'll see there's graphic templates, which will look at later on. There's actual InDesign templates you can use, all part of the same licence. Cool illustrations, photographs, that's the one I want at the moment there's fonts, there's all sorts of templates. Loads of cool things that come with that $15 a month. But if I look in images here, you'll notice that, New Zealand's not as specific like it's a unique kinda small spot. And there is just a huge depth of images that I get to use. So I can download these, use them commercially as many as I like get to use them for my print, say in InDesign. I get to use them for web things, I get to use them for email campaigns, but there's a fee associated to it that monthly $15 subscription. So let's say that you are broke, or you're getting started and you don't have, you don't wanna spend $15 a month, okay, you can go to the actual free images and the cool thing about these sites is that they're commercially usable. So you can actually use these, the photographers that add them to the site say that, yep, you can use my images commercially, that's fine, I'm okay with that. So one of the big ones is Unsplash and probably my favorite. There's a couple of other ones, Pexels, with an E okay, or freeimages.com. They have different libraries. So if you can't find it in Unsplash, try one of the other two. You'll notice here that the images are just as amazing case, they're still typically amateur photographers. But still the quality is through the roof. The trouble is that the depth is not there. So doing a search for New Zealand will get me some cool images, okay, but not the variety that I need professionally. I just need to get an image, get it quickly, not to be digging around for a long time in the free stuff. Now, it's pretty easy to download an image, okay. You just click on this little arrow here, and I've gone through and found there is a photographer on here that I know Philip Boffer. Okay, he is an amazing photographer and all around creative professional. I reached out to him and he said it was fine for using his images, and I've got them in our exercise files ready to go. So let's jump into InDesign and I'll show you how to start importing images. All right, now we need to bring in an image. So first of all, make sure you're not in preview mode. We wanna see all the junk, cuz we're gonna drag it over on the edge here, like we did our type and then bring it in. So an easy way to get started. Just put everything on the paste board, drag it over. Remember W key. The other thing we need to do is make sure we've got nothing selected. So black arrow, click in the background so you've got nothing selected. And you should, hopefully, see quick actions import file. Click on that. And in here, new exercise files we're gonna bring in fills image one, okay? Let's click Open. Now when you're bringing in an image, there's two ways. If you click once, bad. It's not bad, but if you click once it brings it in at it's full size. I'm going to zoom way out, you can see it's a ginormous image, and it's not really usable doing that. Okay, so what I'm gonna do is go to Edit, Undo, okay? And I'm kinda back to that stage. So instead of clicking once, you click, hold, you drag your mouse out to whatever size you roughly want it. You can see that's a little bit more useable, you get it down to even if you want it really big. It's easier to kinda start it off with a reasonable size, so you can see the image. The next thing to learn is that the image here is actually two parts, there is a frame and an image inside the frame. Like a picture frame on your wall okay, the image is separate from the frame. And if you've tried to self teach and design is one of the weird quirky things. So let's discuss that. So if I use my black arrow and I grab one of these corners, watch this, and I drag it up over here. You can see I've adjusted the frame, but the image didn't change, okay? So I'm gonna go to undo. The way to move the image or work on the image as well as the frame, is you need to hold down two really weird shortcuts. This is where you get your pen out with your post-it note and this is the one shortcut you can't forget. You need to hold down on a Mac, it's Cmd+Shift. And on a PC, it's Ctrl+Shift. And then drag the corner. And it does kinda more like how you'd want it to do. That's kinda more traditionally yeah, you wanna resize an image you drag the corner. But if you don't hold those two keys down, it does this. Good work InDesign. Anyway, I'm gonna undo. So make sure you hold down both of those keys and grab the corner, okay, and we can resize at the size that we want. So frame separate from the image. Let's have a look at adjusting the image, separate from the frame. I only show you this cuz you're gonna break it, you're gonna go look. I'm gonna move the image. And you're gonna go [SOUND], and you can see, if I grab that little target in the middle, it's called the content grabber. If I grab that target in the middle and drag it, it drags the image but not the frame. You're like weird, especially when you drag it this way. You drag it all the way out and you're like aah, it's gone, okay? So I'm gonna undo it. So undoing it, clicking off on the background and clicking back on it once, but not the content grabber. I never click on this guy. [LAUGH] Yeah. It's a good idea. I always click anywhere but okay, and then click and drag anywhere but that. And then content grabber moves the whole thing together, but if you did want to move just this guy, maybe to, wanted to trim it up a little bit. Look at that, it's like a mask. Cool? And if your's has gone horribly wrong, delete it. Let's go back, nothing selected. Import file, let's go into image one Drag him out again, so we're back at it. All right, so we learned that there's a frame and there's a separate image inside of it. Let's make that work to our advantage. So what I wanna do is drag it anywhere by the content grabber and put it in the top left-hand corner here. I wanna make it kinda cover this whole select box here. Next thing I wanna do is, I'm gonna grab the edge here and I'm gonna scale it up. I want the whole thing to come up. What keys do I hold down? Check your posted note, you definitely wrote it down right. Remember Mac, it's Cmd+Shift and on a PC it's Ctrl+Shift, drag it until it get to this right line edge here, kind of lines up here roughly. And what we'll do actually is, zoom out a little bit so you can see the edges like I can. I don't want you in too close, I want you to keep holding this two keys down, okay? The Cmd+Shift or the Ctrl+Shift. Okay, and keep dragging it up so we'll do the height, QCM. I wanted to kinda line up roughly with the slate. Don't worry if it's not perfect. But do make sure you move it so it's up and kinda gonna be a cut off in the bleed here, okay? So it pokes off the top and the left. And this right-hand side here, you could leave. There's no reason you have to chop this off. When we make a PDF to send to the printer, it will chop it off for us. But me, I can't deal with this big slope sided thing, so I'm gonna adjust just the frame. So I don't hold down any keys, I grab this guy, and just drag it across. So I'm not holding anything, I've got my selection tool. You can kinda see how InDesign wants you to have a frame and an image. Bit of a pain to get used to when you're brand new, but actually after a while it's pretty good. All right, so the frame is kinda adjusted. Now this is where the content grabber becomes quite nice, is that I can say actually I wanna drag the image, but not the frame. And you're like now I understand the weird content grabber thing. You can see I kind of move it across, all right, it's looking good. You see it's red? When it's red around the outside, it means you're dealing with the image. If I click off and click back on and it's blue around the outside or cyan, that means I'm dealing with the frame. So if I click the content grabber, red box means, dealing with the image. If I click off, click back on, I'm dealing with the frame. All right, last couple of things I'm gonna do before we move on is, flipping an image comes up a lot. So with it selected, go to Object. You can see there's a bunch of transform options. If you wanna rotate it. Not gonna go through them all, but flip horizontally, vertically. I did that wrong, here you go. So there's all your kinda basic transforms for images. And the last thing I'll show you is how to replace an image. Let's say you like that image, but the client comes back and says don't like it, so we wanna switch it. So black arrow, make sure nothing is selected click on it once, not in the counting rover. And over here it says, Input file okay. And because it's selected, it should override it. Let me show you why. Let's click on it. Let's click on fill both the image number two, and this should be on by default. If it's not, turn it on. You can see what it's gonna do. Replace selected item. Heading selected, let's work with this guy. Trouble with this fella is that he is a different size so we need to do some adjustments to him. The frame is the right size, but the thing in the inside isn't right, so how do we adjust the image, so let's click on the inside. Okay, go to content grabber and we've got the image selected, we might be able to just drag it around. But in our case, it's still not big enough. So what we're gonna have to do is, resize the image inside the frame. We hold down the same short cuts as before. Cmd+Shift on a Mac, Ctrl+Shift on a PC. This means it locks the height and width. It means that, I can make this thing a lot bigger. Okay, you can go outside the frame that's fine. You drag it up this way as well. Okay, and even though it's overlapping it's fine, I'm gonna let go of these two keys and kinda use my counting grabber. Now it's handy, handy content grabber. Okay, here we go. Love that image. Phil, you have to jump in with the comments to tell me where it is. It's the South Island of New Zealand, I know, but I'm not sure where, beautiful. The last thing I wanna show you before we go away is if your looking, you feel like men, mine looks really pixellated. I wonder what's wrong. Okay, with the image selected so, black arrow, click anywhere around here, you might be, go to View, Display Performance, and you should be on High Quality Display. That's on by default most of the time now, maybe it goes to typical. I'll show you what typical looks like. Just makes it kind of not as nice. You can see there your's might be looking like that and you'll be like hmm. It'll print fine. It just means your computer might be a bit slow, and it's kind of compensating by putting it as typical display. It doesn't change the output. It just means your computer runs a bit faster. If your computer is struggling, you might manually go and switch it to Typical Display. I'm gonna switch mine to high quality, cuz I've a really good computer. All right, last thing before we go is that [LAUGH] you probably like, it's covering all the ticks, then. And [LAUGH] I noticed, too busy showing you how images work. So how do we send it to the back? If you've already done it, you get a high five. If you haven't or you're struggled or you haven't tried yet, let's do it together. Okay, so this image needs to go to the back or at least behind the text. So with it selected, do you remember from earlier on? You were right-click, you go down to Arrange. And you go to Send to Back. And it's gonna half work, it goes all the way to the back. And the problem is we've got this slide box that we drew, that's in front of it now. So I'm gonna click off. Click back on. And the slide box here, isn't useful for anything. I'm gonna delete him. He was there to till that gap at the top. And for us to practice our sweet color making skills and now is not needed. You could've right-clicked it and send into the back as well, but he wouldn't print he wouldn't be really useful for anything. All right, that's it, images over and out for actually just this video, we'll do a little bit more images in the next video, where we discuss image resolution. But for now, don't worry if you are finding the frame this is image inside the frame a little bit confusing. It happens to everybody you might have to watch this video a couple of times and it really comes down to experience and practice. All right that's it, see you in the next video.

Back to the top