[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Moving on with other types of frames,\Nincluding image frames. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, we looked at using the type tool\Nto draw our frame, now we're going to use Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,our rectangle or other frames which is \Nright here to draw some Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,areas for some images. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, this looks a lot like our standard\Nrectangle, but it isn't, notice here we've Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,got this X going through the rectangle? Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,That's a frame. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Whereas here, which is a regular \Nrectangle tool, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,it acts like a shape. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Underneath the rectangle frame tool, \Nyou have a circular version or Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,a polygon version, all of those are \Ngreat. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Remember frames are going to be used\Nto sort-of contain the area of the image, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,it's almost like, um, a picture frame. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, let's just start with the rectangle \Nframe and I am simply going to Dialogue: 0,9:59:59.99,9:59:59.99,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,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,there's the frame, big ol' X in the\Nmiddle. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now again, this is different than a \Nrectangle. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I'm going to use this as a place holder\Nfor now, or place my image Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,if I'm ready to go. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Often, you can create a design where you\Nlay it out without any of your information Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,yet, maybe you send it to a photographer,\Nthey fill in the images, vice versa. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Okay, so, let's go ahead and place a\Ngraphic; a couple ways to do this, its Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,going to go inside this frame, so if\Nyou've clicked off for some reason, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,you can click back on it, make sure you've\Ngot it selected with your selection tool, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,you can use the quick action down here \Ncalled import file or file place. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,These are the same--getcha to the same \Nplace. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Okay, so file, place, you're going to\Nnavigate to where your image might be, Dialogue: 0,9:59:59.99,9:59:59.99,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,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,one of them; this little Lorax,\Nhere we go, open. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now, important to note, images are always\Nplaced at 100% of their size, so if you're Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,working with photographs you need to \Nmake sure you're working in photoshop, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,editing it correctly, sizing it to the\Ncorrect size and resolution before Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,putting it into InDesign. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, you can see this file actually is a\Nlittle bit smaller than my frame but, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,that's okay, I can always adjust my frame\Nusing my selection tool, so I can Dialogue: 0,9:59:59.99,9:59:59.99,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,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,quicker, so there's no space around it,\Nyou can use frame fitting down here. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, there's some really good opportunities\Nhere. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,you can fill your frame proportionally,\Nnow this is an interesting one where Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,it does make it feel like it sized it,\Nbut again, if your image is low quality Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,you might notice some degradation,\Nso it basically filled it out Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,proportionally, so not skewing it, \Nbut you do loose some of your image. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,We have fit content proportionally,\Nso that will fit it towards the Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,top and bottom edge, but it's not actually\Nskewed it. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Then we have some fit content to frame,\Nwatch what happens, this is stretch it Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,so, I don't really recommend that. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Same idea, uh, actually this fourth one is\Na really good one where this one makes Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,your frame go down to size of your actual\Nimage and then this autofit sometimes Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,can also be really useful, this is going\Nto, um, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,autofit your frame and your content\Ntogether, so those can be good. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,But let's divide into what's happening in\Nthis actual image. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now, we've got our frame, this is the\Nbounding box, I can see all eight Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,of those editing boxes, I can move my \Nframe in, notice I'm not moving the image Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I'm moving the frame because I've got the\Nframe with that blue box, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,so all I'm doing is adjusting the frame,\Nimage is staying the same, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,the frame kind-of acts like a cropping\Nmechanism in this case, so that's useful. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I can, of course, make a skewed frame by\Nusing my direct selection tool. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I can also, think about how to work with\Nthe actual image. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now, so far, I've only been using the\Nframe. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,The image itself, if you hover over, \Nin this middle zone, you get what's called Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,content grabber, click here, just once, \Nnow, we have a new colorful edge, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,this is like this orange kind-of golden\Ncolor, right? Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,You see that? Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, that is the image, not the frame,\Nthe moment you enter the content Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,grabber, you're working with the image. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,If I move, notice I'm moving the image, \Nyou can see the orange bounding box, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I've just shifted this whole image over, \Nwhich is getting it really misaligned Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,to my frame, so be really careful,\Nnow look, my frame is in the same spot, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,but my image is way over. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,If you want to size up or down, scaling,\Nyour actual image, not the frame, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,this is where you go, you need to be on \Nthe orange bounding box. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now, holding shift is important depending\Non your version that keeps it proportional Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,so you aren't skewing your image and then\Ncome into the image and get it aligned Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,with your frame in the way that you want\Nit to be aligned. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now again, let's do this one more time. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I'm going to go ahead and just click off,\Nclick anywhere else. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Normal, image, frame, blue,\Nblue bounding box, the moment I enter the Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,content grabber right here in the middle,\Norange bounding box, that orange bounding Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,box is how I can scale up or down, \NI can move the image Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,let to right, excreta. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,If you are attempting--now I've got things\Nreal crazy here--if you are attempting Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,to move them both at the same time,\Nif you just grab your actual frame, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,you should be able to carry them together. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,If you want to scale them together at the\Nsame time--oops command-Z--shift and Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,command are what you need to do,\Nso I'm going to back myself up. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, notice I just got the blue bounding\Nbox, I'm going to hold down shift and Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,command, that tells InDesign 'resize the\Nframe and resize the content', Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,shift and command, their both getting \Nsmaller in the same proportion. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Okay, so that is our basics of working \Nwith images. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I'm going to delete this, now I'm going\Nto draw a couple other frames, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,let's do something more interesting,\Nlet's do a polygon. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Remember if you hold shift you're\Ngoing to keep things proportional. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Polygon, I know it's a frame, it has the \NX. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Let's try the import file. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Import file, find your file, say open,\Nnow its placed it in their, now again, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,its not quite right as far as the sizing \Ngoes, so do I need to edit Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,the size of the frame? Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I can use the selection tool, \Nediting the size of the frame, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,making it fit a little bit better to my\Ncontent, scaling it down, now I have a Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,frame that's constraining my image\Nto this particular shape. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, if I need to edit the image itself, \Nclick on the content grabber, now I see Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,the orange frame and I know this is the\Nimage scaling it up or down, left or right. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Okay, other ways of working. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,You can always draw out your design first,\Nknowing perhaps that you want a big image, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,draw it out, maybe you want one smaller \Nimage, put it right here, and perhaps you Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,want some text, you could just draw some\Ntext right there and maybe fill it with Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,some dummy text right here so you can\Nstart to build your design. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,If you want to place more than one image\Nat a time, we can do that. Dialogue: 0,9:59:59.99,9:59:59.99,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,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,know I want this one and the one beneath\Nit, I'm going to hold the shift key, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I've grabbed two files and say open,\Nnow look what's happened to my cursor, Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,it is preloaded with my two files, it has\Nan icon that says number two, if you Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,use your arrow on your keyboard you can\Nscroll through to get a preview of which Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,one you're starting with. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,I want to start with this one and I'm\Ngoing to place it here, now its preloaded Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,my second one and I'm going to place it\Nin this frame. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Now, this one of course, was not quite\Nthe right size, so maybe I want to do Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,some frame fitting, I can fill the\Nframe proportionally, here it looks like Dialogue: 0,9:59:59.99,9:59:59.99,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,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,just to keep it simple, but that's a way\Nwhere you can load multiple images Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,into your cursor and then place them on \Nfly really quickly. Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So, practice placing your images,\Nalso called importing, drawing out your Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,image frames and understanding how to\Nedit them with the content grabber Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,and the bounding box.