Max Payne

Max Payne
Click to Watch

Click to Watch 720p HD Version

Licking tongues of fiery fire and tinkling looking-glass shards of pebbled glass bring softcore sizzle for the Guns & Ammo set.

Picture Mill’s vision for the end titles for “Max Payne” feature a locked and loaded font worthy of Thor that has you in its sights like a well oiled Reagan-era actioner.

Bullet holes as full flooded spotlights! Well worn gunmetal in recoil! Mayhem ensues.

Direct Link | Format: QuickTime H.264, 864×368 | Size: 22.7 MB | Running Time: 2:08 | Year: 2008
720p HD Version | Format: QuickTime H.264, 1280×544 | Size: 48.2 MB | Running Time: 2:08 | Year: 2008


Images Extra: Download 16 HD stills from the title sequence, plus original pitch board (8.2MB Zip Archive)

Extra: Production Details document (PDF)

Video Extra: Max Payne CGI Process

Direct Link | Format: QuickTime H.264, 720×544 | Size: 12 MB | Running Time: 0:55 | Year: 2008



Created by Picture Mill

Brat Bratu

Brat Bratu
Click to Watch

Click to Watch Hi Res Version

What better way to navigate this cardboard existence than in a cardboard vessel?

Art of the Title spoke with Slovenian project producer Marko Miladinović (Armada) on director Žiga Pokorn’s (NuFrame) title sequence for ‘Brat Bratu’ (Brother to Brother), a sitcom based on the cult British series ‘Only Fools and Horses.’

“The task was to design a visual identity and visuals for the fictional firm B&B that uses a secondhand circus van as transportation. The van was our main character in the production of the opening animation, correspondent jingles, and credits. The visual identity reflects the awkwardness of the main characters. Their world is a mixture of old-fashioned styles, used things and charming bad taste. As they are in the smuggling business we set the stage as if they are living in cluttered cardboard boxes.

The text of the title song was our main guide. All the props mentioned in the song were used as clutter in this unidentified 3D world that the characters drive through just to get home, to turn on the TV and start the show. We used 2D photos of all the props, built a 3D city out of cardboard texture and shot the main characters in stop motion. All of that was constructed, designed and lit in the 3D program Maya, and at the end composited into the final animation using Shake.”

The rolling ditty and visual disorientation reminds us of Michel Gondry’s video for “Lucas With The Lid Off.”

Direct Link | Format: QuickTime H.264, 720×400 | Size: 14.2 MB | Running Time: 1:21 | Year: 2008
Hi Res Version | Format: QuickTime H.264, 1024×576 | Size: 29.9 MB | Running Time: 1:21 | Year: 2008


Related Extra: Lucas - Lucas with the Lid Off Music Video
Michel Gondry’s inspired single take video.

Direct Link | Format: QuickTime H.264, 640×480 | Size: 42 MB | Running Time: 3:56 | Year: 1994



Created by Armada and NuFrame

Control

Control contact sheet
Click to Watch

From the commentary track:
Anton Corbijn, “This is my voice…I am the director/producer of ‘Control’…this opening scene…of Ian Curtis…was a thought we had in the editing process…to have something of the end at the beginning…to see where he ends up and set the tone.

The titles…reflect the epilepsy attacks…it’s a very beautiful way to bring that into the title.”

Direct Link | Format: QuickTime H.264, 720×304 | Size: 9 MB | Running Time: 0:36 | Year: 2007

Morrison on Morrison

We are but beneficiaries of both the depth of design and the intellectual complexities of Richard Morrison’s body of cinematic title sequences. We rejoice in the work put in to this post. Indeed what better than researching a man whose work is a foregone conclusion in heart and wonderment?

The son of a film editor, Morrison became a master at internalizing a director’s intent and distilling it for the title sequence. From Morrison, “I look for a nuance, a subliminal energy in a film that I can then work into an idea.”

Morrison discusses six of his sequences.



Brazil
Click to Watch


Brazil
“The optical effects in Brazil have quite a timeless quality to them. I did not consciously set out to create something so lasting. It was more of a serendipitous happening.

