Placing Raster Images and Masking3:07 with Ashley Burke
Replace the image placeholders with images and our design will really start to come to life.
Now we're gonna be replacing our image holders with photography and 0:00 our design will really start to come to life. 0:04 First, let's go into our layers and 0:07 make sure that we're in the correct layer before we import our image. 0:08 And I'm gonna be starting with the mobile art board on the left. 0:14 If I just select this image placeholder, it will also highlight the correct layer. 0:18 So that's a bit of an easier way to do it. 0:22 To place the image we'll go to File, 0:26 Place, and choosing this one. 0:30 When you lay it in, the cursor is going to be the top left hand corner of your image. 0:35 You can see my image is just a little larger than the container. 0:42 I'm going to use these image placeholders as the container for my artwork. 0:48 And we'll be masking. 0:53 So the way you mask in Illustrator is you have to have two layers, 0:55 the top layer is the container. 1:01 It acts as like a window, basically, that reveals the image beneath it. 1:04 And when you're creating a mask, 1:08 you want to have the image on the bottom and the container on the top. 1:11 So I'm gonna drag my image and my layers over here down to the bottom. 1:16 So that right above it is this image placeholder, so I'll select both. 1:25 Then I'll go to Object, Clipping Mask, Make. 1:31 Or, it's Command 7 and 1:36 you can see now that our image is fitting perfectly inside here. 1:40 So we don't have to do any crazy movements. 1:46 If I wanted to adjust the size or scale or 1:49 placement of this image within the mask I can double click inside of it. 1:51 And then I could edit it this way, and scale up, or do things like that. 1:58 Which I don't want to do, so I'm going to undo, and 2:03 then get back out of isolation mode. 2:06 Okay? 2:10 I'll do it another time, just to show you, 2:11 so we'll have our container selected. 2:17 Shift+Cmd+P to place the image. 2:21 Place it here. 2:28 Move that over a little bit. 2:31 I will drag it beneath. 2:35 My image placeholder, select both layers, and 2:38 then go to Object, Clipping Mask, Make or Command Seven. 2:43 And that's how it works. 2:48 So you can see like so much is happening already. 2:49 Just adding the events, that's where all the energy will be. 2:52 So I'm gonna to go through here and finish adding in these images. 2:56 And I will meet you back and 3:00 we'll be talking about the best ways to save for web. 3:03
You need to sign up for Treehouse in order to download course files.Sign up