1
00:00:00,090 --> 00:00:04,110
Now we're gonna be replacing our
image holders with photography and

2
00:00:04,110 --> 00:00:07,120
our design will really
start to come to life.

3
00:00:07,120 --> 00:00:08,920
First, let's go into our layers and

4
00:00:08,920 --> 00:00:13,130
make sure that we're in the correct
layer before we import our image.

5
00:00:14,150 --> 00:00:18,020
And I'm gonna be starting with
the mobile art board on the left.

6
00:00:18,020 --> 00:00:22,510
If I just select this image placeholder,
it will also highlight the correct layer.

7
00:00:22,510 --> 00:00:25,060
So that's a bit of an easier way to do it.

8
00:00:26,120 --> 00:00:30,274
To place the image we'll go to File,

9
00:00:30,274 --> 00:00:33,900
Place, and choosing this one.

10
00:00:35,900 --> 00:00:41,610
When you lay it in, the cursor is going to
be the top left hand corner of your image.

11
00:00:42,790 --> 00:00:48,410
You can see my image is just
a little larger than the container.

12
00:00:48,410 --> 00:00:52,500
I'm going to use these image placeholders
as the container for my artwork.

13
00:00:53,840 --> 00:00:55,990
And we'll be masking.

14
00:00:55,990 --> 00:01:01,210
So the way you mask in Illustrator
is you have to have two layers,

15
00:01:01,210 --> 00:01:04,490
the top layer is the container.

16
00:01:04,490 --> 00:01:08,880
It acts as like a window, basically,
that reveals the image beneath it.

17
00:01:08,880 --> 00:01:11,680
And when you're creating a mask,

18
00:01:11,680 --> 00:01:16,970
you want to have the image on the bottom
and the container on the top.

19
00:01:16,970 --> 00:01:23,660
So I'm gonna drag my image and
my layers over here down to the bottom.

20
00:01:25,040 --> 00:01:31,066
So that right above it is this image
placeholder, so I'll select both.

21
00:01:31,066 --> 00:01:35,800
Then I'll go to Object,
Clipping Mask, Make.

22
00:01:36,900 --> 00:01:40,050
Or, it's Command 7 and

23
00:01:40,050 --> 00:01:45,100
you can see now that our image is
fitting perfectly inside here.

24
00:01:46,170 --> 00:01:49,070
So we don't have to do
any crazy movements.

25
00:01:49,070 --> 00:01:51,880
If I wanted to adjust the size or scale or

26
00:01:51,880 --> 00:01:57,330
placement of this image within the mask
I can double click inside of it.

27
00:01:58,790 --> 00:02:03,840
And then I could edit it this way,
and scale up, or do things like that.

28
00:02:03,840 --> 00:02:06,380
Which I don't want to do,
so I'm going to undo, and

29
00:02:06,380 --> 00:02:10,075
then get back out of isolation mode.

30
00:02:10,075 --> 00:02:11,430
Okay?

31
00:02:11,430 --> 00:02:15,460
I'll do it another time, just to show you,

32
00:02:17,410 --> 00:02:21,233
so we'll have our container selected.

33
00:02:21,233 --> 00:02:28,762
Shift+Cmd+P to place the image.

34
00:02:28,762 --> 00:02:31,700
Place it here.

35
00:02:31,700 --> 00:02:35,055
Move that over a little bit.

36
00:02:35,055 --> 00:02:36,820
I will drag it beneath.

37
00:02:38,710 --> 00:02:43,570
My image placeholder,
select both layers, and

38
00:02:43,570 --> 00:02:46,980
then go to Object, Clipping Mask,
Make or Command Seven.

39
00:02:48,180 --> 00:02:49,600
And that's how it works.

40
00:02:49,600 --> 00:02:52,680
So you can see like so
much is happening already.

41
00:02:52,680 --> 00:02:56,198
Just adding the events,
that's where all the energy will be.

42
00:02:56,198 --> 00:02:59,510
So I'm gonna to go through here and
finish adding in these images.

43
00:03:00,570 --> 00:03:03,340
And I will meet you back and

44
00:03:03,340 --> 00:03:06,410
we'll be talking about
the best ways to save for web.