Terry Gilliam is a very hands-on director, throwing ideas at you and getting really involved. So, in this case creating the sequence was something of a process. I never quite knew what to expect, until seeing final effect and thinking, yeah that’s it! That’s usually how it all looks when you work with very visually striking directors. They will already have their own ideas and just try to work with me to create them. And so if you work for someone who is visually more inspiring, they tend to give you more rope… It is good experience though because it fuels your creativity and in a weird kind of way turns into something that is ageless, simple and unique. As with Brazil…”

Direct Link | Format: QuickTime H.264, 720×400 | Size: 12.3 MB | Running Time: 1:02 | Year: 1985



Batman
Click to Watch

Batman
“The Batman 1989 environment was not that homogenized. In fact, there weren’t many people on the same platform and we were all very individual.

I did not know Tim before so I had to pitch for the project. We just had to make sure what we were about. I sat with him for a few minutes, and then just walked around the set of Gotham city. And that was it, really. I clearly remember I sat back in the car and all of a sudden I knew it.

I knew it had to be something about the classic batman comic logo. I thought, what if we think of that in a 360 degree move, how about if it’s in landscape, how about I make it something you can move around so you don’t quite know what it is. So that was the idea and then I just invented the world around it. Nobody did anything like it before so that’s why it probably retained its timeless feel.”

Direct Link | Format: QuickTime H.264, 720×416 | Size: 26.1 MB | Running Time: 2:38 | Year: 1989



High Fidelity
Click to Watch

High Fidelity
“When working on this sequence I kept three notions in mind. Make it original, simple and distinctive enough. I believed simple content would be the answer to a finely tuned piece of work. Hence, the sequence abounds in this somewhat old-fashioned vintage style “brand identity” approach with a titled logotype centrally set in a 3d background movement.

I knew the film would be humorously philosophical. So I thought it was perfectly natural to create some kind of a retro feel to reflect some of the older classic films, but also keep it feeling fresh and contemporary at a time. Understanding where the film sat in its surrounding was absolutely vital. Although it is a short piece the level of difficulty was naturally quite high. Timing being one of the main reasons. Many creatives will tell you short pieces are the most difficult ones because you need to ensure that you make the most of every single second especially graphically and visually.”

Direct Link | Format: QuickTime H.264, 720×384 | Size: 31.1 MB | Running Time: 3:04 | Year: 2000



The Dreamers
Click to Watch

The Dreamers
“As a creative I find the idea being always the key. The means to do it is a secondary matter. Because of the nature of the Dreamers, its plot and timing I wanted this sequence to look organic. Just like in the old days. So I just started piecing visual abstractive elements together, like in a puzzle, and decided to completely abandon any complex animation effects. It just did not fit in with the essence of the movie.

To preserve that “old school” feel I worked as if everything was completely optical. You see, in the past you just could not see things in real time. And this had a tremendous impact on your pace of work, accuracy, thought process and the whole approach really. You had to be a better planner…you had to be a master of accuracy… Everything you were doing was in real scale, very physical. You could not just press Delete and start over.

So, creating this sequence in this way I really had a genuine belief that this would actually work. Luckily, it did.

And so the main idea applied was to use the Eiffel Tower as the backgrounder for interaction of the tower’s 3d shapes with graphically explored elements such as typeface and colours. This, combined with the application of a continuous vertical camera pan, produced something of a lasting and very specific effect. I think most people now recognize the Dreamers just by that quite memorable title sequence.”

Direct Link | Format: QuickTime H.264, 720×384 | Size: 16.7 MB | Running Time: 1:34 | Year: 2003


Sweeney Todd: The Demon Barber of Fleet Street contact sheet
Click to Watch SD
| Click to Watch HD

Sweeney Todd: The Demon Barber of Fleet Street
“This industry is very specific and if you do a good job then you tend to be remembered by directors and producers.

What I enjoyed most was coming up with the whole idea. I did not have to pitch to Tim but I turned this project into an internal pitch at th1ng. And so, a few days later, I had a room plenty of some truly outstanding creative work. I took it all to Tim and he just spread them all over the floor and spent around a day or two looking through them. And then he just said: I really like this narrative piece (mine) and those coloured frames (Shay Hamias, director).

