|
Space...The Vector Frontier... or 'perspective with Illustrator 9.0'
by Merekat |
||
| Perspective. Sure, I showed you how to do perspective by hand using the Haedler ruler, but lately I've been taking to Adobe Illustrator 9.0 to layout my perspective for the sheer versatility and well... relative speed. I say relative because I tend to change my mind a lot while working on things, so having a program move all the vanishing points at once to another location is speed far beyond redrawing by hand. I'm not teaching specifically how to use Illustrator. There are books and manuals for that. This is for people with a rudimentary working knowledge of the program and is purely for perspective techniques. Now, this is a lengthy tutorial. Three pages worth, in fact. 30 Steps. So sit back, have a cup a tea and get comfortable. Class is in session. ;} |
||
| Step One: | Whell! Here we are. Step one. I started this piece based on a friend of mine from the Megatokyo art forums. She is exceptionally good at characters and clothing in the anime style, and I routinely look to her work for inspiration in costume designs. Look for her site soon in my links page for details. However, she had been getting flack from drawing little to no background details in her work. So one day, she drew a spaceship corridor with her characters in place. Well, the perspective needed some attention as she's never been formally taught. So here is the lesson, based on the ship interior she drew. This is her original sketch so that you might see where we're going with this. She did her work in 1-point perspective, essentially. For the purposes of this tutorial, I'm teaching 3-point perspective so that a broader scope of applications might be available from the information. ![]() Below you'll see my beginning steps for this artwork. I just have an 8.5"x11" document where I have placed a square for a bit of a viewing area frame. On that I have put my vertical and horizontal line that will become the foundation for all my vanishing points.
|
|
| Step Two: |
This is the start of our first vanishing point. I could have placed it on the center, but I wanted to demonstrate that the vanishing point does not have to align with the vertical horizon. For this, grab your pen tool (below the left lasso you see on the tools pallet) and point one point on the horizon. For this line, I am going to create one of the lines of the floor. This line can be the corner of where the floor meets the right wall. For ease, lock down the unused layers by clicking on the empty box in the layer of the pallet. Since we will not be needing the square or horizon lines to ever move, they might as well be out of the way so you do not accidently select them when this page is filled with lines.
|
|
| Step Three: |
Now we're going to create the other side so that the sections of corridor can be marked out in perspective. This is the start where we create the measurements to make the equal sections of corridor stay equal, yet seem to progress into the distance. Visually, create another 'floor line' where you want the left side of the room's floor/wall to meet. Here is where one of the key techniques I utilize comes in very handy. To keep the lines all spreading from the exact same point, select the line with the black arrow and hit control+c (Windows) or command+c (Macintosh) to copy the line. Then hit control+f (Windows) or command+f (Macintosh) to 'paste in front' directly atop the previous line. If you had merely copy and pasted from the edit menu, the line would have appeared in the center of the screen and not directly on top of the old one.
|
|
| Step Four: |
Now we're going to place our second vanishing point on the horizon line. Typically, an object has two vanishing points on a horizon line, but to maintain realism, they need to visually be about 9 feet away from each other (this is where our periphrial vision typically ends). We're going to simulate that distance artifically. The closer your vanishing points are to each other, the more skewed the room or object will look.
|
|
| Step Five: |
Now on another layer, make a line for your other vanishing point as you did for the first one. Make it a good amount of distance away, but don't get too crazy. You do need to still work with your document. ;} Put the line so it will cross your frame area (the square) about where the end of the nearest space corridor segment will go. Reference Chaos' original pic above if you need to visualize this area a bit better.
|
|
| Step Six: |
Now that you have the first part of the corridor segment, you must decide where the end of that segment will go. Copy and past in front another green line to the point where the end of the corridor segment will be (in this case, where that wall column will go... see the pic at the beginning). CAUTION: When your vanishing points become this far away, it is very easy to mis-select the node and just select the whole line. An easy way to check this (and I would do this VERY often... even pros mess this up somewhere along the line... no pun intended ;} hehe) is when you are dragging the node, swing it momentarily above your horizon line. If the line starts to change its angle, you've selected just the node. If it continues to run parallel to the previous line, then you have the entire line selected. Be very careful about this. It can happen. Trust me.
|
|
| Step Seven: |
Okay, I know there are only three columns where the corridor segments are on her drawing, but I want the back wall of the hallway to be drawn too. AND I want that back hallway to be exactly two corridor segments long. So, for that, continue measuring out your lines until you have five green lines. Nearest to farthest, 15, the first three lines are your corridors. The two farthest are your hallway with that forth line being just a guide.
|
|
| Step Eight: |
For three-point perspective, there must be a third vanishing point. Since I want the room to look slightly from the ceiling down, or birds-eye, I need to make my vanishing point on the vertical horizon at the bottom. Remember, the nearer your vanishing point, the more extreme the perspective. I want just a slight perspective, so my vertical vanishing point has to be WAAAAAAAAY down there.
|
|
| Step Nine: |
Okay, see how the wall verticals intersect the floor vanishing lines? Good. For the three corridor segments, put three wall verticals that intersect as shown on both sides of the floor.
|
|
| Step Ten: |
Now that we have our walls in place, we're making the lines for the ceiling. For this, copy and paste-in-front another blue vanishing point so that where the new blue vanishing point intersects the wall lines, that intersection will be the height of your room. And where the blue and purple lines intersect, that's where you put your green vanishing line. See how the line should mirror the bottom lines in angle? This assures that all the lines vanish to ONE point. If they were parallel, you've missed a line and need to fix it. Otherwise, just zoom out or scroll until you can see your vanishing point and all lines ending on it.
|
|
| Page One | ||
|
||