Transcript:
Hello, everyone and welcome to this tutorial today. I’m going to show you how to make this 3d emboss texture background effect. So I’m going to show you how to make these little squares. I kind of poke out of your page and also how to make this effect with kind of circular patterns, which are sticking out of your page now. Everything in this tutorial is going to be done on the background, which is measured in pixels. That’s kind of important. The first thing we do is we go to edit. We go to preferences, and then we go to guides and grid and here. You want to make sure that you have a grid line every hundred pixels and you want ten subdivisions and press. OK, now the next thing we have to do is we have to create a keyboard shortcut, so we go to edit keyboard shortcuts and we go to menu commands up here and just type in here Send, and one of the options will be called sent to bed. Send the back and the shortcut will be ctrl + one of these. I switch it to control E because that is a graphic setting. It’s a shortcut that, basically you’ll never use, but switch to something that you can quickly do because we’re gonna be doing this a lot and press OK now. I have an artboard right here. That is 1800 pixels by 1100 pixels. And now we’re gonna go to view and we’re gonna go show grid. You want this artboard to be aligned to your grid lines right there? Also, we go to view and we go snap to grid after we’ve done this. We’re ready to begin, so let’s zoom in and press. M hold shift and make a square. I want to be squares like here. Now we’re gonna make it a dark gray and to make this easy for you to follow. We’re gonna choose a value of 234 the our G and B and that’s going to give us a grade right here. We press hold alt and shift, and we move it to about that point and one thing you might notice is that it might not stick to the grid line when it’s following the edge of the artboard. So you can just push it out by one grid like this and hold shift and bring it up. It’s a bug in Illustrator, rather annoying. So there you go now it’s a line and we’re going to make this into a light gray, so we’re going to choose a value of 245 This is almost white, but it’s a bit off-white and press. OK, great, now we’re gonna press L and we’re gonna make the shadow. Let’s start about here. Stretch it up to here. Maybe about that big, and we’re gonna make it completely black like that. Then we’re gonna send to a back with our shortcut, and we’re gonna go to effect and Gaussian blur or go to blur and then Gaussian blur. Right there. Click on that, and we’re gonna give it a blur of about eighteen point. Five pixels click on preview to have a look. And that seems alright. You don’t want it to be bleeding out on either direction we press, OK, And now we’ve created our base unit. Now, let’s select our object right here. Press ctrl-g. And now it’s grouped as one unit and the way. This pattern works is we just select our object. Hold shift and move it so that there’s one space a background in between like that, and then on the next row, we hope Alt and shift. Hold Alt shift and like that, okay, and then we just repeat this pattern as much as we like, hold alt and shift. [MUSIC] You see that it’s not aligning great, and that’s because it’s following the edges right there. But basically, that’s the premise. Now we need to send these things to the back. In order to get this 3d effect, so we select one line at a time from top to bottom, and we sent it back. Select the next line, sent it back. We’ll end the last line and sent it back and there we get our 3d pattern like that. It’s really simple, and then all you have to do is just paste it to wherever you like, and you’ve got it going. One added effect you can do to this is to change the color of the background, and before we do that you have to have another layer so this would be layer two. Let’s put another layer below, and we create a box and layer to make it about that big like that. Okay, now it’s completely black. We don’t want that. We want another off-white and for that we want to color it between two hundred. Thirty two hundred forty five, so let’s do two forty one or something like that 41 to 41 press. OK, and there you go, and now this gives us an extra color and next effect in between and you can modify that as you wish great now. I’m just going to move this out of the way for now, and I’m going to show you how to make this effect right here. It’s also super simple. All we do is we create one square. That’s as wide as two squares just like this. I’m going to give us this background color like that. We’re gonna open our gradient tool press. G apply gradient left to right. And on this point right here you can click that gradient slider press. I clicked that gradient slider press. I and hold shift and we’re gonna pick up this color. Then we’re going to choose this gradient slider press. I and hold shift and click on that point right there, and now we have a very light gradient frontier here, but I want it to be a bit darker to make the effect a bit more noticeable, so we can double Click on this gradient slider. Go to our colours! We can switch right here and maybe make it to 210 rather than 230 210 210 like that. So it’s a bit darker, okay. Now it doesn’t stand out much right now. Which is okay, because we have to add the shadow so again we can right, Click on one of these on group and we’re just gonna steal the shadow by holding Alt shift moving it down to about there, lets. Get this out of the way we can choose this, right, Click and again send to the back. Make sure that we’re in the right. Yeah, we’re in the right bit, So that wasn’t the wrong layer. Make sure it’s in the right layer and there we go. We start to get that effect and the same rules apply for this. We select this hold alt and shift, move it so that there’s one spacer in between like that. The effect really starts to get note spoke when we move it down and there’s some overlap like that. All shift here all in shift. – here, okay, now we can apply our background that, and then all we do Is we select our objects here. Press, send to back just like that, and we have our overlapping shape and the next thing you do Is you just arrange it to whatever pattern that you want to see in here up and down just by selecting them and moving them out to wherever you feel, they should be, and that’s. All there is to this pattern. It’s super simple so. I hope you enjoyed that tutorial. If you have any questions, please write them in the comments below. Check out our videos. If you have any comment, any video suggestions, please let me know, of course, like the video subscribe, and, of course, as always have a great day.