InDesign: Placing Images, Scaling Images, Controlling Resolution & Rotating Images | Benjamin Halsall | Skillshare

InDesign: Placing Images, Scaling Images, Controlling Resolution & Rotating Images

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (10m)
    • 1. Class Introduction

      0:29
    • 2. Placing Images & Print Resolution

      3:16
    • 3. Reconnecting Images

      1:28
    • 4. Resizing Images Correctly

      3:36
    • 5. Rotating Images & Rounding Corners

      1:11

About This Class

In this Adobe InDesign class you will learn the ins and outs of placing images in Adobe InDesign. This will give you complete control of your images in InDesign including important properties such as resolution and proportions.

You will cover how to:

  • Place Images
  • Work with the correct resolution for print
  • Replace lost images
  • Rotate images
  • Round the corners of your image frames
  • Keep the correct proportions of your image

Below is a list of my other Adobe InDesign classes on Skillshare:

Photoshop to InDesign: Creating Image Masks for Text Wraps

Adobe InDesign: Introduction to Shape, Image & Text Objects in-depth

InDesign: Placing Images, Scaling Images, Controlling Resolution & Rotating Images

InDesign: Create Custom Image Frames with Shapes, Type & The Pathfinder in this Graphic Design Class

InDesign: Create a Trifold Flyer

InDesign: Create Text Columns with Titles and Quotes that Span Them

InDesign: Table Styles & Scripts

InDesign: Create a Custom Newsletter Layout

InDesign: Tips for Customising Perfect Lists

InDesign: Save Time by Using Nested Paragraph Styles - Gallery Labels

Transcripts

