1
00:00:00,230 --> 00:00:02,710
In this video,
we will be learning about layers and

2
00:00:02,710 --> 00:00:06,790
prepping our files for
the next step of building our wire frame.

3
00:00:06,790 --> 00:00:11,220
To get started, let's go ahead and
go up to our Window, in our menu bar, and

4
00:00:11,220 --> 00:00:13,010
choose Layers.

5
00:00:13,010 --> 00:00:15,540
Cuz we want to open our Layers panel.

6
00:00:15,540 --> 00:00:16,610
You can also hit F7.

7
00:00:19,920 --> 00:00:24,060
In our Layers panel, you can see
that we have one layer: layer 1.

8
00:00:24,060 --> 00:00:32,362
And within that layer, we have eight
different guides and our eight rectangles,

9
00:00:35,140 --> 00:00:40,160
You can have as many objects
within a layer as you want.

10
00:00:40,160 --> 00:00:43,120
It's a matter of sort of
grouping within that layer.

11
00:00:45,960 --> 00:00:50,660
And as you work, you wanna try to
stay as organized as possible.

12
00:00:50,660 --> 00:00:53,280
And we've just finished
creating our guides.

13
00:00:53,280 --> 00:00:59,490
And so now, we want to lock this layer so
we can't alter it in the future.

14
00:00:59,490 --> 00:01:03,550
And so we can move on to our next
step of designing the wireframe.

15
00:01:05,360 --> 00:01:11,100
To rename this layer, we double-click
on layer 1, and we'll call it Guide.

16
00:01:11,100 --> 00:01:13,944
And I'll click Off.

17
00:01:13,944 --> 00:01:18,343
To turn the visibility on and
off on a layer, we have a switch here.

18
00:01:18,343 --> 00:01:23,570
So you can hit this eye and that will
turn the layer off and then back on.

19
00:01:24,810 --> 00:01:28,940
To lock a layer, which in this case
we want and that would mean that none

20
00:01:28,940 --> 00:01:34,420
of these objects can move, so just as
an example if I try to move these now.

21
00:01:34,420 --> 00:01:35,560
It works, no problem.

22
00:01:36,570 --> 00:01:42,190
I'm going to Edit > Undo Move or
Cmd+Z a couple times to put that back.

23
00:01:44,190 --> 00:01:47,160
And you can see as I hit
this lock toggle and

24
00:01:47,160 --> 00:01:50,890
then try to do anything,
I automatically can't.

25
00:01:50,890 --> 00:01:52,490
So that's perfect, that's how you want it.

26
00:01:55,290 --> 00:01:57,700
And because we're going
to continue working,

27
00:01:57,700 --> 00:02:00,040
we can't continue working
on a locked layer.

28
00:02:00,040 --> 00:02:05,260
You must create a new layer, and then work
on that new layer that is not locked.

29
00:02:05,260 --> 00:02:11,060
So, to create a new layer,
come down here in your Layers panel.

30
00:02:11,060 --> 00:02:12,610
See where it says, create new layer?

31
00:02:12,610 --> 00:02:13,110
And click.

32
00:02:14,620 --> 00:02:16,970
And it will create a new layer for you.

33
00:02:16,970 --> 00:02:21,310
And I held it down a little too long,
so it created two new layers.

34
00:02:21,310 --> 00:02:24,160
Which is fine,
cuz I can show you how to delete a layer.

35
00:02:25,170 --> 00:02:28,430
To delete a layer, you click and hold, and

36
00:02:28,430 --> 00:02:30,420
then drag it down to
this little trash can.

37
00:02:31,490 --> 00:02:31,990
And that's it.

38
00:02:33,760 --> 00:02:34,550
So we're ready to go.

39
00:02:34,550 --> 00:02:36,820
In the next step,

40
00:02:36,820 --> 00:02:42,430
we will be beginning to design our
mobile wire frame, see you there.