This website uses cookies. You can read more about what we do with them, read our privacy policy.
Lesson 1: Lines, Ellipses and Boxes
Rotated Boxes
This is going to be the first major exposure to something I do sometimes with my lesson's exercises: assigning tasks that are not necessarily going to be within your current ability to complete. To put it simply: these are probably going to be too hard for you. But that doesn't matter - you should still do them.
All I ask is that you complete the exercise - not perfectly, not even well. Just finish it to the best of your current ability. I ask for nothing more than that.
Our goal
Our goal with this exercise is to construct a series of "boxes" - you'll see why that's in quotation marks shortly - arranged around a central point in three dimensional space. The result will be kind of like a sphere, but made up of boxes. There are two key points to clarify about this before we actually get into how to approach the exercise.
Not really boxes
The first of these points is that what we're working with aren't boxes - at least, they're not the normal "rectilinear" boxes we know and love, where all the planes connect at perpendicular angles to one another.
As shown at the top of this diagram, if we were to use regular boxes, we can fit the boxes snugly together in the back, but they'll end up with huge gaps between them in the front. Having everything fitting together snugly is important to the purpose of this exercise, so that unfortunately won't work for us.
Instead, we use boxes that are tapered - the back face is physically smaller than the end closer to the viewer.
Fortunately, this changes nothing about the difficulty of the exercise - it's something that in the past I didn't bother to explain, because it doesn't actually impact how the exercise is performed. There were however some students who picked up on this issue, so this explanation is to reassure them that there's no need to worry.
Not curvilinear perspective
Another issue some students run into is that they'll see the final result we're aiming for, and based on that alone, assume that we're working in curvilinear, or 4/5 point perspective. Most of you won't know what that is (which is fine), but there are some who will know just enough about it to think it applies here. It doesn't.
Curvilinear perspective exists in a very different category from 1/2/3 point perspective, and has completely different goals. We're not going to get into it here, beyond saying very clearly: that's not how this exercise is done.
Draw your axes
To start the exercise, using a ruler we draw a horizontal and vertical axis in the middle of our page.
The horizontal line should be familiar. It will serve as our horizon line, along which vanishing points move when the a box at its center is rotated along its vertical axis.
The vertical line serves the same kind of purpose, except for the vertical vanishing point, as a box at the center gets tilted up or down.
Place a square in the center
Next, draw a square centered on the middle of the two axes, once again using your ruler. This will represent the front face of the box in the middle of our set, and we'll be using this box (which will be finished up a few steps later) as a source of information to help us construct the boxes we'll construct around it.
Place another square at the end of each axis
One problem we encountered a lot in the past was that students often found it difficult to judge just how much they should rotate each box as they radiate out from the center. This step serves to help address this problem.
Place another square (again, with your ruler) - smaller than the central one - beyond the end of each axis.
These squares are just going to be left as squares - unlike the central one, which we'll develop into a complete 3D form next, those squares are only meant to serve as reminders as to the fact that we're rotating our boxes across a full 180 degree arc. By being able to see these representations of the side planes of fully rotated boxes that would be in those positions - but if we worried about also constructing them as full boxes, we'd be making the exercise more complex, rather than helping the student to achieve the core goal more effectively.
Draw the rest of the central box
Put your ruler aside, as we won't be needing it for the remainder of this exercise.
Using the ghosting method, draw the rest of the central box by placing a smaller square inside the outer one. Its size beyond being smaller doesn't really matter, but you can't go wrong with making it half as big.
Then connect the corners of the larger square to those on the smaller square with diagonal lines to complete the box.
Draw a neighbouring plane
So far the instructions for this exercise have been pretty straight forward, just drawing squares, lines, and a box in a fairly familiar configuration. Now, things will get a little more interesting.
Pick a side of the central box, and on that side, draw a single plane. You're essentially going to take the central box's side plane and copy it, moving it slightly away. You can keep your lines all parallel to the original (so this plane's top edge would for example run parallel to the corresponding top edge on the central box's side).
While this slight bit of space between the plane and the original box would technically result in convergence rather than lines that are parallel on the page, we're taking advantage of the fact that the distance is so small, and that the convergence would be so minor, that it's not really going to be noticeable at all.
In other words, it's close enough to correct, and we're taking advantage of that fact.
Estimating rotation
Where the side plane had the benefit of being "close enough" so that we could essentially copy the corresponding plane on the original box, the opposite plane on our new box has no such advantages. So, let's take a break and watch this video explaining the mechanics of how we might estimate the changes of the plane and its corners' positions as it is rotated in space, and pushed over to the side.
Draw the remainder of the box
In essence what we have to do here is take each corner of our plane and think about what is going to happen to it as it is rotated and pushed over to the side, to find the opposite plane of the box.
We know the following:
-
The lines representing the top/bottom edges of the box's front face will be shorter than those same lines on the central box, given that our box is going to be slanting away from the viewer.
-
Because we're transitioning from those top/bottom lines converging to an infinite vanishing point to a concrete vanishing point (meaning those top/bottom lines will start converging), this means that as we transpose our corners from one side to the other, they're also going to move closer to the horizontal axis.
Keeping these in mind, in my example I took each corner and moved it over by a distance less than the length of the original box's top/bottom edges, and moved them closer to the horizon line by a small amount.
With these front corners positioned, we need only place the back two, but for these we can think of them in relation both to the back-left corners, as well as in relation to the front-right ones we just placed. While it can be a little challenging at first to balance all of these different relationships at the same time, having more points of reference does help us make better estimations.
Using the same considerations as above, and keeping these points of reference in mind, place the remaining back corners. With all of your corners placed, using the ghosting method, connect your corners to one another to build out the rest of the box.
Repeat the process
Do the same thing all over again, but this time for a box above or below the central one. If for whatever reason you have trouble translating the instructions thus far (which were largely related to adding a box to the right side), here's a trick! You can just... rotate the page. And all of a sudden, you're drawing the same box all over again!
Magic!
Draw the rest of the boxes
While the video at the top of this page gets into tackling the corner boxes a little more, at the end of the day it's still largely applying the same concepts, the same considerations, and relying on the available points (and lines!) of reference.
So, construct the rest of the boxes, so you've got two on either side of the central box on each major axis, then filling in the quadrants that remain. Anything that directly neighbours a box you've already constructed, be sure to take advantage of it by keeping your gaps tight and consistent.
Line weight
You'll also note that in the example from the previous step, I added tight, consistent hatching on select planes of my boxes. This is one useful way to help clear up confusion over the many lines at play.
Another tool we can use to achieve that is line weight, which helps to clarify when an edge should be interpreted as being physically in front of another. As explained in this video, though line weight can be used in a wide variety of ways in general, for your work in this course we want you to limit it to only the localized areas where overlaps between lines occur, to help clarify them.
The purpose of this exercise
This exercise removes the direct consideration of vanishing points, and brings our attention back to the things we're actually drawing, which exist within the page or canvas we're working on. In other words, it helps us focus more on the lines and how they converge on the flat page, instead of always having to go back to a vanishing point for everything. We learn to pay attention to neighbouring edges, and to identify such key points that we can use to our advantage.
This is incredibly important when doing our own work, for the simple reason that if you're constantly trying to find whichever vanishing point you need to be paying attention to at any given time, your brain is going to be dropping in and out of (or more accurately, never actually slipping into) the flow state where you really make your best creative decisions. Your focus should absolutely not be on how the lines that need to be drawn get drawn - you need to be focusing on what it is you want to convey on the page, what it is you're actually trying to draw.
I've mentioned this before, and I'll probably mention it a lot more throughout the course - Drawabox is all about forcing students to think hyper-consciously about how they're approaching every mark they make, so that outside of the course, you don't have to think about it at all. We fuss over every last little thing here, so that when you're drawing your own work, you can rely on your instincts with confidence, and focus only on what it is you wish to draw.
Mistake: Not actually rotating
The most common mistake I see is that students confuse the natural convergences of perspective with rotation. As you can see here, the corresponding edges of these boxes are all converging towards roughly the same vanishing point.
By the rules of perspective, this means that they're not rotated relative to one another, because their vanishing points have not moved.
This often is seen together with students stretching the boxes into the distance, as though this is the way their brain is fighting against the rotation, in its desire to keep things nice and gridlocked.
Mistake: Not drawing through boxes
Drawing through boxes helps us to understand how those forms sit in 3D space, and how they relate to other forms that are present. That understanding of space is something that develops slowly, and we can work on it by exploring it in this manner.
If you do this exercise without drawing through your forms, you're going to end up missing on a great deal. It may look a lot cleaner, but it'll be worth a lot less in terms of what you get out of it.
Example homework
For once, I'm not going to say that this is what your work should look like when you're done - because in all likelihood, it won't. If it doesn't, I don't want you to fuss over it - as long as you've completed it and drawn each and every box and made an attempt to achieve a full range of rotation on each axis, then move onto the next exercise.
A lot of students get really hung up on the idea of "oh no I couldn't get it right," and the frequent reminders that you're not expected to. Please don't do that. Accept that this course is full of exercises that you aren't expected to get right, and simply follow the instructions of moving on when you're supposed to. Don't grind, and always rely on the assessment of neutral third parties to tell you whether or not you should redo work, rather than deciding that for yourself.
Rapid Viz
Rapid Viz is a book after mine own heart, and exists very much in the same spirit of the concepts that inspired Drawabox. It's all about getting your ideas down on the page, doing so quickly and clearly, so as to communicate them to others. These skills are not only critical in design, but also in the myriad of technical and STEM fields that can really benefit from having someone who can facilitate getting one person's idea across to another.
Where Drawabox focuses on developing underlying spatial thinking skills to help facilitate that kind of communication, Rapid Viz's quick and dirty approach can help students loosen up and really move past the irrelevant matters of being "perfect" or "correct", and focus instead on getting your ideas from your brain, onto the page, and into someone else's brain as efficiently as possible.