Isometric Grid Photoshop | Photoshop Tutorial | How To Create An Isometric Grid In Photoshop

Anything Pixels

Subscribe Here





Photoshop Tutorial | How To Create An Isometric Grid In Photoshop


Hi, welcome to another tutorial with me in my name is. Ivan, sorry, I haven’t been bringing out many tutorials lately. I’ve just been quite busy with my my work and everything else in this tutorial. I’m going to show you how to create whatnot in this tutorial. This is the first thing what? I’m going to do a series of tutorials on how to create this, and the first thing we need to do is create our grid. It’s called an isometric grid, so lets. Just show you how to do. Is that first of all? So you want to create a new document and you want it to be 25 by 25 pixels, which I’ve just got over here and resolution. I’ll just keep mine at 300 RGB and a white background, anything divisible by 25 So if you want your document to be 1000 just make sure it’s divisible by 25 or 1250 It’s entirely your choice. I guess I’m going to create the document here as you can see, it’s quite well. I’m going to press Ctrl + 0 to zoom right in, and I’m going to get my brush tool and I want to make that size to 2 pixels and hit enter. So you can see there. It’s just over there, so we just want to create. Make sure your your foreground is black and just click your holding shift and go all the way down if it does darken like that. Just keep going over just to actually. I’ve done mush wrong. Let’s delete that Ctrl + Z. Which is a pencil tool? Sorry about that, which you can find just in there. B, it’s just under brush tool. That’s much better and you want your hardness to be 100% okay, so when I make an L shape Sol Downshift and bring it all the way down and the same going that way. So now we’ve created the first part of the grid you’d want to go to edit and define pattern and you can name it what you want, let’s say. ISO metric grid. I’m going to name this one. I already have a few down because I’ve been playing around with these quite a bit lately. Alright, so once you’ve done that close the documents, you don’t have to say, but if you don’t wish and create a new document so like. I said before I’m going to work on a thousand by a thousand pixels and hit create. So there’s your the actual workspace that you’re going to be working on. Click on the the lock to unlock your background layer and you want to double Click on the layer and go to pattern overlay. Yep, see. I’ve already got mine adjusted there, but you’ll find it in the drop down menu over here. One that you create it and hit. OK, now what we want to do. We want to zoom out a little bit and go to a move tool. You can either Click that yet or click. V holding down shift. Just move it to the right a little bit and ctrl J to duplicate the layer and the top layer You’ve just created. You want to just drag it, so it hooks up to the other one there we go probably thinking oil. What’s this guy doing? But you’ll soon find out, OK? Select your two layers you’ve just created and press Ctrl + E to merge them, and now you want to drag them up, so ctrl J to duplicate the layer and you can press up, you’re done if push Ctrl P. I’m not gonna and just drag it up. OK, just so matches like that, and you want to bring it to the center, but let’s major truce. Sorry, merged it and you want to. Haha, you don’t want to sorry Ctrl +. T there we go now. We can see the bounding box and centered, so you want to move it to 45 degrees? You need to do it like that and you can see. The little cursor changes to 45 If you can’t get a precise, you can see up here and change to 45 over there and hit. Enter okay once. You’ve done that, just you. Have you have to click the ticket or press your turn before you do this part of us. It doesn’t work and press ctrl key again, and now you can see. It’s a square box, so I’m just going to pull this one down to about there for the moment, so I can see it. Keep it centered, and now you want to zoom in and what I want to do. Now, That depends I’m just going to and click the tick. There depends what angle you want. You’re an isometric grid to be it if you want it to be at 30 or 20 for this tutorial. I’m going to do that 20 for that volcano that I showed you. So you want to get your line tool? I’m just going to zoom in a bit more over here and just click and drag and you can see. They are chose you the angle, so I’m going to bring it all the way down to 20 control. Sit there all the way down to 20 there we go, okay, so that’s 20 and you just come up a little bit. So now you want to go back to your grid and press Ctrl +? T again, so you want those lines to pretty much match? Your it’s going to pull it up now. You know why we we actually extended it because it ends up being quite big, so we want it to be one more there we go, so let’s zoom in, let me just hit there. Enter with a kicky there you go, so that’s that’s pretty much along that line there, and that’s at 20 degrees, so this ctrl + 0 to zoom out again. We can hide that so you can actually delete that if you want and one thing. I forgot to do is create a new layer. Just drag it under your grid and fill it with white, so we want to go to your paint bucket tool, press X to swap your foreground and background, if there are if they’re not press D and then X and makes your foreground, color white and just fill it in and then it’s just for when you reduce opacity, it doesn’t get mixed up with the boxes it back. Okay, so we go to our grid and reduce our pasty. Some more looks not so much and we can drag it up. Go to the move tool. And we just drag it up to keep it centered. Okay, so that was the first part of this tutorial sequence so. I hope you found this helpful. Hopefully can use it in a few other things, and I look forward to teaching you how to do the volcano picture. It’s going to be quite cool. Please don’t forget to like a the video and subscribe to the channel. I have many more to come and you can keep up to date with things. I release, okay. I’ll see you in the next tutorial. Thank you very much.