Animating blood and its movement became the most crucial and challenging element of the sequence. We had to build special platforms within which we imitated blood movement and filmed it. And we had to give it this comical feel, which worked really well. That was a dream project. We would love to work on something similar.”

Direct Link | Format: QuickTime H.264, 848×480 | Size: 45 MB | Running Time: 2:52 | Year: 2007
720p HD Version | Format: QuickTime H.264, 1280×720 | Size: 102 MB | Running Time: 2:52 | Year: 2007


Vantage Point contact sheet
Click to Watch SD

Vantage Point
“It is an elegant piece. I liked the idea of random elements coming together before our very eyes, and I thought it would be very clever to use the red laser-dot as a motif. It immediately introduced the theme of assassination and threat. Also, I think that the dark-gold palette of these images strikes a chord with the filters used later to film Salamanca—there was this smooth transition between the titles and the first scenes shot from the helicopter. The sequence had to be based around the idea of perspectives. So I graphically tried to create a web of intrigue to give viewers an accurate insight into what they can expect in the movie.”

Direct Link | Format: QuickTime H.264, 853×354 | Size: 14 MB | Running Time: 1:04 | Year: 2008



Video Extra: An Interview with Richard Morrison

Direct Link | Format: QuickTime H.264, 720×400 | Size: 98.5 MB | Running Time: 9:26 | Year: 2007


Related Extra: The Den Of Geek interview: Richard Morrison



Created by Richard Morrison, th1ng

Kung Fu Panda

Kung Fu Panda Double Feature: Two 2D sequences that bookend a 3D world.

WE HEAR the stone-skipping sound (with the timbre of stone-plunking). WE SEE a laser-like lynx leapfrog and pad over looking glass, lemongrass and lillies, launching limitlessly to a lunette, to a custom animation of a familiar logo (always fun). WE ENTER a den of Animal Kingdom Savagery by way of your favorite children’s book illustration. The shadow upon this rogues gallery is ours.

“Enough talk.” - Po

Opening Sequence
Kung Fu Panda - Opening Dream Sequence
Click to Watch

Click to Watch 720p HD Version

Custom Made Dreams

Art of the Title spoke with Hameed Shaukat, the producer for both the opening dream sequence and custom DreamWorks logo, as well as the 2D animation for the end credits.

“I can’t stress enough, neither the opening Dream Sequence of Kung Fu Panda nor the character animation in the End Credits contain any CG animation. It’s all 2D/traditional/hand-drawn.

The dream sequence was designed and laid-out at DreamWorks Animation under the direction of Jen Yuh Nelson with Production Designer Ramone Zibach and Art Director Tang Heng, who developed the sharp, high-contrast, highly-graphic, anime-influenced style. Once the backgrounds were complete, they were delivered to James Baxter Animation; everything from animation through compositing of the final shots.

James Baxter tackled the animation in unique ways. In one shot he would hand-draw the animation completely from start to finish, and in another he would do just a few drawings that were then digitally manipulated in After Effects. In addition, all effects animation consisted of traditional hand-drawn effects as well as digitally-manipulated elements from the original Photoshop files. Can you tell which is which? Being the master animator that Baxter is, the merging of the two is seamless. It helped keep the James Baxter Animation crew to only 12 people.

Jen, Ramone and Tang also designed the custom DWA logo sequence to perfectly match and lead into the dream sequence of Kung Fu Panda. We used mostly the same crew as on the dream sequence, but this time with animation by Rodolphe Guenoden.”

Direct Link | Format: QuickTime H.264, 800×336 | Size: 26.3 MB | Running Time: 2:28 | Year: 2008
720p HD Version | Format: QuickTime H.264, 1280×544 | Size: 56.4 MB | Running Time: 2:28 | Year: 2008


End Titles
Kung Fu Panda - End Title Sequence
Click to Watch

Click to Watch 720p HD Version

Collaborative Titling

