1 00:00:06,810 --> 00:00:13,770 Hi, there in this video, you're going to learn about layers if you're coming from Illustrator or Photoshop, 2 00:00:13,770 --> 00:00:20,160 you should already have a pretty good idea what layers are and how the whole concept of layers work. 3 00:00:20,650 --> 00:00:23,880 However, I'm going to cover it anyway to shed any clouds. 4 00:00:23,880 --> 00:00:25,140 There are about layers. 5 00:00:25,650 --> 00:00:27,690 Let's understand it using this image here. 6 00:00:28,500 --> 00:00:32,940 You can see a camera facing down and three layers titled On the right. 7 00:00:33,390 --> 00:00:39,150 If I add a rectangle on the first layer and the camera clicks a picture, it should be able to cover 8 00:00:39,150 --> 00:00:42,330 the entire rectangle that's lying on the first layer. 9 00:00:42,780 --> 00:00:45,780 Now let me add another rectangle on layer two. 10 00:00:46,530 --> 00:00:52,350 Let's also shorten that rectangle in a way about the rectangle on layer one covers the entire rectangle 11 00:00:52,350 --> 00:00:55,510 on layer two when the camera takes a picture. 12 00:00:55,530 --> 00:00:59,640 Now, do you think the pink rectangle will be captured by the camera? 13 00:01:00,450 --> 00:01:06,300 Of course not, because it is completely hidden under the element of the first layer, which is a bigger 14 00:01:06,300 --> 00:01:07,170 rectangle. 15 00:01:07,740 --> 00:01:11,640 Now let's make another rectangle only three and enlarge its size. 16 00:01:12,570 --> 00:01:17,640 This time, when the camera clicks a picture, do you think the rectangle on layer three will be there 17 00:01:17,640 --> 00:01:18,450 in the image? 18 00:01:19,020 --> 00:01:24,210 Yes, it will be there, but only the two sides that are extended beyond the sides of the rectangle 19 00:01:24,210 --> 00:01:25,380 on the first layer. 20 00:01:25,920 --> 00:01:28,470 So this is the basic concept of layers. 21 00:01:28,740 --> 00:01:35,640 If you understand this well, you'll never face difficulty with layers in InDesign or Photoshop or Illustrator 22 00:01:35,640 --> 00:01:36,150 as well. 23 00:01:36,990 --> 00:01:42,150 Now, let's quickly put this concept to use and create a letter sized document in InDesign. 24 00:01:43,140 --> 00:01:48,990 Drag the layers panel out If you don't see the layers panel, go to a window and you should find it 25 00:01:48,990 --> 00:01:52,920 sitting under it, or you can press the shortcut F7. 26 00:01:53,610 --> 00:01:57,630 At this point, you should be able to see just one layer on the layers panel. 27 00:01:58,170 --> 00:02:04,260 Double click it and rename it texture, not click the small plus button at the bottom of the Layers 28 00:02:04,260 --> 00:02:06,090 panel to add another layer. 29 00:02:06,660 --> 00:02:10,440 Now, double click this new layer and rename it text. 30 00:02:11,340 --> 00:02:14,490 Similarly, make another layer and rename it image. 31 00:02:15,450 --> 00:02:18,630 Actually, let's click and drag the text layer on top. 32 00:02:19,600 --> 00:02:25,960 Next, look, the image and texture layers by clicking the empty space right next to the icon and you 33 00:02:25,960 --> 00:02:31,630 shall find a lock appearing next to each of the layers, which means now you should not be able to move 34 00:02:31,630 --> 00:02:34,960 any element or create any elements within these two layers. 35 00:02:35,500 --> 00:02:41,980 With the text layer selected, grab the text tool and make a text box covering half of the page approximately 36 00:02:42,850 --> 00:02:43,150 right. 37 00:02:43,150 --> 00:02:46,510 Click the text box and fill it with some placeholder text. 38 00:02:48,290 --> 00:02:53,130 Change the font to Roboto, Black says the text looks too busy. 39 00:02:53,150 --> 00:02:56,840 Let's divided into two paragraphs and delete the rest of the text. 40 00:02:57,620 --> 00:03:01,700 Now select the entire text and increase the font size to 18 points. 41 00:03:03,140 --> 00:03:05,960 All right, our task in the text layer is completed. 42 00:03:06,290 --> 00:03:12,350 Let's lock the text layer, and now you should know how to lock a layer and then unlock the image layer 43 00:03:12,890 --> 00:03:13,870 to unlock a layer. 44 00:03:13,880 --> 00:03:17,330 You just need to click the lock icon once and it shall be unlocked. 45 00:03:17,330 --> 00:03:19,310 So basically it's a toggle switch. 46 00:03:20,030 --> 00:03:25,670 At this point, let's add some bleed to our document because we'll be extending the image from one corner 47 00:03:25,670 --> 00:03:26,420 to the other. 48 00:03:26,900 --> 00:03:30,890 So go to file and then documents set up. 49 00:03:31,640 --> 00:03:34,400 Let me introduce another nice feature of InDesign. 50 00:03:34,610 --> 00:03:37,880 You could see that the unit of measurement is set to pikas. 51 00:03:38,180 --> 00:03:40,470 But for some reason, I don't know pikas. 52 00:03:40,500 --> 00:03:46,520 Or let's just say I'm not comfortable with this unit of measurement, but I know pretty well the measurements 53 00:03:46,520 --> 00:03:47,570 in millimeters. 54 00:03:47,570 --> 00:03:55,400 So what I'm going to do is enter three m m, m m four mm and take my keys somewhere else on the panel. 55 00:03:55,400 --> 00:04:01,940 And you could see that InDesign does the calculation perfectly and enters the 3mm equivalent of pikas 56 00:04:01,940 --> 00:04:03,470 into the bleed field. 57 00:04:04,100 --> 00:04:06,760 And this works for other units of measurement as well. 58 00:04:06,770 --> 00:04:09,410 So do make use of this amazing feature. 59 00:04:10,040 --> 00:04:15,650 Now I'm going to hit OK and I should find the documents surrounded by three mm bleed. 60 00:04:16,339 --> 00:04:22,820 Let's grab the rectangle frame tool and make a rectangle covering the rest half of the page and ensure 61 00:04:22,820 --> 00:04:24,800 to include the bleed space as well. 62 00:04:25,520 --> 00:04:31,940 I go to file and then place and locate the image from the computer and hit a K. 63 00:04:33,210 --> 00:04:36,270 So now we've got a TaxSlayer and the image layer ready. 64 00:04:36,420 --> 00:04:42,060 And at this point, none of the two layers so far is disturbing or hiding the other layer in any way. 65 00:04:42,600 --> 00:04:48,150 You can check the document in the preview mode as well, and for that, just hit the letter W.. 66 00:04:48,480 --> 00:04:52,140 And you should be able to see how the documents will look once printed. 67 00:04:52,770 --> 00:04:56,970 Hit the W key again, and it's going to be back to the normal editing mode. 68 00:04:57,690 --> 00:05:04,230 Now log the image layer and unlock the texture layer with the texture layer selected, grab the rectangle 69 00:05:04,230 --> 00:05:10,710 frame tool and make a rectangle from one corner to the other, covering the entire page, including 70 00:05:10,710 --> 00:05:11,280 the blade. 71 00:05:11,820 --> 00:05:17,490 You should be able to see that we are able to view only half of the frame that we have just made because 72 00:05:17,490 --> 00:05:23,400 the image layer is right on top of the texture layer and it's hiding the rest of the rectangle frame. 73 00:05:23,940 --> 00:05:28,590 You should be able to connect the dots now of what we discussed in the beginning of this lesson when 74 00:05:28,590 --> 00:05:32,370 I spoke about the camera capturing those images of different layers. 75 00:05:33,000 --> 00:05:39,840 Anyway, let's go to file and then place and locate the image from your computer and hit open. 76 00:05:40,770 --> 00:05:45,750 Now you see, since the texture layer is right at the bottom, even on the screen, it is behind the 77 00:05:45,750 --> 00:05:46,860 image and the text. 78 00:05:47,700 --> 00:05:53,820 Once I drag the texture layer on top, you'll find that since this layer covers the entire page, everything 79 00:05:53,820 --> 00:05:55,350 under it is now hidden. 80 00:05:56,340 --> 00:05:59,330 This is the right time to introduce another concept to you. 81 00:05:59,340 --> 00:06:02,280 So first of all, have your texture layer selected. 82 00:06:02,820 --> 00:06:09,300 And then right click and go to effects and then transparency in the proper menu. 83 00:06:09,300 --> 00:06:14,790 Ensure that your preview option is tagged, and let's change the blending mode to overlay. 84 00:06:15,420 --> 00:06:21,090 What overlay blending mode does is that it multiplies or screens the color depending on the base. 85 00:06:21,090 --> 00:06:27,750 Color patterns or colors overlay the existing pixels while preserving the highlights and shadows of 86 00:06:27,750 --> 00:06:28,650 the base color. 87 00:06:29,280 --> 00:06:35,250 The base color is not replaced, but mixed with the blend color to reflect the lightness or darkness 88 00:06:35,250 --> 00:06:36,510 of the original color. 89 00:06:36,510 --> 00:06:42,480 Which is why when you zoom in on this image, you'll find how brilliantly this image is fused with the 90 00:06:42,480 --> 00:06:48,690 texture layer, giving it a different look altogether, and all those layers can have sub layers as 91 00:06:48,690 --> 00:06:49,000 well. 92 00:06:49,020 --> 00:06:55,110 So if I click the small white arrow on the texture layer, you can find that this layer has just one 93 00:06:55,110 --> 00:06:56,400 sub layer underneath. 94 00:06:56,790 --> 00:07:01,050 If you keep on adding other elements to this layer, it will be stacked up here. 95 00:07:01,740 --> 00:07:05,100 Similarly, you'll find the sub layers of text and image layers. 96 00:07:05,460 --> 00:07:10,890 All these layers so far have just one sub layer because we did not add a lot of different elements to 97 00:07:10,890 --> 00:07:11,190 them. 98 00:07:11,550 --> 00:07:15,440 You can even select an element from this small square on the right. 99 00:07:15,450 --> 00:07:19,760 So suppose we want to move this image from image layer to the texture layer. 100 00:07:20,190 --> 00:07:26,490 So I'm going to click the square once to select it and then click Hold and drag it to the texture layer. 101 00:07:26,940 --> 00:07:29,220 The moment it is moved do the texture layer. 102 00:07:29,220 --> 00:07:35,430 It loses the special effect it had when it was the bottom layer because by moving it, the entire algorithm 103 00:07:35,430 --> 00:07:36,120 changes. 104 00:07:36,600 --> 00:07:40,500 Now, when we click the texture layer, you shall find there are two sub layers. 105 00:07:40,500 --> 00:07:46,200 The one on top is the image sub layer that we just moved, and the other one is the texture layer, 106 00:07:46,200 --> 00:07:47,610 which was originally here. 107 00:07:48,150 --> 00:07:55,350 Let's undo the last action to put the image back to its place, so it's advisable to make optimal use 108 00:07:55,350 --> 00:08:02,670 of layers by placing objects on different layers and organizing them for easy selection and editing. 109 00:08:03,690 --> 00:08:06,000 All right, guys, that concludes our session. 110 00:08:06,390 --> 00:08:09,630 Next, we'll be talking about another important topic, which is. 111 00:08:10,620 --> 00:08:11,670 So see you that.