1. Class Introduction: So in this in designed to troll, go have a look at some of the key things you need to watch when you're placing images, one of them is a resolution. One of them is how to reconnect images when you've lost the link to the original file. And we'll also have a look a couple of other ways in which you can work with images to scale them, and also to reposition images within a frame. So these are kind of fundamental things you need to do with images when you're working in a debian design. 2. Placing Images & Print Resolution: So the first thing I'm gonna go ahead and do is place an image. I'm gonna go to file place when we choose an image. The one thing we need to keep an eye on is the resolution. So, ideally, you want to be choosing an image that's gonna be able to print at 300 pixels per inch, based upon the size that you're placing it within your document. So we're gonna have a look at how you can do that quickly and easily in adobe in design. So we've got an image here, we're gonna open it. And as soon as we opened an image, there's a couple of different ways in which we can place it. One is to click once, and that will place the image at its original size on the second. If I just do command or control and said to go at it, undo and then I can click and hold on, drag out my image. Now it's gonna drag it out in proportion here, which is great. But the first thing you want to look at as you're beginning toe, learn more about how it will be in design works is the resolution at which you place the image at now. If we look across the right hand side of in design here in our panels, we should see our links panel. If we don't see that, what? You don't see that in your version of in design? Then just go to window and links and I will bring up the links panel. So here in the links panel, we have a couple of bits of information about the image that we just placed. So if I pull this out for the moment, I can reorganize my panels. However, I want in adobe in design, we can see here that we have a couple of bits of information. We have the name of the image. We have the location of it. So if we click on this link on the right hand side, it's gonna take us toe Wherever that image is within the document and then below here we can see some real import information. So the first thing I always glance that is the effective pixels per inch. So when you have an image selected here, you'll be shown what resolution that image is gonna print out at the maximum So here we have an effective people. I have 831 pixels bridge, and we want, ideally, a pixels print off 300 for most is I'm work that we do as a kind of baseline. There are some differentiations in that. If you use that as your kind of baseline and it's a good starting point, we can see the pixel dimensions are that image. So 4128 by 2322 which is useful to know if you're gonna be showing things on screen. We can also see a couple of other things, like the location of the image on the drive, that it's an RGB image, which is normal hand for the moment. Those of the key things that you need to pay attention to the actual pixels prints is the original resolution image. So a couple of other things about images in design to the 1st 1 is if we highlight an image here on right click on it. We have some options for editing the original, editing this image with another application. So, for example, we can select one of the versions of adobe for a shot you might be running on your computer , commit color adjustments to it. And then, if we re say this image as file with the same name, that it will update automatically in Adobe in design. So we couldn't use the edit with function nicely to round trip between things. One thing I'd recommend those always keeping a copy that you don't head it off your original images in case you decide that you've made a mistake. At some point, you want to have the original image to go back to. Now. If we click up with this image selected on the right hand side here, the really useful function here is the function that allows us to reveal in Finder. This image now in Windows, it will say, reveal an explorer. But if we click on this, it's gonna take us to our finder or explorer on Windows, and it's going to show us that image in location 3. Reconnecting Images: So I'm just going to show you something else that will happen if we move or rename an image . So I'm just gonna add on extra, a little bit of information to this. It's here. So I'm changing the name in my finder. Or you could do the same in Windows Explorer. I'm gonna hit. Enter now assumes we change the name of that file in our best stop or an explorer on the PC and you'll notice we get an error that pops up here. So that era indicates that this original image can't be found anymore. So the file that in design is looking for isn't there, and this pops up from time to time. Either If you've moved your images around on your computer or movement to another drive or move from one computer to another, you may find that you haven't taken the images with you. Now, if we right click on this image, we can use this reeling function or we can click the reeling button here to go and look for that original image. So I know that this image is in the images folder. I'm looking for this 2016 04 27 image. But I also know that it has a C. The castle in front of announced that I can find that image here, So it's the same image. The same data at the file name has just changed. So if I select her image and press open, then our era will disappear. So that's how you re link an image in Adobe in design. 4. Resizing Images Correctly: now moving on to a couple of other things when you're working with images. Aside from Resolution on, aside from relinking images, one is that when we have a frame in design, when we change the size that frame, it doesn't automatically change the size of the image you can see here. It's unchanged the size of my frame. It's not resize in the image, so basically within in design. If we click in the Centre circle here, we haven't image within a defined frame. So that's kind of a different thing to working for a shop and other applications is that we have this frame, which we have an image placed in which we can then move that image around with it. Now, if I keep my selection tool on and come back and select my image, making sure that click on that circle, then I can use a couple of functions up in the top tool by here to manage my images. So so if I hit this Phil frame proportionally, but it's gonna fill the entire frame as I've resized it with as much of the images possible . So if I click on the image now, you can sit still cropping a little off at the left, at the left and on the right. But it's fit that image into the image box to really useful feature some of these other options here that we have for fitting images into the frame we should be careful with because they can distort the image. So, for instance, if we just scale this image box down and click this fit content of frame, it's going to squeeze the image which we don't want. We don't want it toe change and distort that image. Okay, so I'm gonna undo that. The other option that we have here is to fit the frame to the content, which is handy. So if we have content within a frame and we press this button, it's gonna enlarge the frame toe fit that content. Okay, so the ones I normally use either fill frame proportionally or fit frame to content. You're really useful, but I'm here. So as we've seen, we've got a lot of flexibility with our images. If we want to resize the frame and the image at the same time, in the short cut on the PC is to hold down shift and control the same time, or on the Mac to hold down command and shift the same time so we can resize our image. And in this case, rather than just when we're re size in the box by holding down shift and command or shifting control and dragging one of these corners out were re sizing that whole image, which is a handy way of working. We can also do that same function up in our options toolbar at the top here. So if I want to resize this image from the top left of my image here, I can click on my top left anchor up here on. Then I can use the percentage so I can increase my image by 150% and it will resize it out from the top left out to here. Now, sometimes I want to resize with short cuts, but in the window itself. So at the moment, if I hold down shift and commander shifting control, it's gonna resize down to the opposite corner So you can see here. I'm reciting down to the left corner. Ok, but if I hold down shift with ultra option Andi Command or control. Then I'm gonna resize to the center of that image so you can see the images growing out from the center. Okay, so that's a really useful shortcut to for re sizing an image to the center. So that completes our brief overview of looking at images, reconnecting images, working with and kind of re sizing images. 5. Rotating Images & Rounding Corners: actually is. One last thing I had in here, and that is that if we hover over our image here and just pop out to the top right of our image here, if we move this, we move this now it's going to rotate the image, okay, so we can rotate our images as well. And actually, I say I'm finished, but I'm really not the other thing that we can do out here, I'm just gonna increase the size. That's a little bit is if we hit this little yellow button here and drag these diamonds, we can round off the corners of our image, which is a nice little feature as well as we're doing that. If we hold down shift when we're doing that, it will allow us toe round off individual cause of our image so we can actually customize our images. We have one rounded corner here on the other corners straight. Okay, on that does completely type of you off working with images in adobe in design. I hope that's been useful for you on I look forward to seeing in the next tutorial