I’ve recently posted a couple of images that weren’t done the way most people do graphics: the little Marvin the Martian I added to Carol’s picture and the “Crispen Family” logo on our site’s main page. I had some people ask how I did it (two whole people!), so I figured an article about that wouldn’t be any more boring than the rest of the stuff in the blog.
First off, both the images are 3D. It might not be so obvious with Marvin, but wasn’t it a coincidence that the image of Marvin I had on hand was pointing just that direction? Nope. I set him in that direction. Likewise for the tilt of “The Crispen Family”: tilted just enough to keep the block containing the headline from being big and clunky and tilted at just the right angle to show off the metallic highlights.
There’s all kinds of pseudo-3D and semi-3D tools out there, and they aren’t bad. The world would be a slightly poorer place without the good old drop shadow you can find in just about every 2D bitmap graphics program. I’m known as a tightwad around the Rectory, but I gladly parted with the money for Eye Candy and Blade Pro (a couple of Photoshop plugins that do some neat pseudo-3D tricks), and LiveArt (a semi-3D app I talked about before). But those tools only go so far. If you want to go farther, you need to use real 3D.
Commercial 3D programs (e.g., 3D Studio Max, Maya, SoftImage) are way too expensive. You can get perfectly adequate results with a free raytracing program, POVRay. “Adequate” means you can only do most of the things in the latest production from Pixar. Spend a little time browsing through the POVRay site. You’ll see some things that will amaze you.
Now for the bad news: you’re going to have to learn a little something about POVRay. Not much. If you go through a few of the beginner tutorials, that’ll be plenty. But there’s no escaping it: you need to know how to specify a camera position, some colors and surface things, and some lights. No way to avoid it. Fortunately, the tutorials are really clear, and the success you’ll have right from the start will keep you at it until you’ve mastered the fundamentals, and perhaps a little longer.
Now for a brisk run through the rest of the stuff I did, because it gets really boring from here. I got Dave Edwards’ 3DS file of Marvin from 3D Cafe (free); converted it to VRML with AccuTrans 3D (US$20); brought him into Vizx3D (currently free beta, but eventually around US$100) to recolor him, add his eyes, and move some pieces around so he’s pointing the raygun; exported the result as VRML; and used Paul Thiessen’s vrml2pov (free) to turn it into POVRay format, ready for rendering. Btw, the price of AccuTrans 3D isn’t a typo. Twenty bucks.
“The Crispen Family” was even easier. Vizx3D has a wizard that lets you extrude 3D text, so I brought up the font (Schwarzwald) in the Windows font viewer, extruded the text in Vizx3D (48-point, round fillet on the front only), exported to VRML, and zapped it through vrml2pov.
When it came to the rendering in POVRay, I handled Marvin a little differently than I handled the letters. I colored Marvin in Vizx3D because he’s a cartoon character and subtlety wouldn’t just be wasted, it’d be wrong. But “The Crispen Family” would definitely repay the effort to make it look nice. I’d spent an evening a while back coming up with a metallic surface and lighting setup I liked, so I pasted that surface on “The Crispen Family” and slipped it in under those lights, using the same color I used on the webpage as a background. In a few seconds it rendered, I reduced it a bit, touched up the brightness, contrast, and sharpness, set a drop shadow under it, and I was done. From start to finish (leaving off the time to develop the color and lighting that I reused), less than an hour. I’m no great speed demon with graphics programs. There just isn’t that much to it.
Marvin was also easy. I rotated him a little, set him up under the same lights, but this time I used a transparent background, and I rendered it to a transparent PNG, so all I had to do in Paint Shop Pro was copy that image and paste it as a new layer on top of Carol’s photo, move it where I wanted it, and save it through the JPEG exporter. Total time from starting to search for a model of Marvin to posting the picture on the web: maybe 3 hours.
With all the stuff you need so handy and so cheap and so easy to use, there’s no reason why you can’t make some real 3D for your website.
To repay your patience, here’s that metallic color and a reasonably useful lighting setup:
#declare My_Texture=texture {
pigment { rgb<0.7,0.56,0.37> }
finish {
ambient 0.3
diffuse 1.00
brilliance 15.0
specular 0.3
roughness 0.02
}
light_source { <-60,-10,-100> color White }
light_source { <60,-10,-100> color White }
light_source { <-20,50,100> color rgb<0.5,0.5,0.5> }
light_source { <20,50,100> color rgb<0.5,0.5,0.5> }
}
Here’s a .ini file setting if you’ve got a simple scene like the ones I’ve been talking about:
[800x600, AA 0.1]
Width=800
Height=600
Antialias=On
Antialias_Depth=4
Antialias_Threshold=0.1
Jitter_Amount=0.5
Jitter=On
Sampling_Method=2
Output_File_Type=N
Bits_Per_Color=8
Quality=11
Output_Alpha=On