“The 2D character animation for the Kung Fu Panda end credits was done in-house at DreamWorks and realized in the same extremely detailed and highly graphic style as the film’s opening dream sequence. Several DreamWorks animators were tapped for this sequence, while the clean-up, ink & paint, color styling, and compositing departments were all lead by the same crew who had worked at James Baxter Animation on the dream sequence.

Working hand-in-hand with design and branding studio Shine on this was a real pleasure, with open and frequent communication being the key to the collaboration. Since Shine and our 2D animation crew were working on the sequence simultaneously, we delivered the rough pencil tests as early as possible to be used as reference for their camera moves and the ‘Po-dummy’ animation.

The Po-dummy animation for each scene was indicated by the animators in the roughs but it was only in the clean-ups if the character directly interacted with it (eg. Shifu animation). Otherwise, a full turnaround of the dummy was drawn, finished, and delivered to Shine so that they could easily integrate it into their final sequence using the roughs as a guide (eg. Crane animation).

All hand-drawn animation and clean-up was done on 16-field animation paper, which was then scanned into Animo for ink & paint and color styling, and then exported to After Effects for compositing. The final animated characters were delivered to Shine as TIFF sequences with alpha channel.”

Direct Link | Format: QuickTime H.264, 800×336 | Size: 92 MB | Running Time: 8:49 | Year: 2008
720p HD Version | Format: QuickTime H.264, 1280×544 | Size: 188.5 MB | Running Time: 8:49 | Year: 2008


Related Extra: Intense Collaboration on Kung Fu Panda’s End Credits - StudioDaily Article

Related Extra: A Conversation with Michael Riley - ToolFarm article

Credits: Credits List



Created by James Baxter Animation and Shine

Kung Fu Panda ™ & © 2008 DreamWorks Animation LLC.

Made in YU

Made in YU
Click to Watch


Reading the creator’s description of the title sequence to “Made in YU” helps Art of the Title understand just how savvy the design is beyond the superlative animation. Some favorite moments, incidentally, include the organic reveal of Sasha Drakulić’s credit and the contemplative car window reflections.

“The aim was to tell a story about what happened before the events in the film, which revolve around a former Yugoslavian family that came to Sweden in 1960’s. The film follows their lives through the 1980’s and 1990’s.

We first made the character designs, storyboards and animatic and presented it to director Miko Lazic and he gave us a free hand, which is something of a dream for a designer. We then came up with the concept of moving through time using three color schemes and also a year-counter in the upper right corner [as] the movie itself jumps back and forth in time. The sequence illustrates character history and introduces the story that follows."

Direct Link | Format: QuickTime H.264, 800×432 | Size: 13 MB | Running Time: 1:38 | Year: 2005

A Q&A with WERK

Art of the Title: What was your inspiration for such an original piece?
WERK: The original inspiration was "Princess Mononoke" by Hayao Miyazaki and "Sayonara," a short film made by Niklas Rissler after his visit to Japan.

Art of the Title: Were any of the designers affected by the war?
WERK: Actually, title sequence director Armin Osmancevic experienced the war in Bosnia 1992-1993 before he managed to escape from the war together with his family. He now lives and works in Stockholm, Sweden.

Art of the Title: How long did this sequence take to design?
WERK: Our initial schedule was 6 weeks for 120 seconds (the original film ends in an animated sequence as well). Due to planning constraints we ended up working 17-hour days for 19 days. Armin was doing directing, storyboard and backdrops, while Niklas drew characters and edited the sequence.

Art of the Title: What kind of response to the title sequence have you received to-date?
WERK: First of all, it received nice reviews in Swedish newspapers and boosted the film itself. Secondly, it screened in several Flash festivals because it was made on a few laptops using Flash, then exported to After Effects for editing. The sequence worked very well in movie theaters without any loss in resolution. What the team did not do, was to submit to other diverse competitions and that is something that we still regret.

Art of the Title: Who are some of your favorite designers?
WERK: There are many designers we like and respect, but we would like to mention some of our all time influences: Hayao Miyazaki for the innocence in his works, Jean ‘Moebius’ Giraud for the eternal inspiration, Paul Arden for his witty quotes and Darren Aronofsky for his brave vision of doing something new every time.

