1
00:00:00,003 --> 00:00:01,005
- [Instructor] Once your design

2
00:00:01,005 --> 00:00:04,005
will start to become a more and more complex,

3
00:00:04,005 --> 00:00:07,006
it's important to introduce an appropriate structure

4
00:00:07,006 --> 00:00:10,002
to manage the graphic content.

5
00:00:10,002 --> 00:00:13,003
To do so, choose the Window menu at the top,

6
00:00:13,003 --> 00:00:15,003
then select layers.

7
00:00:15,003 --> 00:00:17,004
The layers panel will appear.

8
00:00:17,004 --> 00:00:19,006
Layers are containers that will allow you

9
00:00:19,006 --> 00:00:21,002
to organize your graphics,

10
00:00:21,002 --> 00:00:24,004
and will make sure that you can create and edit your design

11
00:00:24,004 --> 00:00:27,003
using a systematic and efficient workflow.

12
00:00:27,003 --> 00:00:29,002
There is not a particular rule

13
00:00:29,002 --> 00:00:31,003
in the layers number or structure,

14
00:00:31,003 --> 00:00:33,006
but it's extremely important to remember

15
00:00:33,006 --> 00:00:36,006
that the order of a layer stack will reflect the order

16
00:00:36,006 --> 00:00:39,002
in which you visualize your graphic elements

17
00:00:39,002 --> 00:00:41,001
because anything contained on a layer

18
00:00:41,001 --> 00:00:42,007
located on top of the stack

19
00:00:42,007 --> 00:00:46,004
will display in front of the rest of the elements.

20
00:00:46,004 --> 00:00:51,003
Each document contains at least one layer by default.

21
00:00:51,003 --> 00:00:53,004
I will start by renaming the first layer,

22
00:00:53,004 --> 00:00:56,005
by double clicking on it, and name it Background,

23
00:00:56,005 --> 00:00:58,003
then click on OK.

24
00:00:58,003 --> 00:01:01,003
For this particular artwork, I would love two more layers.

25
00:01:01,003 --> 00:01:03,006
To do so click on the little plus icon

26
00:01:03,006 --> 00:01:05,009
located at the bottom of the Layers panel.

27
00:01:05,009 --> 00:01:09,001
I will name the second layer Middle Ground.

28
00:01:09,001 --> 00:01:15,003
Then, I will add one more, and name it Foreground.

29
00:01:15,003 --> 00:01:18,008
you can swap the position of your layers at any time.

30
00:01:18,008 --> 00:01:21,000
It will make sense in this case to have the foreground

31
00:01:21,000 --> 00:01:23,001
at the very top, then the middle ground,

32
00:01:23,001 --> 00:01:25,008
and the background at the bottom.

33
00:01:25,008 --> 00:01:29,007
Now, all I have to do is to distribute each graphic element

34
00:01:29,007 --> 00:01:31,005
in the appropriate container.

35
00:01:31,005 --> 00:01:35,000
One way of doing it is to click on the down-pointing arrow

36
00:01:35,000 --> 00:01:39,002
located next to the background layer to see its content.

37
00:01:39,002 --> 00:01:41,006
Then, with the selection tool active,

38
00:01:41,006 --> 00:01:45,002
select the sun, hold Shift, select the sea,

39
00:01:45,002 --> 00:01:46,008
and then back to the layers panel.

40
00:01:46,008 --> 00:01:48,009
You will see that the item that you are selected

41
00:01:48,009 --> 00:01:51,005
are highlighted in the panel.

42
00:01:51,005 --> 00:01:56,001
Then, drag the selected items in the middle ground layer.

43
00:01:56,001 --> 00:01:57,009
And you're done!

44
00:01:57,009 --> 00:02:01,001
Another way of moving objects inside a different layer

45
00:02:01,001 --> 00:02:03,002
is to select them from the artboard.

46
00:02:03,002 --> 00:02:06,004
Remember to hold Shift to select multiple elements.

47
00:02:06,004 --> 00:02:09,000
In this case, I will select the palm trees,

48
00:02:09,000 --> 00:02:11,002
the dunes, and the text.

49
00:02:11,002 --> 00:02:14,005
Then, use the shortcut Control + C on a Windows,

50
00:02:14,005 --> 00:02:17,005
Command + C on a Mac, to copy them.

51
00:02:17,005 --> 00:02:21,004
Then, delete them by pressing the Backspace delete key.

52
00:02:21,004 --> 00:02:24,001
Now, quickly head to the layers panel,

53
00:02:24,001 --> 00:02:25,009
select the foreground layer,

54
00:02:25,009 --> 00:02:29,002
then use the shortcut Control + F on Windows,

55
00:02:29,002 --> 00:02:34,001
that's Command + F on a Mac, to paste them back in place.

56
00:02:34,001 --> 00:02:36,003
As you can see, the color of the bounding box

57
00:02:36,003 --> 00:02:39,004
will change accordingly to the color of the layers

58
00:02:39,004 --> 00:02:42,004
in which the graphic elements are placed.

59
00:02:42,004 --> 00:02:45,004
Layers are also very useful to lock items

60
00:02:45,004 --> 00:02:47,007
or hide their visibility.

61
00:02:47,007 --> 00:02:51,002
You can click on the second box next to the layer name

62
00:02:51,002 --> 00:02:52,009
in order to lock it.

63
00:02:52,009 --> 00:02:56,001
By doing so, you'll be able to draw, create more shapes,

64
00:02:56,001 --> 00:02:57,006
or move around your artboard

65
00:02:57,006 --> 00:03:00,008
without making any edits on the locked elements,

66
00:03:00,008 --> 00:03:04,004
preserving their position and status.

67
00:03:04,004 --> 00:03:06,002
To toggle the visibility of a layer,

68
00:03:06,002 --> 00:03:09,004
click on the little eye icon to hide the content of a layer,

69
00:03:09,004 --> 00:03:14,007
and click back on the same place to make it visible again.

70
00:03:14,007 --> 00:03:16,003
But let's move to the next step.

