Inspiration for digital creatives

NEW! Topic Zones

Digital Arts cover

Buy latest issue NOW!

Creating cutting edge vector art
Master light & shadow
Paint with fire
Graduate showcase
Urban typography
£405 of stock images, fonts & vectors

EDIGIT SIGN-UP

The twice-weekly newsletter with all the latest creative news, reviews, and features



More info...


ipad

The Complete Guide to the iPad

Packed with tips and tricks, the top 50 apps you must download & over 80 pages of step-by step tutorials.
Buy NOW for just £5.99, a saving of 40% off the retail price.

Brand new Vista

Monday 02 Apr 2007

New York's Tronic Studio reveals how it thought big and created a massive 230-foot-wide CG animation for the launch of Microsoft Vista.

 border=0 /><BR></div>
</p>

<p>
Size is everything, especially when you

The result is a 60-second branding spot that delivers a mix of video and CG to create a truly immersive showcase for Windows Vista.

Shown at New York's JFK airport, the installation sees visitors surrounded by a continuous loop of HD CG animation.

The frenetic spot opens with the phrase 'The WOW! Starts Now,' then the Vista logo drops into view and rapidly extrudes into a myriad of representations of icons, folders, applications, navigation, search, and security features. The climax sees a cascade of Vista candy shapes filling the screens.

A panoramic Vista

 border=0 /><BR></div>
</p>

<p>
"We wanted to create an elegant panorama of the user experience showing a glimpse of everything available through your computer with Vista," said Vivian Rosenthal, Tronic

"3D animation was key to communicating the prominence, elegance and physicality of the Microsoft logo, and in general the operating system, and so the logo extrudes to reveal its many dimensions, from navigation, to media player, to search and finally, security functions, all of which are featured in vignette treatment."

For example, the new search function is illustrated by a magnifying glass on the hunt: first it finds an elephant, then a monkey to demonstrate the accelerated search for everything on the desktop.

In a further example, the security vignette casts the Microsoft logo as a shield fending off attacks by a horde of minute robotic viruses. "We were excited by the size and scope of the project," says Rosenthal.

"We've done a number of experiential projects that have included branded video content with unusual aspect ratios and went into the project feeling comfortable with the challenges.

"When we're tackling an experiential design project, we always consider the space first and how one moves through it. The site and its specific spatial configurations inform our approach to the timing, colour and narrative structure of the video.

 border=0 /><BR></div>
</p>

<p>
"The biggest challenges with the JFK project were the massive 3D files and long render times coupled with a pressing launch date."   
</p>

<p>
The Tronic team kicked off by exploring client-supplied moodboards, and added their own spin. The security segment was initially going to be dropped for fear it was too scary, says Rosenthal, but Tronic added a playful angle and cartoon-like robots, transforming the Vista logo into a hero shield. 
</p>

<p>
The team drafted the robot characters, performed animation tests, and were able to convince the client the idea was viable. The robots were modelled in Autodesk 3DS Max.   
</p>

<p>
Several other key segments demanded a mix of dynamics and simulations such as cloth.   
</p>

<p>
"[The] Search [segment] was very involved with cloth dynamics in 3DS Max," says Rosenthal. "Although the cloth modifier is typically used for clothing we found its solving engine superior to the cloth found in Reactor.  
</p>

<p>
Each sheet of paper was part of a larger garment, so to speak. "We had to customize the material qualities to match the properties found in paper. We timed it out and felt the narrative structure should allow for three moments of interest. 
</p>

<p>
"So, the magnifying glass was introduced as our tour guide that takes us through the chaos to find with clear intention some various images that we wanted to see. 
</p>

<p>
"Using the cloth simulations as the base motion, we had to further populate the environment with some particle systems. For the key moments that required the most control, we had to hand animate the papers.
</p>

<p>
"Since we had adopted a real-world scale strategy for the papers, we began to look at different degrees of convexity for the lens in our magnifying glass. 
</p>

<p>
<div class=inlineimage><img src=

"In order to do this we had to model the button kind of like an onion with many layers that can peel away into pages of content. Although some particle systems were explored, in the end we had to hand animate these layers to control the desired composition," says Rosenthal.

"Once the animatic was settled on, we began looking at ways to shift the materials from the glass-like nature of the button to the image-based materials found on the Flip 3D geometry or screens.

"We looked at shape shifting or morphing at first, but realized that it was better in the end to set up the animation to overwhelm the screen and create a diversion for the new geometry to slip into frame. A smooth transition was achieved. "We used this technique twice to fragment the button into the Flip 3D interface. Getting through the transformation was only half the battle, because we also had to map dozens of HD videos and images onto the Flip 3D geometry.

"That in itself was quite an organizational task as well as extremely heavy to work on with the gigabytes of animated maps," she adds.

The spot was rendered in Splutterfish Brazil, and the final spot weighed in at a whopping 10,000-x-1,080 pixels. Yet its large size works in its environment.

"For us, it is a thrill to converge video film with the spatial conditions found in the built environment. Many of us have backgrounds in architecture, which have always given us a unique insight into projects like this.

"This project was one where we were not only concerned with how the architecture performs in relation to the human body but how the human mind is capable of absorbing moving imagery as a physical reality.

“By activating the traditional surface qualities of architecture with video, audio and interactivity, we can push the environmental experience," she says.

Matthew Bath

Read our informed and inspiring features as soon as they're published -- click here follow @digital_arts on Twitter.


Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?

 border=0 /><BR></div>
</p>

<p>
<div class=inlineimage><img src=

"We wanted to see the frame of the video act as a physical container and have hundreds of elliptical shaped buttons pour into it," says Rosenthal.

"To do this we used hard body dynamics in Max and the Brazil rendering engine to control how much refraction was allowable, to let the Microsoft iconography read while still maintaining the 3D properties of our elliptical shapes.

"That last issue was a concern for the client throughout the spot and almost always became an issue of refraction. It also became important to find the right balance between having the container feel full and not having the geometry get too dark.

"We had to render several passes and get the right mix in post to get the icons to pop while still having all the geometry cast enough shadows around to lend a sense of weight and compacting to the pile."

 border=0 /><BR></div>
</p>

<p>
The CG robots were designed as a friendly metaphor for virus attacks.   
</p>

<p>
<div class=inlineimage><img src=

Project: Microsoft Vista WOW! installation
Client: McCann Worldgroup
Studio: Tronic Studio www.tronicstudio.com