How to Create Isometric Objects in Adobe Illustrator CC

Hey guys, Jeremy here and today I'm going to show you how to create isometric objects in Illustrator CC. Pretty much what an isometric object is, is creating the illusion of a 2D object and making the illusion that it's in a 3D perspective. So first off, this is the algorithm that we have to use. I've put it in text just here on the screen so you can see what to do. We're going to have to scale and then she and then rotate the three planes which is the left, the top and the right plane which is what you need to create the shapes in the right perspective. So I'm going to do the first box, I'm going to go to the scale tool, double click that. We're going to go to non-uniform and then go to vertical, type in 86.602%. So that's pretty much the mathematical equation or percentage that we need to do to make it the correct parameters. So then we're going to go to she and we're going to minus 30 and then you can go to the rotate tool which is the next to it or you press R and then double click that. You go minus 30 and then now we're going to go to the top one, go to the scale tool again and the thing is already there again so go okay and then we're going to go to she, double click. This one's just going to be positive 30 and then we're going to rotate this one negative 30. So then we're going to go to the right side, once again, scale tool, it's already there so just press okay. We're going to go to the she tool and that's just going to be plus 30 and then rotate again and it's going to be plus 30. So now as you can see, I've got the, I'm zooming in a bit, we've got the 3 planes, the left top and the bottom. You can see as it's created, I'm just going to zoom in a bit and grab these anchor points and connect it. You can see what we've done. So make sure your smartguards are turned on, press ctrl U as a shortcut and I'll turn smartguards on. And now as you see, we've got these 3 planes, the left, the top and the right. Now you can see that it's in perspective. So if I just color these to make a difference and now you can see it looks like a 3D cube which is pretty awesome. It's pretty much that simple. I like working with cubes, it's easy but you can also create ellipses, you can create pyramids and I'm going to show you a few examples in the next pages but yeah, that's pretty much how you do it. And I'm just going to show you what I've done. So I've created these blocks. The best thing to do is always start in a 2D plane. As you can see, I've got these 3 boxes up here above the cube. If you're doing like a detail, if you want to add more detail, it's best to do it when it's flat and then after that, then you use the tools that we did before. The best thing to do is create actions. If you see on the right here, I've created actions for the isometric planes, the left, the right and the top and I'll show that in how to create actions in another video and then usually what I can do, I can just click these and then if I click the action button, it automatically does it. I'll quickly show you now. So it makes it really fast instead of doing the whole process that we did before. And now you can see, it's sort of like a Minecraft cube and then you can change the colours and what not, which is pretty cool. So that's how I made that one and then I did another example here. It's just like, you know, stone and it's cracked like a rock. Pretty awesome. I've done an example of an isometric seam, it's like a floating house using the cubes that I used before. You know, put a little sign, it's a cute little house so yeah, you can do things like this. You can play around, experiment, you can create a lot of interesting things. Then here's a few other examples I've done. I made a little tent, you can use stars, so you can use triangles and cylinders, see how it fits in that isometric plane. It may look off because it's like an organic shape sort of thing but it does work. Even though sometimes you may create objects that look a bit weird, it will still look okay if it's, you know, in the right position and that sort of thing. Here's another example of a sign, you know, if your client wants like a mock-up or that type of thing, you can do mock-ups in the 3D perspective which is really cool, they'll really like it because it'll put it in context but depending on the project, you know, if it's an illustration project or something like that. So that's another cool way how to do that. But yeah, pretty much, thanks guys for listening. I would love if you guys could subscribe for more videos and I'll catch you in the next video. See you guys.