WEBVTT 00:00:01.157 --> 00:00:05.191 Professor Vaughn: Moving on with other, types of frames, including image frames. 00:00:05.191 --> 00:00:10.076 So, we looked at using the type tool to draw our frame, now we're going to use 00:00:10.076 --> 00:00:15.219 our rectangle or other frames which is right here to draw some 00:00:15.219 --> 00:00:17.590 areas for some images. 00:00:17.590 --> 00:00:24.320 So, this looks a lot like our standard rectangle, but it isn't, notice here we've 00:00:24.320 --> 00:00:27.163 got this X going through the rectangle? 00:00:27.163 --> 00:00:28.448 That's a frame. 00:00:28.448 --> 00:00:30.567 Whereas here, which is a regular rectangle tool, 00:00:30.567 --> 00:00:32.169 it acts like a shape. 00:00:32.169 --> 00:00:37.007 Underneath the rectangle frame tool, you have a circular version or 00:00:37.007 --> 00:00:39.826 a polygon version, all of those are great. 00:00:39.826 --> 00:00:44.297 Remember frames are going to be used to sort-of contain the area of the image, 00:00:44.297 --> 00:00:47.504 it's almost like, um, a picture frame. 00:00:47.504 --> 00:00:51.071 So, let's just start with the rectangle frame and I am simply going to 00:00:51.071 --> 00:00:57.231 draw out an area where I want my image to go; I just click and drag, there it is, 00:00:57.231 --> 00:00:59.730 there's the frame, big X in the middle. 00:00:59.730 --> 00:01:02.635 Now again, this is different than a rectangle. 00:01:02.635 --> 00:01:08.504 I'm going to use this as a place holder for now, or place my image 00:01:08.504 --> 00:01:10.557 if I'm ready to go. 00:01:10.557 --> 00:01:14.882 Often, you can create a design where you lay it out without any of your information 00:01:14.882 --> 00:01:19.399 yet, maybe you send it to a photographer, they fill in the images, vice versa. 00:01:19.399 --> 00:01:25.088 Okay, so, let's go ahead and place a graphic; a couple ways to do this, its 00:01:25.088 --> 00:01:29.174 going to go inside this frame, so if you've clicked off for some reason, 00:01:29.174 --> 00:01:33.413 you can click back on it, make sure you've got it selected with your selection tool, 00:01:33.413 --> 00:01:40.352 you can use the quick action down here called import file or file, place. 00:01:40.352 --> 00:01:43.533 These are the same--will get you to the same place. 00:01:43.533 --> 00:01:47.459 Okay, so file, place, you're going to navigate to where your image might be, 00:01:47.459 --> 00:01:52.076 I've got some images ready to go in this Lorax folder and I'm just going to grab 00:01:52.076 --> 00:01:56.415 one of them; this little Lorax, here we go, open. 00:01:56.415 --> 00:02:01.934 Now, important to note, images are always placed at 100% of their size, so if you're 00:02:01.934 --> 00:02:05.178 working with photographs you need to make sure you're working in photoshop, 00:02:05.178 --> 00:02:10.334 editing it correctly, sizing it to the correct size and resolution before 00:02:10.334 --> 00:02:12.035 putting it into InDesign. 00:02:12.035 --> 00:02:16.175 So, you can see this file actually is a little bit smaller than my frame but, 00:02:16.175 --> 00:02:22.028 that's okay, I can always adjust my frame using my selection tool, so I can 00:02:22.028 --> 00:02:28.636 drag it in from the top to the bottom, or if you want to do that a little bit 00:02:28.636 --> 00:02:33.723 quicker, so there's no space around it, you can use frame fitting down here. 00:02:33.723 --> 00:02:36.826 So, there's some really good opportunities here. 00:02:36.826 --> 00:02:40.964 You can fill your frame proportionally, now this is an interesting one where 00:02:40.964 --> 00:02:45.751 it does make it feel like it sized it, but again, if your image is low quality 00:02:45.751 --> 00:02:48.839 you might notice some degradation, so it basically filled it out 00:02:48.839 --> 00:02:54.620 proportionally, so not skewing it, but you do loose some of your image. 00:02:54.620 --> 00:02:59.949 We have fit content proportionally, so that will fit it towards the 00:02:59.949 --> 00:03:04.531 top and bottom edge, but it's not actually skewing it. 00:03:04.531 --> 00:03:08.325 Then we have some fit content to frame, watch what happens, this is stretching it 00:03:08.325 --> 00:03:10.798 so, I don't really recommend that. 00:03:10.798 --> 00:03:16.456 Same idea, uh, actually this fourth one is a really good one where this one makes 00:03:16.456 --> 00:03:22.274 your frame go down to size of your actual image and then this autofit sometimes 00:03:22.274 --> 00:03:26.113 can also be really useful, this is going to, um, 00:03:26.113 --> 00:03:31.270 autofit your frame and your content together, so those can be good. 00:03:31.270 --> 00:03:34.912 But let's divide into what's happening in this actual image. 00:03:34.912 --> 00:03:40.010 Now, we've got our frame, this is the bounding box, I can see all eight 00:03:40.010 --> 00:03:45.517 of those editing boxes, I can move my frame in, notice I'm not moving the image 00:03:45.517 --> 00:03:48.953 I'm moving the frame because I've got the frame with that blue box, 00:03:48.953 --> 00:03:53.024 so all I'm doing is adjusting the frame, image is staying the same, 00:03:53.024 --> 00:03:58.515 the frame kind-of acts like a cropping mechanism in this case, so that's useful. 00:03:58.515 --> 00:04:04.455 I can, of course, make a skewed frame by using my direct selection tool. 00:04:04.455 --> 00:04:08.406 I can also, think about how to work with the actual image. 00:04:08.406 --> 00:04:10.953 Now, so far, I've only been using the frame. 00:04:10.953 --> 00:04:17.159 The image itself, if you hover over notice in this middle zone, you get what's called 00:04:17.159 --> 00:04:25.768 content grabber, click here, just once, now, we have a new colorful edge, 00:04:25.768 --> 00:04:30.996 this is like this orange kind-of golden color, right? 00:04:30.996 --> 00:04:33.318 You see that? 00:04:33.318 --> 00:04:40.933 So, that is the image, not the frame, the moment you enter the content 00:04:40.933 --> 00:04:43.219 grabber, you're working with the image. 00:04:43.219 --> 00:04:50.960 If I move, notice I'm moving the image, you can see the orange bounding box, 00:04:50.960 --> 00:04:55.883 I've just shifted this whole image over, which is getting it really misaligned 00:04:55.883 --> 00:05:00.285 to my frame, so be really careful, now look, my frame is in the same spot, 00:05:00.285 --> 00:05:03.039 but my image is way over. 00:05:03.039 --> 00:05:10.756 If you want to size up or down, scaling, your actual image, not the frame, 00:05:10.756 --> 00:05:14.605 this is where you go, you need to be on the orange bounding box. 00:05:14.605 --> 00:05:19.622 Now, holding shift is important depending on your version that keeps it proportional 00:05:19.622 --> 00:05:24.840 so you're not skewing your image and then come into the image and get it aligned 00:05:24.840 --> 00:05:28.565 with your frame in the way that you want it to be aligned. 00:05:28.565 --> 00:05:31.295 Now again, let's do this one more time. 00:05:31.295 --> 00:05:36.725 I'm going to go ahead and just click off, click anywhere else. 00:05:36.725 --> 00:05:42.778 Normal, image, frame, blue, blue bounding box, the moment I enter the 00:05:42.778 --> 00:05:47.601 content grabber right here in the middle, orange bounding box, that orange bounding 00:05:47.601 --> 00:05:52.038 box is how I can scale up or down, I can move the image 00:05:52.038 --> 00:05:56.107 let to right, excreta. 00:05:56.107 --> 00:06:00.346 If you are attempting--now I've got things real crazy here--if you are attempting 00:06:00.346 --> 00:06:07.219 to move them both at the same time, if you just grab your actual frame, 00:06:07.219 --> 00:06:09.802 you should be able to carry them together. 00:06:09.802 --> 00:06:19.198 If you want to scale them together at the same time--oops command-Z--shift and 00:06:19.198 --> 00:06:22.351 command are what you need to do, so I'm going to back myself up. 00:06:22.351 --> 00:06:25.699 So, notice I just got the blue bounding box, I'm going to hold down shift and 00:06:25.699 --> 00:06:35.167 command, that tells InDesign 'resize the frame and resize the content', 00:06:35.167 --> 00:06:40.202 shift and command, they're both getting smaller in the same proportion. 00:06:40.202 --> 00:06:43.867 Okay, so that is our basics of working with images. 00:06:43.867 --> 00:06:47.693 I'm going to delete this, now I'm going to draw a couple other frames, 00:06:47.693 --> 00:06:52.240 let's do something more interesting, let's do a polygon. 00:06:52.240 --> 00:06:55.448 Remember if you hold shift you're going to keep things proportional. 00:06:55.448 --> 00:06:58.321 Polygon, I know it's a frame, it has the X. 00:06:58.321 --> 00:07:00.473 Let's try the import file. 00:07:00.473 --> 00:07:07.530 Import file, find your file, say open, now its placed it in there, now again, 00:07:07.530 --> 00:07:11.534 its not quite right as far as the sizing goes, so do I need to edit 00:07:11.534 --> 00:07:12.803 the size of the frame? 00:07:12.803 --> 00:07:19.245 I can use the selection tool, editing the size of the frame, 00:07:19.245 --> 00:07:24.273 making it fit a little bit better to my content, scaling it down, now I have a 00:07:24.273 --> 00:07:28.234 frame that's constraining my image to this particular shape. 00:07:28.234 --> 00:07:32.683 If I need to edit the image itself, click on the content grabber, now I see 00:07:32.683 --> 00:07:40.321 the orange frame and I know this is the image scaling it up or down, left or right. 00:07:40.321 --> 00:07:44.717 Okay, other ways of working. 00:07:44.717 --> 00:07:50.221 You can always draw out your design first, knowing perhaps that you want a big image, 00:07:50.221 --> 00:07:56.176 draw it out, maybe you want one smaller image, put it right here, and perhaps you 00:07:56.176 --> 00:08:03.285 want some text, you could just draw some text right there and maybe fill it with 00:08:03.285 --> 00:08:08.624 some dummy text down here so you can start to build your design. 00:08:08.624 --> 00:08:13.234 If you want to place more than one image at a time, we can do that. 00:08:13.234 --> 00:08:19.118 I'm going to go back here, I'm going do do file, place, and let's say I absolutely 00:08:19.118 --> 00:08:24.671 know I want this one and the one beneath it, I'm going to hold the shift key, 00:08:24.671 --> 00:08:30.247 I've grabbed two files and say open, now look what's happened to my cursor, 00:08:30.247 --> 00:08:36.569 it is preloaded with my two files, it has an icon that says number two, if you 00:08:36.569 --> 00:08:40.627 use your arrow on your keyboard you can scroll through to get a preview of which 00:08:40.627 --> 00:08:42.144 one you're starting with. 00:08:42.144 --> 00:08:46.762 I want to start with this one and I'm going to place it here, now its preloaded 00:08:46.762 --> 00:08:50.552 my second one and I'm going to place it in this frame. 00:08:50.552 --> 00:08:55.321 Now, this one of course, was not quite the right size, so maybe I want to do 00:08:55.321 --> 00:09:00.125 some frame fitting, I can fill the frame proportionally, here it looks like 00:09:00.125 --> 00:09:04.281 I'm not quite there either with the actual image size, I'm going to leave it for now 00:09:04.281 --> 00:09:09.829 just to keep it simple, but that's a way where you can load multiple images 00:09:09.829 --> 00:09:14.647 into your cursor and then place them on fly really quickly. 00:09:14.647 --> 00:09:19.999 So, practice placing your images, also called importing, drawing out your 00:09:19.999 --> 00:09:26.322 image frames and understanding how to edit them with the content grabber 00:09:26.322 --> 00:09:30.000 and the bounding box.