Archive for the ‘Animation’ Category

Saul Bass (Part 3)

Sunday, October 10th, 2010

The following movie, titled “The Solar Film”, was directed by Saul and Elaine Bass. They were asked by Warner Communications to direct a film focused on the benefits of solar energy.

Quoted from Graphis (Issue 214):

It is not a didactic film, has no graphs or diagrams and avoids what Bass calls ‘the dreary finger-shaking approach’ of so many propagandistic films. It sets out instead to be joyous and positive, and its modest but very real objective is to make people question the glib arguments of the technological establishment—to make them think for themselves.

On an unrelated note: I have to admit, being a Boards of Canada fan, some of the scenes shown in this film would make great visual companions to any BoC song.

Interfaces (Part 1): The Art of Screen Design

Sunday, September 19th, 2010

In the real world, Graphic User Interfaces (GUI) are often meant to be simple, usable, and should not distract the user’s experience. However, GUIs on the silver screen are often made to depict an exaggerated view of the action and are usually designed to thrill the audience with suspense.

Screenshot from the Jurassic Park DVD (Universal)

Ok, I’ll admit I’m a complete nerd when it comes to interfaces… and no, I haven’t designed one (at least not yet!). So this blog post is mainly pointed towards the obscure art of designing interfaces for movies. I’ve included only a couple of movies from the past and present of which I thought had strong screen design but I have also included some links at the end of the article for you to learn more on the subject.

Past: Jurassic Park (1993)

Ever since I was a kid, I’ve been obsessed with movies. Not necessarily for their actual content but for the interface graphics that appear in them. A classic example for me was Jurassic Park. I can’t really explain why I became obsessed with that movie’s screen design but every time I watched it, I always had the desire to have the same computers (SGi Crimson & Apple Quadra) and pretend that I was Samuel L. Jackson dealing with the mess (I know, I know… my childhood was sort of boring).

Screen capture from the Jurassic Park DVD displaying a weather tracking system

Dennis Nedry’s sabotage being executed

“It’s a UNIX system… I know this!”

I always thought that the 3D UNIX interface depicted in the final minutes of the movie was a fake one (refer to the picture above). However, upon doing some research, I stumbled upon a nice little discovery; apparently, the GUI was a real one. The file system interface, File System Navigator (FSN), was an actual demo that had been released by Silicon Graphics back in the early 90s and it ran under SGi’s IRIX platform:

Real-world: Screenshot of the FSN IRIX interface

What’s interesting about watching movies while having obsessions with GUIs is that sometimes I often catch little mistakes here and there (and I’m sure we all do). There is a scene where Dennis Nedry (the chubby guy from Seinfeld) is talking to someone near the dock during a thunderstorm. I could clearly see that it wasn’t a live feed but a .mov QuickTime movie being played back.

Here you can clearly see that the movie is a Quicktime .mov being played and synched with the dialogue from Dennis Nedry (Wayne Knight)

Present: Avatar (2009)

I should say that I haven’t really gone out to the movies lately. The main reason is due to the fact that Hollywood movies don’t really entice me all that much anymore. However, Avatar was a must see for me because I’m a self-proclaimed 3D whore. The movie itself was not that bad but I didn’t really care much on the storyline; the interfaces (and 3D) were the real attraction for me.

Screenshot of the Blu-ray edition of Avatar (20th Century Fox)

After the half-hour mark, I was in heaven; watching how the interfaces worked in true 3D was mind-blowing. Everything was beautifully executed, from the graphics placed in 3D space on the webcam to the tablets and rotating computer workstations.

Avatar: Webcam transmission — Note: The typography and graphic elements of the webcam transmission live on 3D space.

Avatar: I was in awe after drooling over this 3D holographic interface

The genius behind all of the work done for Avatar is Neil Huxley, an art director from the visual effects house known as Prime Focus.

The overall art direction for this movie was obvious. Since most screen designs in this movie are within the context of a military operation, they were rendered to resemble military interfaces such as Heads Up Displays (HUD) and Digital Display Indicators (DDI) found in modern military aircraft.

Real-world: DDI displays showing the avionics of an F/A-18 under various functions

Real-world: Heads Up Display (HUD) from an F/A-18C Hornet

Avatar: DDI displays of the “Scorpion” VTOL aircraft

Avatar: HUD inside main aircraft

Avatar: Rotating HUD workstation

Avatar: Computer interface

Avatar: Computer interface

There’s a great interview on Neil Huxley over at Inventing Interactive explaining the rationale and process. You can read more about him here:

Additional notes

There’s a lot of great interface designers out there and I might as well point out some of the most recognized faces out there.

Imaginary Forces was responsible for the “Machine Vision” interface design seen in Terminator: Salvation. While I haven’t seen this movie yet, I can tell that a great amount of detail and effort was put into the screen design of this movie.

Machine Vision in Terminator: Salvation

I remember when Mark Coleran’s reel appeared for the first time in Motionographer, it spread like wildfire across social networks. Coleran is a celebrity figure when it comes to screen design. His interfaces are extremely intricate and detailed and it’s a shame that they usually show them for a couple of seconds in the movies they appear in.

Coleran Reel 2008.06 HD from Mark Coleran on Vimeo.

Image by Mark Coleran

Image by Mark Coleran

Image by Mark Coleran

Image by Mark Coleran

You can read an interview of Coleran’s process and techniques here:

I hope you enjoyed this article. I will be writing another article concerning other types of interfaces soon. Stay tuned.

Abstract Codex: Talea

Monday, September 6th, 2010

Alessandro Capozzo is a media artist and designer – He studied musicology and also pursued his own interest in composition and electronic music – Currently he is focused on new media art and particularly on software poetics.

Found some interesting imagery for Talea, an interactive installation piece that generates patterns according to the music being played.

I wish he had some movie clips to go along so that we could see how the engine works its magic.

Work in progress: Nando Costa

Monday, September 6th, 2010

Via YouWorkForThem

I agree, it’s always interesting to see how people make things.

Nando Costa, a living motion graphics legend, shows his Illustrator skills during a presentation at SUDALA, a Chilean design conference currently being held in Santiago, Chile.

Sudala – Typography Experiment from Nando Costa on Vimeo.