Space...The Vector Frontier... or 'perspective with Illustrator 9.0'
by Merekat
Continued.

Step Eleven: Where your green vanishing point meets the left first wall line, that's where you will put your second blue vanishing line. Now you have both seams where the wall meets the ceiling. Don't forget to lock off anything you're not using. You don't need more trouble with lines than you're going to get at this point.

Step Twelve:

Where your blue lines are crossing your purple wall lines, that is where you put the final two green vanishing points for the ceiling lines. See below. Believe it or not, you have your corridor all mapped out. ;}

Step Thirteen:

Now at this point, all those lines can get confusing. So for sanity purposes, Make some shapes that align with the three corridor segments as you see I've done here. Outline them in black and fill them white so they can visually hide a bit of the confusing lines. This may help you navigate the further steps a little easier.

Step Forteen:

Create another layer. Okay, I briefly took Chaos' picture and traced a shape similar to what she's using as wall columns to separate the corridor sections. I put it off at the corner of my work to keep it out of the way. I'll leave a copy of it there so that I have access to the original shape throughout the project.

Step Fifteen:

Copy and paste another of that shape into your layer. Holding down the shift key, use your black arrow on the bounding box's corner to shrink the shape in scale. If you do not hold down the shift key, the shape will be misformed. We want it to stay the same shape for now. Place it so the top inside edge lines up with the third wall corridor segment as shown. I know the bottom hangs over into the floorspace, but if you look at the original drawing, you can see the details do indeed hang like that. Besides, who said everything has to line up in a corner?

Step Sixteen:

Since we are using perspective, all of the edges of the shape need to line up with your vanishing lines on all sides. In the current placement of the shape, the vanishing lines do not progress too extreme, therefore you can line up most of the shape by just usingthe shear tool. It is in the tools pallet 7th down on the left, but you might have it hidden behind the mirror tool. If this is the case, just hold that tool down with a click, and another small window will pop up for you to select the shear tool.

Using the shear tool, grab a part of the line on the right and CAREFULLY move the edge while holding with your mouse. This tool needs a careful hand if you want to make gentle movements. It can get out of hand quickly if you move too much. For added control, it might help to hold your shift key down at the same time. Remember, we dont want to widen the shape, just skew it. Try to make the right side line up with the wall vanishing line. I used the second column's purple line not because that's the line to use but because it's in the right location. For the second column, you will be creating another line for the back to rest against.

Since the lines of the top and bottom of the shape are so close, it's okay to fudge here. Use your empty arrow (upper right) and click on the upper rightmost shape node, dragging it down slightly so that it aligns where the purple and green lines meet (see next step). Do the same for the bottom node.

If for some reason your arrow tool isn't grabbing just the node and it wants to grab the whole shape or a line (be careful about that), try holding down your control/command and shift key when you click. Your goal here is to make the node a different color than the other nodes of the shape. If the shape's nodes are black, you want the ONE node you're selecting to be white. If they are white, then that ONE node needs to be black. With practice you'll understand better how Illustrator likes to think. It was frustrating for me too.

Step Seventeen:

As you can see, we finished with the far column detail, filled it with black and copy/pasted another from our original for the next column. Do the same with this column as you did with the last. Note that when you scale an object, the point size of the outline is scaled too. To keep everything consistant, you might want to go to your pallet and choose the stroke tab and make all of the lines 1pt. thick. Otherwise they'll end up varied like the columns you see below.

As you can see, I put up a secondary light blue line to align the back of the shape. Just copy and paste-in-front another purple line and change it's color to light blue so it's easily distinguishable between your wall lines.

Step Eighteen:

Okay, the third column is going to be tricky. It would be much easier to do this in Photoshop, but we will need to use other means to complete this shape. Copy and paste your third column. Here you should add another dark blue vanishing point line through the upper right corners of the column shapes. Unfortunately, I didn't do this until step 21. Put that line in first and then add your light blue support line where the dark blue and green lines intersect.

Skew with your shear tool the shape until it matches your light blue wall vertical.

Step Ninteen:

For the rest of the skew, as it is more complex than the previous columns, we will need to use a feature of Illustrator called "free distort". Select your column shape you wish to distort and go up to Effects>Distort & Transform>Free Distort. A window like so will pop up showing a small graphic of your shape. Here's the trickly part. You have to guess the angles to which you need to distort your shape. And there is not much of a second try (I'll explain that soon). Making sure the vertical sides remain vertical (you already skewed using your shear tool, remember?) make your best guess at the angles the top and bottom need to do to match your green vanishing lines. Click okay, and see how close you were.

If you need to tweak it, go into your Object pallet where it will list your free distort as part of the color and stroke color list for that shape. Double-click on the line of that pallet that says "free distort" and you will see the same window pop up as last time. Move it slightly and try again. This is going to be kinda tricky, though, as if the free distort becomes too extreme, the line showing where the nodes are will not line up where the object lines will be. Yes, I know that is confusing. Check step twenty-one and you'll see what I mean.

Step Twenty:

With all of your columns in place, copy and paste-in-front one of your dark blue vanishing lines and color it orange. Swing the orange line so that it lines up with bottoms of your column details at the 'feet'. As you can see, my last column strayed a little. This is part of the side-effects of the distort method. You'll have to use your empty arrow, select the node at the tip and tweak it back into place. It's okay. No one will be able to tell. ;}

Page One

Page Two

Page Three

All pictures and content of this site are copyright 2005 Kristen Perry.
No reproduction, distribution or public display allowed
without written consent by Kristen Perry.