1 00:00:01,157 --> 00:00:05,191 Moving on with other types of frames, including image frames. 2 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 3 00:00:10,076 --> 00:00:15,219 our rectangle or other frames which is right here to draw some 4 00:00:15,219 --> 00:00:17,590 areas for some images. 5 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 6 00:00:24,320 --> 00:00:27,163 got this X going through the rectangle? 7 00:00:27,163 --> 00:00:28,448 That's a frame. 8 00:00:28,448 --> 00:00:30,567 Whereas here, which is a regular rectangle tool, 9 00:00:30,567 --> 00:00:32,169 it acts like a shape. 10 00:00:32,169 --> 00:00:37,007 Underneath the rectangle frame tool, you have a circular version or 11 00:00:37,007 --> 00:00:39,826 a polygon version, all of those are great. 12 00:00:39,826 --> 00:00:44,297 Remember frames are going to be used to sort-of contain the area of the image, 13 00:00:44,297 --> 00:00:47,504 it's almost like, um, a picture frame. 14 00:00:47,504 --> 00:00:51,071 So, let's just start with the rectangle frame and I am simply going to 15 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, 16 00:00:57,231 --> 00:00:59,730 there's the frame, big ol' X in the middle. 17 00:00:59,730 --> 00:01:02,635 Now again, this is different than a rectangle. 18 00:01:02,635 --> 00:01:08,504 I'm going to use this as a place holder for now, or place my image 19 00:01:08,504 --> 00:01:10,557 if I'm ready to go. 20 00:01:10,557 --> 00:01:14,882 Often, you can create a design where you lay it out without any of your information 21 00:01:14,882 --> 00:01:19,399 yet, maybe you send it to a photographer, they fill in the images, vice versa. 22 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 23 00:01:25,088 --> 00:01:29,174 going to go inside this frame, so if you've clicked off for some reason, 24 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, 25 00:01:33,413 --> 00:01:40,352 you can use the quick action down here called import file or file, place. 26 00:01:40,352 --> 00:01:43,533 These are the same--getcha to the same place. 27 00:01:43,533 --> 00:01:47,459 Okay, so file, place, you're going to navigate to where your image might be, 28 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 29 00:01:52,076 --> 00:01:56,415 one of them; this little Lorax, here we go, open. 30 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 31 00:02:01,934 --> 00:02:05,178 working with photographs you need to make sure you're working in photoshop, 32 00:02:05,178 --> 00:02:10,334 editing it correctly, sizing it to the correct size and resolution before 33 00:02:10,334 --> 00:02:12,035 putting it into InDesign. 34 00:02:12,035 --> 00:02:16,175 So, you can see this file actually is a little bit smaller than my frame but, 35 00:02:16,175 --> 00:02:22,028 that's okay, I can always adjust my frame using my selection tool, so I can 36 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 37 00:02:28,636 --> 00:02:33,723 quicker, so there's no space around it, you can use frame fitting down here. 38 00:02:33,723 --> 00:02:36,826 So, there's some really good opportunities here. 39 00:02:36,826 --> 00:02:40,964 You can fill your frame proportionally, now this is an interesting one where 40 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 41 00:02:45,751 --> 00:02:48,839 you might notice some degradation, so it basically filled it out 42 00:02:48,839 --> 00:02:54,620 proportionally, so not skewing it, but you do loose some of your image. 43 00:02:54,620 --> 00:02:59,949 We have fit content proportionally, so that will fit it towards the 44 00:02:59,949 --> 00:03:04,531 top and bottom edge, but it's not actually skewing it. 45 00:03:04,531 --> 00:03:08,325 Then we have some fit content to frame, watch what happens, this is stretching it 46 00:03:08,325 --> 00:03:10,798 so, I don't really recommend that. 47 00:03:10,798 --> 00:03:16,456 Same idea, uh, actually this fourth one is a really good one where this one makes 48 00:03:16,456 --> 00:03:22,274 your frame go down to size of your actual image and then this autofit sometimes 49 00:03:22,274 --> 00:03:26,113 can also be really useful, this is going to, um, 50 00:03:26,113 --> 00:03:31,270 autofit your frame and your content together, so those can be good. 51 00:03:31,270 --> 00:03:34,912 But let's divide into what's happening in this actual image. 52 00:03:34,912 --> 00:03:40,010 Now, we've got our frame, this is the bounding box, I can see all eight 53 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 54 00:03:45,517 --> 00:03:48,953 I'm moving the frame because I've got the frame with that blue box, 55 00:03:48,953 --> 00:03:53,024 so all I'm doing is adjusting the frame, image is staying the same, 56 00:03:53,024 --> 00:03:58,515 the frame kind-of acts like a cropping mechanism in this case, so that's useful. 57 00:03:58,515 --> 00:04:04,455 I can, of course, make a skewed frame by using my direct selection tool. 58 00:04:04,455 --> 00:04:08,406 I can also, think about how to work with the actual image. 59 00:04:08,406 --> 00:04:10,953 Now, so far, I've only been using the frame. 60 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 61 00:04:17,159 --> 00:04:25,768 content grabber, click here, just once, now, we have a new colorful edge, 62 00:04:25,768 --> 00:04:30,996 this is like this orange kind-of golden color, right? 63 00:04:30,996 --> 00:04:33,318 You see that? 64 00:04:33,318 --> 00:04:40,933 So, that is the image, not the frame, the moment you enter the content 65 00:04:40,933 --> 00:04:43,219 grabber, you're working with the image. 66 00:04:43,219 --> 00:04:50,960 If I move, notice I'm moving the image, you can see the orange bounding box, 67 00:04:50,960 --> 00:04:55,883 I've just shifted this whole image over, which is getting it really misaligned 68 00:04:55,883 --> 00:05:00,285 to my frame, so be really careful, now look, my frame is in the same spot, 69 00:05:00,285 --> 00:05:03,039 but my image is way over. 70 00:05:03,039 --> 00:05:10,756 If you want to size up or down, scaling, your actual image, not the frame, 71 00:05:10,756 --> 00:05:14,605 this is where you go, you need to be on the orange bounding box. 72 00:05:14,605 --> 00:05:19,622 Now, holding shift is important depending on your version that keeps it proportional 73 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 74 00:05:24,840 --> 00:05:28,565 with your frame in the way that you want it to be aligned. 75 00:05:28,565 --> 00:05:31,295 Now again, let's do this one more time. 76 00:05:31,295 --> 00:05:36,725 I'm going to go ahead and just click off, click anywhere else. 77 00:05:36,725 --> 00:05:42,778 Normal, image, frame, blue, blue bounding box, the moment I enter the 78 00:05:42,778 --> 00:05:47,601 content grabber right here in the middle, orange bounding box, that orange bounding 79 00:05:47,601 --> 00:05:52,038 box is how I can scale up or down, I can move the image 80 00:05:52,038 --> 00:05:56,107 let to right, excreta. 81 00:05:56,107 --> 00:06:00,346 If you are attempting--now I've got things real crazy here--if you are attempting 82 00:06:00,346 --> 00:06:07,219 to move them both at the same time, if you just grab your actual frame, 83 00:06:07,219 --> 00:06:09,802 you should be able to carry them together. 84 00:06:09,802 --> 00:06:19,198 If you want to scale them together at the same time--oops command-Z--shift and 85 00:06:19,198 --> 00:06:22,351 command are what you need to do, so I'm going to back myself up. 86 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 87 00:06:25,699 --> 00:06:35,167 command, that tells InDesign 'resize the frame and resize the content', 88 00:06:35,167 --> 00:06:40,202 shift and command, they're both getting smaller in the same proportion. 89 00:06:40,202 --> 00:06:43,867 Okay, so that is our basics of working with images. 90 00:06:43,867 --> 00:06:47,693 I'm going to delete this, now I'm going to draw a couple other frames, 91 00:06:47,693 --> 00:06:52,240 let's do something more interesting, let's do a polygon. 92 00:06:52,240 --> 00:06:55,448 Remember if you hold shift you're going to keep things proportional. 93 00:06:55,448 --> 00:06:58,321 Polygon, I know it's a frame, it has the X. 94 00:06:58,321 --> 00:07:00,473 Let's try the import file. 95 00:07:00,473 --> 00:07:07,530 Import file, find your file, say open, now its placed it in there, now again, 96 00:07:07,530 --> 00:07:11,534 its not quite right as far as the sizing goes, so do I need to edit 97 00:07:11,534 --> 00:07:12,803 the size of the frame? 98 00:07:12,803 --> 00:07:19,245 I can use the selection tool, editing the size of the frame, 99 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 100 00:07:24,273 --> 00:07:28,234 frame that's constraining my image to this particular shape. 101 00:07:28,234 --> 00:07:32,683 If I need to edit the image itself, click on the content grabber, now I see 102 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. 103 00:07:40,321 --> 00:07:44,717 Okay, other ways of working. 104 00:07:44,717 --> 00:07:50,221 You can always draw out your design first, knowing perhaps that you want a big image, 105 00:07:50,221 --> 00:07:56,176 draw it out, maybe you want one smaller image, put it right here, and perhaps you 106 00:07:56,176 --> 00:08:03,285 want some text, you could just draw some text right there and maybe fill it with 107 00:08:03,285 --> 00:08:08,624 some dummy text right here so you can start to build your design. 108 00:08:08,624 --> 00:08:13,234 If you want to place more than one image at a time, we can do that. 109 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 110 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, 111 00:08:24,671 --> 00:08:30,247 I've grabbed two files and say open, now look what's happened to my cursor, 112 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 113 00:08:36,569 --> 00:08:40,627 use your arrow on your keyboard you can scroll through to get a preview of which 114 00:08:40,627 --> 00:08:42,144 one you're starting with. 115 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 116 00:08:46,762 --> 00:08:50,552 my second one and I'm going to place it in this frame. 117 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 118 00:08:55,321 --> 00:09:00,125 some frame fitting, I can fill the frame proportionally, here it looks like 119 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 120 00:09:04,281 --> 00:09:09,829 just to keep it simple, but that's a way where you can load multiple images 121 00:09:09,829 --> 00:09:14,647 into your cursor and then place them on fly really quickly. 122 00:09:14,647 --> 00:09:19,999 So, practice placing your images, also called importing, drawing out your 123 00:09:19,999 --> 00:09:26,322 image frames and understanding how to edit them with the content grabber 124 00:09:26,322 --> 00:09:30,000 and the bounding box.