Website Design, From 2D to 3D

Hello everyone! I found this article while looking up other artwork by freelance illustrator Nathan Fox and wanted to share it. Really interesting and fun to know how this is done. I plan on incorporating this technology in an eLYK website design project sometime soon. Maybe a 3-d version of our own website. How awesome would that be? Let’s hope I can achieve the same results. Please visit Nathan’s site to view his work.

Article: Computer Post November 2008

Create anaglyphic artwork.

Illustrator and comic artist Nathan Fox demystifies the art of anaglyphic illustration.

I got into this process because I wanted to sculpt but couldn’t afford the casting and physical space to sculpt, so I found 3D. It’s much like sculpture in the way I can manipulate my work in a 3D space – it’s just projected from a 2D surface. I can build stages, layers and objects.

3D/anaglyph imagery works by fi ltering one colour from each eye. Since your eyes work in conjunction with each other, the opposite eye will compensate for the fi ltered image/object – red from your left eye and blue/cyan from your right eye – manipulating those objects in  pace/depth of fi eld. When you put the 3D glasses on your brain does the rest. For more information, visit

In 3D there is a middle, fore and background space. Middle ground is established by lining up the blue and red plates so they make black/purple (the same works for red and green, I just dig blue). As a rule of thumb, I never move the red plate/layer. That is my constant. The blue layer is the only layer I manipulate. This simplifies the process and keeps me sane. If you move the blue plate to the right, the image/object comes forward from the middle ground. If you move the blue plate to the left, the image/object will recede in space. The images featured in this tutorial will be made into giant stickers for my forthcoming gallery exhibition.