1 00:00:00,000 --> 00:00:04,599 [MUSIC] 2 00:00:04,599 --> 00:00:06,530 Now, we've covered the introduction, 3 00:00:06,530 --> 00:00:10,320 we'll be taking an in depth look at the rest of the application. 4 00:00:10,320 --> 00:00:13,750 Layers, as we previously touched upon, are the building blocks for 5 00:00:13,750 --> 00:00:15,700 all designs created in a Sketch. 6 00:00:15,700 --> 00:00:18,250 So it is important that we understand a little bit about them. 7 00:00:19,500 --> 00:00:22,630 We need to select the layer in our document. 8 00:00:22,630 --> 00:00:25,320 And there are two ways you can do this, by clicking on 9 00:00:25,320 --> 00:00:29,670 the layer's name in the list or by clicking on the layer in the canvas. 10 00:00:30,700 --> 00:00:34,880 To help us show what we are about to select on the canvas, 11 00:00:34,880 --> 00:00:38,540 a light blue outline will appear around the layer when we hover over it. 12 00:00:39,810 --> 00:00:42,540 When you're sure you want to select the layer just click it. 13 00:00:43,860 --> 00:00:50,010 To deselect a layer press the escape key or click on a blank area of the canvas. 14 00:00:50,010 --> 00:00:52,560 But right now, we a layer to be selected. 15 00:00:53,700 --> 00:00:58,110 When a layer is select you'll see these eight white squares appear 16 00:00:58,110 --> 00:00:58,740 around the layer. 17 00:00:59,790 --> 00:01:01,370 These are called handles. 18 00:01:01,370 --> 00:01:04,948 If you click and drag on any of them, you'll change the size of the shape. 19 00:01:04,948 --> 00:01:09,128 [BLANK_AUDIO] 20 00:01:09,128 --> 00:01:13,670 You may have noticed the values in the inspector have changed. 21 00:01:13,670 --> 00:01:17,920 The top two fields have to do with the layer's position on the canvas. 22 00:01:17,920 --> 00:01:20,660 And the two underneath have to do with the size of the layer. 23 00:01:22,020 --> 00:01:24,440 You can type in here to edit them. 24 00:01:24,440 --> 00:01:27,263 So let's just round the size to a multiple of ten. 25 00:01:27,263 --> 00:01:35,222 [BLANK_AUDIO] 26 00:01:35,222 --> 00:01:38,500 Just press Enter when you're done to confirm the size. 27 00:01:41,360 --> 00:01:44,850 Moving a layer around is incredibly easy. 28 00:01:44,850 --> 00:01:47,940 All you have to do is click on a layer and drag it around. 29 00:01:49,250 --> 00:01:51,610 Just click anywhere on the layer. 30 00:01:51,610 --> 00:01:56,010 But remember, if you touch a handle, you'll adjust its size. 31 00:01:56,010 --> 00:02:00,530 A shortcut for incrementally moving or nudging a layer's position. 32 00:02:00,530 --> 00:02:03,030 It's done by pressing one of the arrow keys and 33 00:02:03,030 --> 00:02:05,490 this will move things by one pixel. 34 00:02:05,490 --> 00:02:07,570 Which is the ends of measurement Sketch uses. 35 00:02:09,900 --> 00:02:15,510 If you hold Shift + Arrow key, you'll be able to enlarge a layer by ten pixels. 36 00:02:18,860 --> 00:02:23,680 As well as moving and resizing, what else can you do with a layer? 37 00:02:23,680 --> 00:02:25,545 For one, you can duplicate a layer. 38 00:02:25,545 --> 00:02:31,608 Right-click on the layer in the canvas or list, and select Duplicate from the menu. 39 00:02:31,608 --> 00:02:36,628 [BLANK_AUDIO] 40 00:02:36,628 --> 00:02:39,900 It may not look like anything has happened at first. 41 00:02:39,900 --> 00:02:44,969 But look at the layer list and we will see a third item, Rectangle 2. 42 00:02:44,969 --> 00:02:48,128 This is sitting on top of the first rectangle layer. 43 00:02:48,128 --> 00:02:50,270 So let's just move it out from this side here. 44 00:02:54,960 --> 00:02:58,430 It's an exact copy of the layer it just derived from. 45 00:02:58,430 --> 00:03:02,060 And duplicating is useful if you want a copy of a layer or 46 00:03:02,060 --> 00:03:03,620 want to make further adjustments to it. 47 00:03:04,800 --> 00:03:08,012 You can also duplicate by holding down Option and 48 00:03:08,012 --> 00:03:11,158 clicking and dragging the layer to make a copy. 49 00:03:11,158 --> 00:03:18,379 [BLANK_AUDIO]