Art of the Title: Is there someone relatively new whose work excites you?
WERK: We recently saw some GKaster works, that we really enjoyed. Otherwise, we like Serialcut, Psyop and Alex Trochut.

Art of the Title: How does WERK plan to build off the success of its “Made in YU” sequence?
WERK: After we completed that sequence, we were asked to produce a music promo for The Sounds, to be aired on MTV USA. Unfortunately, I had already started at a web agency working globally for adidas, BMW and UNICEF, and Niklas had to finish his studies, so we not able to commit to The Sounds project. Now, a few years later we kick off our own production company and hope to get involved with the agencies in order to make some new and interesting projects.

Art of the Title: Do you want to give us a taste of any upcoming projects you have?
WERK: Well, usually it is always confidential from the client’s side. There are two projects that we are working on now, a music video and another film for the SEB bank. Except that, we are in post-production of our very first short feature, entitled "Washing." The film itself will be completely done by the WERK team from script and storyboard to film titles and advertising. It is financed by us as well which gives us total freedom.

Art of the Title: Or, can you at least tell us conceptually, what you’ve got in the works?
WERK: Hehe, we have dead people, some religious inserts and nice music. But it’s not at all what you think! We love to do different things every time.

Images Extra: Download 16 HD stills from the title sequence (12.7MB Zip Archive)

Production Extras: Download an original animatic, reference images and Flash tests (125.7MB Zip Archive)



Created by WERK

To Kill A Mockingbird

To Kill a MockingbirdClick to Watch

“Titles that adorn.”

One of the reasons this site exists.

In the first seconds of this dawning glory, Elmer Bernstein’s notes softly dot and fade. A child, our beloved Scout, hums lullaby-like. At the heart of a masterpiece, a cigar box. At the heart of the box, Gregory Peck. A silent pocket watch ticks in remembrance.

Scout lifts a crayon and sets in motion the quiet, unintentional roll of a marble and the wonderment of the examined life found in every moment, of every life.

Art of the Title’s favorite element to Stephen O. Frankfurt’s opening title sequence for “To Kill A Mockingbird” is the window reflected in the marbles. We get the sense that this lolling calm happens just off screen while, on the other side of that window Atticus -the very embodiment of security- sways thoughtfully on the porch swing.

Our appreciation for Frankfurt’s compositions changes not with each viewing but with each sitting. This is the kind of perfection that rewards anyone in illimitable meditation. This is, in part, a testament to Frankfurt’s masterful macro photography, an innovation that broke the mold upon inception. There are many other instances of extreme close up in film, but used in these opening moments we find a kind of lyricism we recognize as honest.

[The goal was] “to find a way to get into the head of a child,” Frankfurt is quoted as saying. What grips you upon subsequent viewing: the sequence is tonally different than the film while being reflective of it.

A wave, as drawn by Scout, is cross matched with the beaded chain over the silent timepiece. The child draws what can be discerned as dividing lines. And in the tearing of the mockingbird, a chasm.

Direct Link | Format: QuickTime H.264, 720×384 | Size: 30 MB | Running Time: 2:58 | Year: 1962


Video Extra: Excerpt from Fearful Symmetry: The Making of To Kill A Mockingbird
Interviews with Producer Alan J. Pakula and Composer Elmer Bernstein on the titles and music.

Direct Link | Format: QuickTime H.264, 720×384 | Size: 17 MB | Running Time: 1:36 | Year: 1998

Audio Extra: Opening title sequence commentary with Director Robert Mulligan and Producer Alan J. Pakula.

Download

Related Movie Extra: Almost Famous (aka Untitled) Opening Titles
Cameron Crowe’s homage to To Kill A Mockingbird.

Direct Link | Format: QuickTime H.264, 720×400 | Size: 37 MB | Running Time: 3:22 | Year: 2000



Created by Stephen O. Frankfurt

Les Chevaliers du Ciel

Les Chevaliers du Ciel
Click to Watch

Click to Watch 720p HD Version

If model airplane kits are “the genesis of many aviation careers” then we post in tribute!

