[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.16,0:00:05.19,Default,,0000,0000,0000,,Professor Vaughn: Moving on with other,\Ntypes of frames, including image frames. Dialogue: 0,0:00:05.19,0:00:10.08,Default,,0000,0000,0000,,So, we looked at using the type tool\Nto draw our frame, now we're going to use Dialogue: 0,0:00:10.08,0:00:15.22,Default,,0000,0000,0000,,our rectangle or other frames which is \Nright here to draw some Dialogue: 0,0:00:15.22,0:00:17.59,Default,,0000,0000,0000,,areas for some images. Dialogue: 0,0:00:17.59,0:00:24.32,Default,,0000,0000,0000,,So, this looks a lot like our standard\Nrectangle, but it isn't, notice here we've Dialogue: 0,0:00:24.32,0:00:27.16,Default,,0000,0000,0000,,got this X going through the rectangle? Dialogue: 0,0:00:27.16,0:00:28.45,Default,,0000,0000,0000,,That's a frame. Dialogue: 0,0:00:28.45,0:00:30.57,Default,,0000,0000,0000,,Whereas here, which is a regular \Nrectangle tool, Dialogue: 0,0:00:30.57,0:00:32.17,Default,,0000,0000,0000,,it acts like a shape. Dialogue: 0,0:00:32.17,0:00:37.01,Default,,0000,0000,0000,,Underneath the rectangle frame tool, \Nyou have a circular version or Dialogue: 0,0:00:37.01,0:00:39.83,Default,,0000,0000,0000,,a polygon version, all of those are \Ngreat. Dialogue: 0,0:00:39.83,0:00:44.30,Default,,0000,0000,0000,,Remember frames are going to be used\Nto sort-of contain the area of the image, Dialogue: 0,0:00:44.30,0:00:47.50,Default,,0000,0000,0000,,it's almost like, um, a picture frame. Dialogue: 0,0:00:47.50,0:00:51.07,Default,,0000,0000,0000,,So, let's just start with the rectangle \Nframe and I am simply going to Dialogue: 0,0:00:51.07,0:00:57.23,Default,,0000,0000,0000,,draw out an area where I want my image\Nto go; I just click and drag, there it is, Dialogue: 0,0:00:57.23,0:00:59.73,Default,,0000,0000,0000,,there's the frame, big X in the\Nmiddle. Dialogue: 0,0:00:59.73,0:01:02.64,Default,,0000,0000,0000,,Now again, this is different than a \Nrectangle. Dialogue: 0,0:01:02.64,0:01:08.50,Default,,0000,0000,0000,,I'm going to use this as a place holder\Nfor now, or place my image Dialogue: 0,0:01:08.50,0:01:10.56,Default,,0000,0000,0000,,if I'm ready to go. Dialogue: 0,0:01:10.56,0:01:14.88,Default,,0000,0000,0000,,Often, you can create a design where you\Nlay it out without any of your information Dialogue: 0,0:01:14.88,0:01:19.40,Default,,0000,0000,0000,,yet, maybe you send it to a photographer,\Nthey fill in the images, vice versa. Dialogue: 0,0:01:19.40,0:01:25.09,Default,,0000,0000,0000,,Okay, so, let's go ahead and place a\Ngraphic; a couple ways to do this, its Dialogue: 0,0:01:25.09,0:01:29.17,Default,,0000,0000,0000,,going to go inside this frame, so if\Nyou've clicked off for some reason, Dialogue: 0,0:01:29.17,0:01:33.41,Default,,0000,0000,0000,,you can click back on it, make sure you've\Ngot it selected with your selection tool, Dialogue: 0,0:01:33.41,0:01:40.35,Default,,0000,0000,0000,,you can use the quick action down here \Ncalled import file or file, place. Dialogue: 0,0:01:40.35,0:01:43.53,Default,,0000,0000,0000,,These are the same--will get you to the same \Nplace. Dialogue: 0,0:01:43.53,0:01:47.46,Default,,0000,0000,0000,,Okay, so file, place, you're going to\Nnavigate to where your image might be, Dialogue: 0,0:01:47.46,0:01:52.08,Default,,0000,0000,0000,,I've got some images ready to go in this\NLorax folder and I'm just going to grab Dialogue: 0,0:01:52.08,0:01:56.42,Default,,0000,0000,0000,,one of them; this little Lorax,\Nhere we go, open. Dialogue: 0,0:01:56.42,0:02:01.93,Default,,0000,0000,0000,,Now, important to note, images are always\Nplaced at 100% of their size, so if you're Dialogue: 0,0:02:01.93,0:02:05.18,Default,,0000,0000,0000,,working with photographs you need to \Nmake sure you're working in photoshop, Dialogue: 0,0:02:05.18,0:02:10.33,Default,,0000,0000,0000,,editing it correctly, sizing it to the\Ncorrect size and resolution before Dialogue: 0,0:02:10.33,0:02:12.04,Default,,0000,0000,0000,,putting it into InDesign. Dialogue: 0,0:02:12.04,0:02:16.18,Default,,0000,0000,0000,,So, you can see this file actually is a\Nlittle bit smaller than my frame but, Dialogue: 0,0:02:16.18,0:02:22.03,Default,,0000,0000,0000,,that's okay, I can always adjust my frame\Nusing my selection tool, so I can Dialogue: 0,0:02:22.03,0:02:28.64,Default,,0000,0000,0000,,drag it in from the top to the bottom,\Nor if you want to do that a little bit Dialogue: 0,0:02:28.64,0:02:33.72,Default,,0000,0000,0000,,quicker, so there's no space around it,\Nyou can use frame fitting down here. Dialogue: 0,0:02:33.72,0:02:36.83,Default,,0000,0000,0000,,So, there's some really good opportunities\Nhere. Dialogue: 0,0:02:36.83,0:02:40.96,Default,,0000,0000,0000,,You can fill your frame proportionally,\Nnow this is an interesting one where Dialogue: 0,0:02:40.96,0:02:45.75,Default,,0000,0000,0000,,it does make it feel like it sized it,\Nbut again, if your image is low quality Dialogue: 0,0:02:45.75,0:02:48.84,Default,,0000,0000,0000,,you might notice some degradation,\Nso it basically filled it out Dialogue: 0,0:02:48.84,0:02:54.62,Default,,0000,0000,0000,,proportionally, so not skewing it, \Nbut you do loose some of your image. Dialogue: 0,0:02:54.62,0:02:59.95,Default,,0000,0000,0000,,We have fit content proportionally,\Nso that will fit it towards the Dialogue: 0,0:02:59.95,0:03:04.53,Default,,0000,0000,0000,,top and bottom edge, but it's not actually\Nskewing it. Dialogue: 0,0:03:04.53,0:03:08.32,Default,,0000,0000,0000,,Then we have some fit content to frame,\Nwatch what happens, this is stretching it Dialogue: 0,0:03:08.32,0:03:10.80,Default,,0000,0000,0000,,so, I don't really recommend that. Dialogue: 0,0:03:10.80,0:03:16.46,Default,,0000,0000,0000,,Same idea, uh, actually this fourth one is\Na really good one where this one makes Dialogue: 0,0:03:16.46,0:03:22.27,Default,,0000,0000,0000,,your frame go down to size of your actual\Nimage and then this autofit sometimes Dialogue: 0,0:03:22.27,0:03:26.11,Default,,0000,0000,0000,,can also be really useful, this is going\Nto, um, Dialogue: 0,0:03:26.11,0:03:31.27,Default,,0000,0000,0000,,autofit your frame and your content\Ntogether, so those can be good. Dialogue: 0,0:03:31.27,0:03:34.91,Default,,0000,0000,0000,,But let's divide into what's happening in\Nthis actual image. Dialogue: 0,0:03:34.91,0:03:40.01,Default,,0000,0000,0000,,Now, we've got our frame, this is the\Nbounding box, I can see all eight Dialogue: 0,0:03:40.01,0:03:45.52,Default,,0000,0000,0000,,of those editing boxes, I can move my \Nframe in, notice I'm not moving the image Dialogue: 0,0:03:45.52,0:03:48.95,Default,,0000,0000,0000,,I'm moving the frame because I've got the\Nframe with that blue box, Dialogue: 0,0:03:48.95,0:03:53.02,Default,,0000,0000,0000,,so all I'm doing is adjusting the frame,\Nimage is staying the same, Dialogue: 0,0:03:53.02,0:03:58.52,Default,,0000,0000,0000,,the frame kind-of acts like a cropping\Nmechanism in this case, so that's useful. Dialogue: 0,0:03:58.52,0:04:04.46,Default,,0000,0000,0000,,I can, of course, make a skewed frame by\Nusing my direct selection tool. Dialogue: 0,0:04:04.46,0:04:08.41,Default,,0000,0000,0000,,I can also, think about how to work with\Nthe actual image. Dialogue: 0,0:04:08.41,0:04:10.95,Default,,0000,0000,0000,,Now, so far, I've only been using the\Nframe. Dialogue: 0,0:04:10.95,0:04:17.16,Default,,0000,0000,0000,,The image itself, if you hover over notice\Nin this middle zone, you get what's called Dialogue: 0,0:04:17.16,0:04:25.77,Default,,0000,0000,0000,,content grabber, click here, just once, \Nnow, we have a new colorful edge, Dialogue: 0,0:04:25.77,0:04:30.100,Default,,0000,0000,0000,,this is like this orange kind-of golden\Ncolor, right? Dialogue: 0,0:04:30.100,0:04:33.32,Default,,0000,0000,0000,,You see that? Dialogue: 0,0:04:33.32,0:04:40.93,Default,,0000,0000,0000,,So, that is the image, not the frame,\Nthe moment you enter the content Dialogue: 0,0:04:40.93,0:04:43.22,Default,,0000,0000,0000,,grabber, you're working with the image. Dialogue: 0,0:04:43.22,0:04:50.96,Default,,0000,0000,0000,,If I move, notice I'm moving the image, \Nyou can see the orange bounding box, Dialogue: 0,0:04:50.96,0:04:55.88,Default,,0000,0000,0000,,I've just shifted this whole image over, \Nwhich is getting it really misaligned Dialogue: 0,0:04:55.88,0:05:00.28,Default,,0000,0000,0000,,to my frame, so be really careful,\Nnow look, my frame is in the same spot, Dialogue: 0,0:05:00.28,0:05:03.04,Default,,0000,0000,0000,,but my image is way over. Dialogue: 0,0:05:03.04,0:05:10.76,Default,,0000,0000,0000,,If you want to size up or down, scaling,\Nyour actual image, not the frame, Dialogue: 0,0:05:10.76,0:05:14.60,Default,,0000,0000,0000,,this is where you go, you need to be on \Nthe orange bounding box. Dialogue: 0,0:05:14.60,0:05:19.62,Default,,0000,0000,0000,,Now, holding shift is important depending\Non your version that keeps it proportional Dialogue: 0,0:05:19.62,0:05:24.84,Default,,0000,0000,0000,,so you're not skewing your image and then\Ncome into the image and get it aligned Dialogue: 0,0:05:24.84,0:05:28.56,Default,,0000,0000,0000,,with your frame in the way that you want\Nit to be aligned. Dialogue: 0,0:05:28.56,0:05:31.30,Default,,0000,0000,0000,,Now again, let's do this one more time. Dialogue: 0,0:05:31.30,0:05:36.72,Default,,0000,0000,0000,,I'm going to go ahead and just click off,\Nclick anywhere else. Dialogue: 0,0:05:36.72,0:05:42.78,Default,,0000,0000,0000,,Normal, image, frame, blue,\Nblue bounding box, the moment I enter the Dialogue: 0,0:05:42.78,0:05:47.60,Default,,0000,0000,0000,,content grabber right here in the middle,\Norange bounding box, that orange bounding Dialogue: 0,0:05:47.60,0:05:52.04,Default,,0000,0000,0000,,box is how I can scale up or down, \NI can move the image Dialogue: 0,0:05:52.04,0:05:56.11,Default,,0000,0000,0000,,let to right, excreta. Dialogue: 0,0:05:56.11,0:06:00.35,Default,,0000,0000,0000,,If you are attempting--now I've got things\Nreal crazy here--if you are attempting Dialogue: 0,0:06:00.35,0:06:07.22,Default,,0000,0000,0000,,to move them both at the same time,\Nif you just grab your actual frame, Dialogue: 0,0:06:07.22,0:06:09.80,Default,,0000,0000,0000,,you should be able to carry them together. Dialogue: 0,0:06:09.80,0:06:19.20,Default,,0000,0000,0000,,If you want to scale them together at the\Nsame time--oops command-Z--shift and Dialogue: 0,0:06:19.20,0:06:22.35,Default,,0000,0000,0000,,command are what you need to do,\Nso I'm going to back myself up. Dialogue: 0,0:06:22.35,0:06:25.70,Default,,0000,0000,0000,,So, notice I just got the blue bounding\Nbox, I'm going to hold down shift and Dialogue: 0,0:06:25.70,0:06:35.17,Default,,0000,0000,0000,,command, that tells InDesign 'resize the\Nframe and resize the content', Dialogue: 0,0:06:35.17,0:06:40.20,Default,,0000,0000,0000,,shift and command, they're both getting \Nsmaller in the same proportion. Dialogue: 0,0:06:40.20,0:06:43.87,Default,,0000,0000,0000,,Okay, so that is our basics of working \Nwith images. Dialogue: 0,0:06:43.87,0:06:47.69,Default,,0000,0000,0000,,I'm going to delete this, now I'm going\Nto draw a couple other frames, Dialogue: 0,0:06:47.69,0:06:52.24,Default,,0000,0000,0000,,let's do something more interesting,\Nlet's do a polygon. Dialogue: 0,0:06:52.24,0:06:55.45,Default,,0000,0000,0000,,Remember if you hold shift you're\Ngoing to keep things proportional. Dialogue: 0,0:06:55.45,0:06:58.32,Default,,0000,0000,0000,,Polygon, I know it's a frame, it has the \NX. Dialogue: 0,0:06:58.32,0:07:00.47,Default,,0000,0000,0000,,Let's try the import file. Dialogue: 0,0:07:00.47,0:07:07.53,Default,,0000,0000,0000,,Import file, find your file, say open,\Nnow its placed it in there, now again, Dialogue: 0,0:07:07.53,0:07:11.53,Default,,0000,0000,0000,,its not quite right as far as the sizing \Ngoes, so do I need to edit Dialogue: 0,0:07:11.53,0:07:12.80,Default,,0000,0000,0000,,the size of the frame? Dialogue: 0,0:07:12.80,0:07:19.24,Default,,0000,0000,0000,,I can use the selection tool, \Nediting the size of the frame, Dialogue: 0,0:07:19.24,0:07:24.27,Default,,0000,0000,0000,,making it fit a little bit better to my\Ncontent, scaling it down, now I have a Dialogue: 0,0:07:24.27,0:07:28.23,Default,,0000,0000,0000,,frame that's constraining my image\Nto this particular shape. Dialogue: 0,0:07:28.23,0:07:32.68,Default,,0000,0000,0000,,If I need to edit the image itself, \Nclick on the content grabber, now I see Dialogue: 0,0:07:32.68,0:07:40.32,Default,,0000,0000,0000,,the orange frame and I know this is the\Nimage scaling it up or down, left or right. Dialogue: 0,0:07:40.32,0:07:44.72,Default,,0000,0000,0000,,Okay, other ways of working. Dialogue: 0,0:07:44.72,0:07:50.22,Default,,0000,0000,0000,,You can always draw out your design first,\Nknowing perhaps that you want a big image, Dialogue: 0,0:07:50.22,0:07:56.18,Default,,0000,0000,0000,,draw it out, maybe you want one smaller \Nimage, put it right here, and perhaps you Dialogue: 0,0:07:56.18,0:08:03.28,Default,,0000,0000,0000,,want some text, you could just draw some\Ntext right there and maybe fill it with Dialogue: 0,0:08:03.28,0:08:08.62,Default,,0000,0000,0000,,some dummy text down here so you can\Nstart to build your design. Dialogue: 0,0:08:08.62,0:08:13.23,Default,,0000,0000,0000,,If you want to place more than one image\Nat a time, we can do that. Dialogue: 0,0:08:13.23,0:08:19.12,Default,,0000,0000,0000,,I'm going to go back here, I'm going do\Ndo file, place, and let's say I absolutely Dialogue: 0,0:08:19.12,0:08:24.67,Default,,0000,0000,0000,,know I want this one and the one beneath\Nit, I'm going to hold the shift key, Dialogue: 0,0:08:24.67,0:08:30.25,Default,,0000,0000,0000,,I've grabbed two files and say open,\Nnow look what's happened to my cursor, Dialogue: 0,0:08:30.25,0:08:36.57,Default,,0000,0000,0000,,it is preloaded with my two files, it has\Nan icon that says number two, if you Dialogue: 0,0:08:36.57,0:08:40.63,Default,,0000,0000,0000,,use your arrow on your keyboard you can\Nscroll through to get a preview of which Dialogue: 0,0:08:40.63,0:08:42.14,Default,,0000,0000,0000,,one you're starting with. Dialogue: 0,0:08:42.14,0:08:46.76,Default,,0000,0000,0000,,I want to start with this one and I'm\Ngoing to place it here, now its preloaded Dialogue: 0,0:08:46.76,0:08:50.55,Default,,0000,0000,0000,,my second one and I'm going to place it\Nin this frame. Dialogue: 0,0:08:50.55,0:08:55.32,Default,,0000,0000,0000,,Now, this one of course, was not quite\Nthe right size, so maybe I want to do Dialogue: 0,0:08:55.32,0:09:00.12,Default,,0000,0000,0000,,some frame fitting, I can fill the\Nframe proportionally, here it looks like Dialogue: 0,0:09:00.12,0:09:04.28,Default,,0000,0000,0000,,I'm not quite there either with the actual\Nimage size, I'm going to leave it for now Dialogue: 0,0:09:04.28,0:09:09.83,Default,,0000,0000,0000,,just to keep it simple, but that's a way\Nwhere you can load multiple images Dialogue: 0,0:09:09.83,0:09:14.65,Default,,0000,0000,0000,,into your cursor and then place them on \Nfly really quickly. Dialogue: 0,0:09:14.65,0:09:19.100,Default,,0000,0000,0000,,So, practice placing your images,\Nalso called importing, drawing out your Dialogue: 0,0:09:19.100,0:09:26.32,Default,,0000,0000,0000,,image frames and understanding how to\Nedit them with the content grabber Dialogue: 0,0:09:26.32,0:09:30.00,Default,,0000,0000,0000,,and the bounding box.