Hello guys, and welcome to this module on 3D Isometric Designs in Adobe Illustrator.
Now, in the last module we learned about reads, write, and then we created four types of grids.
We created a rectangular grids, pull out grids, hexagonal grids and isometric grids.
Now, in this module, we're going to pick out isometric grids and then work on them in details.
And we're going to be dealing with 3D.
Now we're going to create 3D designs from our isometric grids.
And we kind of looked at a basic of what this is all about from the last module where we created a 3D
shape of simple 3D ship from an isolated grid, and we compared it with a shape which we actually applied
a 3D effect on, and we saw that it just was the same thing.
So we will learn how to create the grid.
And we learned a whole lot of things.
Now in this lecture, we're going to take it a little bit deeper.
We're going to learn more.
We're going to create more 3D ships in isometric.
We're also going to compare some of those ships with the traditional 3D effect in Adobe Illustrator.
And we are kind of going to learn other things like creating circles or ellipses in 3D.
Isometric Okay.
Now, in order to start, I'm going to create a new project with a common preset, and we're just going
to start by creating a grid.
We're going to refresh our minds by creating our grid or isometric grid.
So we come to our rectangular grid.
Remember, there are two ways we can do this.
You can do this by starting with a line and a line and then blending them.
We can also start this with our rectangular grid.
So click on the rectangular grid to the width of 100 500 pixels.
And now, in order to create this one, we want vertical dividers, but we do not want horizontal dividers.
So for these vertical dividers, let's make them let's make them 25.
Okay, let's begin 25 and for vertical dividers, we want them at zero, we want Q to be zero and okay,
now when we drag, we can now see our ship created, now we can centralize it or align it to the middle
and select your grid, right click transform and we'll it.
Now we have to rotate this by 60 degrees, Okay?
So copy.
And then we have to reflect the rotated version.
So transform and reflect and we have to reflect this by 90 degrees.
Okay, so 90 degrees and then copy.
Now we then need to bring the car in the middle.
Okay?
We then need to make sure it's aligned in the middle like this.
Okay.
Now you can see that this is perfect one, so we don't need to do any further thing.
One last thing we could do is select everything with the properties.
Just go to your Pathfinder and divide G, and from now on we can just basically delete the needed part
by dragging.
So this is a group, so we have to go into the group drag and delete truck and lead truck dragging.
So we're just going to go a little bit further, further into the ship to delete more of those unwanted
parts.
Okay.
So it's this one truck I think we kind of deleted a little bit too much.
Let's onto for now and just try to take it little by little.
Okay.
So I think we are we have deleted quite much.
Let's just delete this one.
And yeah, so with this now we have our isometric grid.
So we can just go out of the group and now scale it up.
And now we have our isometric grid aligning it to the middle, maybe resize our artboard.
Like this.
And right here, we guys, we can start creating our stuff with our newly created grid.
Now we're just going to select the grid and just give it a stroke of 0.5 and create a new layer.
Lock this layer and we can start working on our new layer while using our grid.
All right.
So from the last video, we created a shape like this, a simple cube with isometric projections.
Okay.
So something just like this.
And we specified how the shading should be, even comparing it with the 3D effect.
And we saw that the 3D effect gave us a similar shading with what we created here in isometric.
Okay.
And of course we are to properly position the direction of light on the 3D cube, making it similar
to the direction of light we are proposing here in order to achieve the same kind of shading.
All right.
So of course, we said light was coming from the front and coming towards towards this this direction.
So when I just move this guys here.
G.
This was the illusion.
So the light was coming from this angle.
He was coming from this angle Like this.
It was coming like this.
And then this will definitely be the darkest place.
So isometric projection enables us to see once again three or three points, right?
So this top and this side and this side.
And let me just illustrate this again with our 3D effect.
So just remove the stroke.
Now, everyone just shook on this ship to so we.
Kill them.
Just give it.
Let me just give you this color and then give it a 3D effect and then come and choose the isometric
top projection here.
And right away, guys, we can see that the effect of light is kind of similar to what we have here.
If we maybe sample this color, this color, let's see this color and then immediately see that we are
achieving something very close to what we have here.
And of course, we can do more work on the lighting to make it more perfect.
Okay.
So we'll definitely agree that this is better.
So that's it, guys, for this example.
And we are going to look at even more examples.
Day, we are going to create more complex shapes.
So let's create a more complex shape.
Okay, so let's have this.
And this is so that we see how we create the isometric projection for that shape or for this shape I'm
drawing.
To give it the stroke so as to see what's happening here.
So this is meant to be a more complex shape.
Okay.
And turning this into an isometric.
CD will be very simple.
You just have something like this and give it a brighter sheet of the color.
And then we work our way to this point.
It could be a little bit darker.
You know, generally we want this part to be darker than all the others.
Maybe like this.
And basically, we just keep building up like this.
Okay.
Now, in this one, we have the same color as this one, because this is the top.
You have to understand, this is the top.
This is the first side and this is the other side, the key.
So the shading has to be even across all sides.
So we have to create the pot separately.
So this one will have this shading.
And this big part here, you have this shading.
This other one.
We'll have have this -- done.
And then for this one, I just have something like this.
And like this.
Like this.
And like this.
And then for this one, we give it.
Of course.
This --, right?
Didn't for this one.
We think we need to give.
Okay.
We need to give this guy this -- and actually this -- in.
And if we were to apply shadows who definitely have probably some shadow casting on this on this part
here, but we don't have shadows for this example.
And you see how we've been able to come up with the 3D of this guy that's using, of course, the isometric
grid, which we just created.
Right?
So if we were to create this guy in 3D and use the 3D effect to still come up with something very similar
to this, something as exact as this.
Okay.
So the possibilities of this grid is very limitless.
And like I said again before, we do not just use this for only 3D like we saw in the other example,
I created a 2D logo with this same thing and we saw one of the examples on Pinterest.
Right.
So that's it, guys.
And there is one other thing I would want us to cover before we end this video, and that's learning
about isometric circles.
So if we were to create an ellipse in isometric projection, how would how will it be working?
So we know that this is an ellipse, but if we were to if we wanted to create an ellipse in isometric
projection, this will not solve because based on the rules of isometric, of isometric, rather we
want the surfaces or the edges of the circle or of the ellipse, the edge of the ellipse.
We wanted to touch.
One, two, three, four.
So all the four points or all the four edges of this or this guy, all the four edges.
So that's this edge, this edge, this edge and this edge, the physics of of the circle has to touch
them or the edge of the circle, rather.
I just keep mixing these terms, The edge of the circle or the ellipse has to touch them.
So if we just maybe expand this one now, we can see that it's not touching them perfectly because it
has to touch them at the middle, the middle or the middle.
So one way of doing this might be to maybe manually say, we want to see if we want to possibly adjust
it like this, like this, and just draw it like this.
Okay, So this would work here.
This would work is basically touching.
So this would work.
So this would be one way of creating this.
This might not be as accurate as the second way, because there might be some errors, some parts might
be touching and so on and so forth.
Okay.
This a more complex approach to it, a more easier approach to it would be to first of all, create.
Oh, a square like this.
Just like what you would create if you were going to create a cube, right?
So you have to create this key and make sure, of course, you are touching all of this vertices.
All of these vertices.
All right.
You have to touch all of them.
This.
And then the next thing we will do is to come to effect and come to stylize and come to round corners.
So and we have to honor our preview and then just start increasing the size.
Immediately, you see, we will start from from something like this and gradually, gradually increase
it and to the point where it no longer curves.
Right.
And then we just hit.
Okay.
Now you can see that it has perfectly touched all of these edges, perfectly touch all of these edges.
And that would be the perfect way to create an ellipse or a cylinder using isometric projection.
So this is an ellipse if we want if we wanted a cylinder, we just need to bring it down like this maybe
to the next place.
And then we have a few more adjustments we need to make.
Maybe we just change this color and send to the buck G and make a cylinder.
We would want to just come and create -- lines like this.
Like this.
And like this.
Like.
And this two ships here now, this one, this ellipse here and this new one have to be the same ships
to sell the both of them.
And
we actually have to expand this first.
You know, we applied an effect to it.
We actually have to expand it for everything to shoot to take effect.
Right.
So go to objects and expand the parent.
Click object.
Expand parent.
Okay.
So now we have the whole effect applied.
And when we select our ship right now, the little ship and just unite them, we now have it like this.
Just make sure everything here is touching.
Okay, now we can bring this guy to the front or the front, and we see that we now have an ellipse.
Now, the easiest thing to do now is just apply a gradient to the shape here, because this will be
a curved surface and it's impossible to have it as a flat color because light has to be coming from
one direction.
So if it's coming from this direction, this place would be lighter than this place.
And if light is coming from this direction, this would be lighter than this place.
So one place has to be lighter and one place has to be darker.
So I'm just going to give the darker place this color and basically let just give the both places the
same color and just try to add this out.
Brilliant afterwards.
So I'm going to make this one brighter.
And just I'm holding down shift and just trying to brighten up the color like this.
And right away we can see that we've now achieved this curved illusion here.
So this is how to create a curved shape with isometric in Adobe Illustrator.
Could we do the size?
Maybe even group them with G.
Keep going up and.
Nope, nope, nope.
The size and keep going up and up and up.
Just like this.
Perfect.
Look, you guys should all it for this video.
It's not meant to be a long one.
So in the next videos, we'll be diving deeper, and in the process, we'll be creating some really
amazing designs.
Isometric designs in Adobe Illustrator with what we've learned so far.
Hey, guys.
That'll be it for this one.
And see you in the next one.