The supersonic opening to Les Chevaliers du Ciel (Sky Fighters) places Dassault Mirage jets center stage, with detail-driven exploded views fusing seamlessly with impressive live-action footage. Blueprinted blades of a tactical helicopter whirring into aerial maneuvers is a nice example of form. The testosterone driven trade show intimacy however telegraphs the Top Gun hangover/love affair felt to this day.

Direct Link | Format: QuickTime H.264, 800×336 | Size: 16 MB | Running Time: 1:51 | Year: 2005
720p HD Version | Format: QuickTime H.264, 1280×544 | Size: 43.2 MB | Running Time: 1:51 | Year: 2005



Created by Laurent Brett

The Conversation

The Conversation contact sheet
Click to Watch

A hovering perspective, hypnotic in its descent. Union Square bustles. Through the first transition programmable servo lens, engineered for this very shot, we hone in on a thousand little theaters settling on a disquieting mime. Long reaching shadows breed paranoia as the wondrous sound design is at once jazzy and dissonant, much like Harry Caul himself.

USA | 1974 | Color | 1.85:1 | English

Direct Link: 480p (QuickTime, 850×480, 57 MB, 03:08)

Extras

Image Extra iconCommentary excerpt with editor and sound mixer Walter Murch.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

(From The Conversation DVD)

Credits

Title Design: Francis Ford Coppola and Walter Murch

Lord of War

Lord of War
Click to Watch

Click to Watch 720p HD Version


Reminiscent of the center-of-(wide)frame-focused opening to The Naked Gun, the knockout title sequence to “Lord of War” is a first-person narrative where the “I” happens to be a bullet. We bear witness to the life and death of the little guy. Sadly, the HDR-based CG imagery robs the piece of its realism; it’s obfuscatory where it might be stark. While well intentioned, the execution is incredibly clinical -there is too much message and not enough heart. You want a bulleted reality of war?


Private Joker: How can you shoot women or children?
Door Gunner: Easy! You just don’t lead ‘em so much!


The lensing is exquisite but calculated to a fault while the timeless music of Buffalo Springfield serves as a kind of mawkish plea, an unnecessary retread. And the child endgame plays as yet another manipulation; he wouldn’t be standing stiff in the midst of a firefight because he wouldn’t last with the given sight lines. As it -he- stands, the blocking of the actor contradicts a primal predilection towards self-preservation. As this doesn’t make sense, the slick stylization does not serve. The sniper duel in Saving Private Ryan succeeds because of a rooted context which subsumes an implausible end. That context is missing here.


We struggled for some time with this post. The first person POV reminds one of a first person shooter video game and never seemed suited to the subject matter. Now I wonder, was the gaming correlation part of the intent?

Direct Link | Format: QuickTime H.264, 800×336 | Size: 32 MB | Running Time: 3:01 | Year: 2005
720p HD Version | Format: QuickTime H.264, 1280×528 | Size: 66.4 MB | Running Time: 3:01 | Year: 2005


Related Extra: Title Sequence Breakdown with visual effects supervisor Yann Blondel


Related Movie Extra: The Naked Gun: From the Files of Police Squad! [1988] Opening Title Sequence

Direct Link | Format: QuickTime H.264, 720×386 | Size: 18 MB | Running Time: 2:07



Created by l’E.S.T.
Visual Effects Supervisor: Yann Blondel

Latest Updates

In-Depth Interviews

Matteo Manzini on Chéri
Jim Capobianco and Alexander Woo on WALL·E
Edd Kargin on Novaya Zemlya
David Daniels on Freaked
Kyle Cooper on The Incredible Hulk
Garson Yu on Hulk
Zephyr on Wild Style
Howard Nourmand on The Dog Problem
Nina Paley on Sita Sings the Blues
Stephane Coedel on The Amazing Adventures of Kid Cole & Klay
Stefan Bucher on The Fall

Master Index

© 2009 The Art of the Title Sequence. All other names and trademarks appearing on ArtoftheTitle.com are the property of their respective owners. The written content on The Art of the Title Sequence is licensed under an Attribution-Noncommercial-No Derivative Works 3.0 Unported Creative Commons License