MSR MoRoom Tent

Posted in Animation, Flash on December 25th, 2008 by sketchbookinc

My office mate Jason Laramie hooked me up with Cascade Designs recently. He’s been working with them for a while on various illustration projects. Cascade is the the parent company which owns MSR (Mountain Safety Research), Therm-a-Rest, Platypus, Seal-Line, and Tracks.
tent_exterior_flyCascade’s goal was to animate one of their new tents, to match something RIE has been doing on their site to present their tents. A company in Washington is hired by REI to take photos of their tents in 360 degrees. The take about 2 dozen photos around the tent with and without the fly, and also take a photo of the inside of the tent. Cascade was wondering if we could do something similar in 3d which would be not only nicer, but less expensive and would run in flash.

tent_exteriorSo they sent us one of their tents, and we modeled it from scratch, down to the zipper pulls. Fitting the tent into the studio was a task. We also used cloth simulation to get the wrinkles and stretch marks in the tents so it looks more real. Vray for c4d was just out when we were working on this project, so we used c4d’s basic render engine. No GI – just a bit of ambient occlusion.

We rendered the tent in 360 degrees with and without the fly. A frame for each degree. We then rendered a camera move from outside the tent into the inside, as well as a 360 shot of the interior.

We then pulled all of the image sequences and imported them into flash, created a scripted interface using easing for the rotation and all camera moves, and tied it all together in a test interface.

You can test it out here. It’s pretty amazing the how smooth it all works. Not only is the tent rotation perfectly smooth, but the fly matches the camera angle of the tent exactly, so we scripted in the ability to control the opacity of the fly, at any camera angle. The camera move into the interior of the tent also is seamless with the exterior view. And instead of a single photo of the interior, we have a 360 degree rotation.

Note the interface is a test interface. All functional, but not designed or branded. Ultimately we will be sending MSR our image sequences and they will load them into the interface and tie them to custom buttons via XML. The final interface will also have the ability to zoom in at any frame to a high res image of that frame. Now that vray for c4d is out, the next round will also look much more real. When Cascade does send us their tent line, we will need to find a larger office!

Aperion Speaker Animation

Posted in Animation, Flash, Web on December 10th, 2008 by sketchbookinc

bravus_microsite1I was contacted by David Stewart regarding an animation for a new speaker from Aperion Audio. I’d never heard of the company, but from the looks of it they make some great home speakers and they are right in my backyard to boot!

The focus of the animation is a new kick-ass subwoofer called the Bravus. The animation was to be kept simple, and would be scripted into flash for an online microsite. Check it out. It’s a fairly simple animation, and was actually my first in Vray. Very impressed with this new render engine.

Tags: ,

Born Magazine

Posted in Flash, Illustration, Web on September 12th, 2008 by sketchbookinc

born_1I was asked to contribute as an artist to the online publication of  Born Magazine while working in Nike Brand Design. Fun experience. I was teamed with writer Andre Darlington and was tasked with creating the visual experience which represented his short story titles “After the Resurrection”. born_2

The story was very dark and disturbing, so with my limited time, and fairly limited ability with flash, I decided to spend most of my time illustrating the various sentences of the story in a similar style to the story. As you can see there is a mixture of hand painted watercolor overlays and photoshop layering, all working together to provide a visually rich experience. born_3

For the flash interface, I found a nice relic looking center element, and decided to use a circular navigation rig to move the viewer through the story. Limited interaction was found through this navigation and some scripting I added to the type which moves as you pass over it.born_4

The experience can be found viewed here.

Dolphin Software for Isite Design

Posted in Flash, Web on August 15th, 2008 by sketchbookinc

Home page design for Dolphin Software. I scripted some custom flash animation/interaction in the top widget. I became a certified Flash Designer while at Isite as they were a Macromedia Partner.dolphin


Woodburn Factory Store for Olive

Posted in Flash, Web on August 10th, 2008 by sketchbookinc

My friend Eric Goldstein hired me to design a flash website for the woodburn factory stores after ZCom went out of business. At the time I was fairly new to Flash, but I did do all the scripting and flash work on this site. Included in the functionality was an interactive map of the mall layout. The client was able to update information via text files on this site. woodburn1