Hi everyone, in this video we're going to look at|... these three different options for putting images in a box, how exciting... it's super important though, because it catches a lot of people out... especially when we move further on in the course... because you can have a frame that has nothing inside of it... just an image, as a Fill...
this one here is a Frame that has an image hiding inside of it... and this one here is a Mass Group, inside of this is a lot more complex... there is a Masking Object and an image, and the Wrapper Mask group... you will stumble across all use cases of this... and they all operate slightly differently... and after this video you'll know how they work...
so you don't get caught out too much, all right, let's jump in. To get started I've made three frames, that's it, Frame 17, 18, and 19... and some text underneath, for no good reason... let's look at the different ways of putting images inside... so the first one, and the most common one, the most useful, most flexible... is just having a frame, and giving it a Fill, not of this color...
but of a solid, no, of an 'Image'... choose the image, I'm going to get it from our 'Exercise Files'... under 'Images', it's one called 'Product 1'. The cool thing about this is, by default it's set to Fill... so it means that it kind of stretches and does good stuff for responsiveness... we can go through and say, actually we want to crop it...
I can grab the edges and change the frame... or click the image and mess around with it... and kind of rearrange it in here, it's quite flexible... I'm going to 'undo'. The other way of doing it is, putting an image inside the frame... whereas this one here, can you see the layer structure...
there's no little, chevron there, I can't-- there's nothing in here... it's quite tidy, it's just the Fill applied to the Frame... let's bring in an image, let's go 'Command Shift K', 'Ctrl Shift K' on PC... or hit the 'Convert to Component', which is very similar, 'Command Option K'... I do that all the time, whoops... I'm going to bring in 'Product 2'...
and I'm going to wait for a second and then just paste it in here... the difference is, first of all it's giant, second of all is, can you see here... my Frame has the same old Fill color, I can get rid of it... doesn't really do anything... but the image is inside of it, there you go... it's a separate object, that's why it's not scaling, kind of resizing...
and if I want to resize it to fit inside of this Frame I can double click it... realize it's way too big... zoom out, there it is, hold 'Shift'. So it's just a worse way of doing it... but you end up doing this way all the time, and sometimes it's easier... rather than trying to do this...
and trying to do the Crop, and trying to fit it in here... can you see, the image has a Fill applied to it, I can copy this... get rid of it, hit 'Del', grab my 'Frame', which kinda... actually get rid of the image layer there... go to my 'Frame' and just paste it in there... now it's kind of a lot more connected and easy...
but that's where a lot of people get stuck... especially as we go on through this course... probably better to be a Fill... if you want to do the whole separate thing inside of it... you might want to do a Mask, so let's do that as a last option. So I'm going to bring in 'Product 3'...
it's going to be way too big, going to hold 'Shift' and drag it out... stick it on top of my Frame, click the 'Mask' button... and there you go, you end up in a similar place... it's a lot different kind of structure here, we've got this Mask group now... inside of it is my image... and then this is the thing that is masking it...
so I can work on these independently, I'm going to click on the 'Frame' to say... you are my Mask, and I can work on my image to resize it and reposition it... so we end up in a very similar place... we can do all the cropping, whether it's a Fill... whether it's image inside of a Frame... whether it's a Fill of a Frame, whether it's an image inside of a Frame...
or it is a Mask that has two ingredients, the Mask... the thing doing the Mask and the image itself... but when we're looking at it from, like this, they all do the same thing... but kind of different methods of getting there, mostly do this, images of Fill... but anyway I just wanted to point out the differences before we go too far on... because it catches a lot of people out, all right, that is it...
image, Fill, Fill, Fills, I'll see you in the next video.