Wave Laptop Stand (Making 3D Shapes in Illustrator)

by nagutron in Circuits > Computers

235518 Views, 584 Favorites, 0 Comments

Wave Laptop Stand (Making 3D Shapes in Illustrator)

SNC10714.JPG
SNC10721.JPG
old stand.jpg
I wanted a nicer laptop stand. I wanted to to make something with a beautiful, organic form. And I work at Instructables, so I have access to an awesome Epilog laser cutter.

The shape that you see in the images below is the result. I'm pretty happy with it; it's really pleasing to the eye, and is a very stable platform for my Macbook (though it should work for most laptops 12" or wider.)

The third picture on this step is my old laptop stand, which will give you an idea of why I wanted to make a nicer one (yes, it's a piece of plywood on four coffee tins.) The new stand has a number of benefits. It:

  • Raises the screen up higher, closer to an ideal height for my eyes (and putting the webcam at a more natural angle.)
  • Tilts the body down, for easier touchpad and keyboard use, for the occasional times when I type on the laptop in its stand.
  • Makes the desk feel less cluttered.
  • Mirrors the form of my ergonomic keyboard.

This instructable has details on how this particular laptop stand was designed and constructed, but I've also included some useful information on how to design a 3D, slot-fit object in general. My approach was slow, since I opted to use a 2D vector drawing tool to design the whole thing. I'm very interested to see if any readers know how something like this might be created in a 3D CAD program.

Brainstorming and Initial Design

0306090001.jpg
I had a vague idea of what I wanted. Waves, maybe; the intersection of two waves travelling perpendicularly. The result might be a saddle shape of some sort.

The first step was to break out a pencil and start sketching. I played with a couple of ideas before settling on the one at the bottom of the page. The basic idea was a distorted plane, with three points touching the desk surface and three points hitting the bottom of the laptop. The side view (on the right) shows how the whole thing should be squeezed to angle the laptop.

Transferring to the Computer

Picture 1.png
As I mentioned in the intro, This entire object was painstakingly designed in 2D. I know in theory that it could be done much faster in a CAD program, but I didn't know how. To design in 3D, one would need to:

  • Design the 3D shape of the object.
  • Figure out how to create slices through the object.
  • Programmatically cut out interlocking slots for each intersection of the slices.
  • Export the resulting shapes as 2D outlines.

If any readers know how this would be done, please leave some info in the comments! [Note: See great comments at the bottom of this instructable from users trialex and theBull on how Google Sketchup might be used to do this design.]

Anyway, back to this design method. I decided to design from the side view, first. The image below shows the cross sections that I came up with. You can see the gray trapezoid around the whole thing, showing a flat bottom and an angled top for where the laptop would rest. Within that, I drew two shapes. The fat one is the plane through the center of the stand, running front-to-back. The thinner shape is the shape of stand along the left and right edges. Let's call these the "spines" of the stand.

I added vertical lines for where I was going to want all the cross-sectional slices (the ones that will run left to right.) Each of these lines would then be used as guides to make the actual cross sections.

Extrapolating From the Basic Shapes

Picture 2.png
Picture 3.png
Picture 4.png
Next, I created the cross sections by measuring the slices of each part of the spines. These measurements (center spine and edge spine) gave me two parts of the cross-sectional shape, which I then used bezier curves to connect smoothly.

A couple examples are below. I started by drawing a vertical grid, once again. This spacing was to make things wide enough for my laptop (going from center to right edge) with additional guides for later use. For each vertical slice along the spine, I transferred points to this grid. Transferring points is easy: I copied parts of the shape, dragged them directly over the new grid, and marked points.

The first example below is the front-most piece. I took the left-most line from the spines and measured out the middle spine on the left side and then the edge spine on the right. Then, I played with the bezier handles until I had a curve I liked and that could be copied across the rest of the shapes. In this case, I was simply drawing out the handles to be two guides inwards, each.

The second image below is the second cross-section; I just repeated the process for all the measurements on the second spine cross section.

After a bit of work, I had all nine cross-sections mapped out. I now decided that I wanted two more spines, to go in between the center and the edge spines. To do this, I found the height of each cross section between these spines and transferred them to a new spine (side) shape. You can see it in the third image.

Adding Slots

SNC10726.JPG
Picture 1.png
Picture 5.png
Picture 6.png
Picture 7.png
Picture 8.png
Picture 9.png
Picture 10.png
Picture 11.png
Picture 12.png
I had to do some tests to figure out how wide to make my slots. Using the same material, I cut out a bunch of rectangles with differently-sized slots and saw how they fit. I settled on slots 0.195" wide for the 3/16" plywood I was using. They were snug, but didn't require a hammer to push together. In retrospect, I should have made them looser, with "nodes" to help the slots bite. You can see an image from Ponoko's manual for this (it's the second one.) That would have allowed easy assembly without too much forcing.

Okay, once I knew what kind of slots I was using, I made some little slot templates to make adding them to the spines and cross-sections easier. The idea was to measure the place where the slots met using the top-most curve of each shape. You can click through the two series of images, below to see how it was done. The image notes have all the details.

Layout

Picture 15.png
Once all the shapes were done, I tweaked them and made clean outlines of each. For the cross-sections, only the right half of them was drawn, so I doubled them over as mirror images and joined them.

I them laid out the pieces according to the size of the sheets of plywood that I had on hand. I'm not going to pretend that this is some sort of optimal arrangement; I fiddled until they fit, barely, and called it done.

On this step, you can find the vector files for these shapes in several different file formats. If you just want to download this and get to work cutting it out, one of these should do the trick.

Laser Cutting

0305090005.jpg
0305090004.jpg
0305090007.jpg
0305090006.jpg
I fed the vector layout to our laser cutter, and let it rip. It took about twenty minutes to get both layouts cut out. For reference, I used 100% power at 18% speed. You can see images of the pieces being cut out and punched out, below.

Assembly

0305090008.jpg
0305090009.jpg
0305090010.jpg
SNC10717.JPG
SNC10713.JPG
SNC10714.JPG
SNC10716.JPG
Assembling the laptop stand was actually a bit painstaking. The problem was that the slots were still too tightly-designed, and the when I had to fit nine at a time for each spine piece, I actually had to use a wood mallet to get everything squeezed together. I took care to support each intersection below with a piece of wood and then hammered everything together, going over each joint to get things flush.

After about 30 minutes, it was done! You can see the completed stand in the pictures below.

Admire Your Work, Think of Improvements

SNC10719.JPG
SNC10724.JPG
SNC10725.JPG
SNC10722.JPG
SNC10723.JPG
Below are a bunch of shots of the stand with my laptop on it, and how it looks in my workspace. The angle is perfect for the occasional stand and it's very stable. It also feels airier and provides a lot more ventilation when things heat up. There's plenty of room for my cables and such.

Improvements, for the future:

  • Design it in 3D! See step 2 for my thinking on this. If you have suggestions, please leave them in the comments.
  • The slots should be looser; glue can be used instead of friction to keep everything together. "Nodes" can also be used for a nicer fit. See step 4 for details on this.
  • Though the stand is very strong and stable, there is just a bit of flex on the rear legs. I'd eliminate that with a thicker shape that keeps that last cross section a bit fatter in the middle.