The Art of the Title Sequence

The Usual Suspects

The Usual Suspects contact sheet
Click to Watch SD
| Click to Watch HD

Sine waves shimmering upon a black harbor on an elegant loop. The music a string orchestra (a quartet?) piano and bell.

USA/Germany | 1995 | Color | 2.35:1 | English/Hungarian/Spanish/French

Extras

Image Extra iconCommentary excerpt with composer and editor John Ottman.

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 The Usual Suspects: Special Edition DVD and Blu-ray)

Credits

Title Designer: John Ottman

Soylent Green

Soylent Green contact sheet
Click to Watch

Art of the Title would like to give thanks. At the centerpiece of your meal remember, the Thanksgiving holiday is about people. And so, “Soylent Green.”

Sequence editor Chuck Braverman, known for his flash frame kinestasis montage/films, opens director Richard Fleischer’s film adaptation of “Soylent Green” with images of the blossoming bourgeoisie. The plague of population pressures is then conveyed with such surehanded conviction that you believe, we all believe, just how easily the cookie crumbles.

USA | 1973 | Color | 2.35:1 | English

Direct Link: 480p (QuickTime, 848×368, 27 MB, 02:17)

Extras

Image Extra iconCommentary excerpt with director Richard Fleischer
(From the Soylent Green DVD)

Credits

Title Designer: Chuck Braverman

True Blood

True Blood contact sheet

What it is to be reborn.

A closed-mouthed catfish and cheery gator serve as an aquatic admission into a place that suffers the rot of intolerance and blackish baptisms. Stick shacks sulk under Spanish moss. Jace Everett’s song “Bad Things” plucks and coos over the risque and the religious imagery of Alan Ball’s title sequence for “True Blood” contextualizing the slutty and the sweet swamp-goth vampiric mise-en-scène.

Elements of this sequence have been compared to elements of Andrew Douglas’ mesmeric, stunning, one of a kind film “Searching for the Wrong-Eyed Jesus.” Art of the Title’s intention in providing the opening to “Searching for the Wrong-Eyed Jesus” is pure. It is very good southern surrealist cinema.

Extras

Video Extra iconSearching for the Wrong-Eyed Jesus – Opening Scene

Searching for the Wrong-Eyed Jesus thumbstrip

Video Extra iconDigital Kitchen’s True Blood Featurette (contains nudity)

True Blood featurette thumbstrip

Justice League: The New Frontier

Justice League: The New Frontier contact sheet

Nautilus rockets, McCarthyism in an Atomic Age, moonlit-framed rooftop chases, lightning bolts that echo Saul Bass and a symphonic score by Kevin Manthei punctuate director and title designer David Bullock’s opening to “Justice League: The New Frontier.”

Director David Bullock:

“I put these together with a great compositor by the name of Aziria Owens. Azi would, in After FX I believe, build the shots from layered storyboard files that I “cut” in Photoshop. Once the individual shots were finished they went to WB’s editing department. Some of the Avid work is a bit clunky, but this thing had no budget! Going for a Saul Bass approach was not only the right design approach, it was economical as well. Although we had no real $ I agreed to put the titles together on weekends over the course of two to three months while I directed on Sony’s “The Spectacular Spider-Man” toon.”

Over all the movie was robbed of time. That being the case Darwyn and I had many discussions on how to cram story info into the titles as well as set a tone. And even more discussions about fonts!
I based at least half of the shots on Darwyn’s NF comic covers and interior pages. All that was left to do there was chose a great “BluNote” color scheme and figure out how to get in and out of the shot. The remaining shots were attempts at capturing the tone of the era’s design greatness.

Kevin Mathei came up with a ever building soundtrack that really adds intrigue to the piece. Honestly I was all about a Brubeck style jazz approach, and would still liked to have pursued it, but was out flanked by producers. Remember the great Johnny Quest title music? That’s what I’m talk’in abooouuutt! That said I’m very happy with what we have.

Any way, I hope you enjoy the titles and the movie. It was a great opportunity, and I revelled in it!”

Extras

Image Extra iconFeature Commentary excerpt with writer Darwyn Cooke.

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 Special Edition DVD and Blu-ray)

Image Extra iconFilmmaker Commentary excerpt.

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 Special Edition DVD and Blu-ray)

Image Extra iconDavid Bullock’s Original Storyboards – Click to Watch Slideshow

David Bullock’s Original Storyboards thumbstrip

Halloween

Halloween
Click to Watch

Click to Watch 720p HD Version

John Carpenter’s menacing theme for “Halloween” sends some into a panic and some smiling. Composed and performed by the man himself, Carpenter’s influences were Bernard Herrmann and Ennio Morricone (Carpenter worked with Morricone on his masterwork, “The Thing.”). The opening sequence shares some similarities with a film that Carpenter adores, Roy Ward Baker’s “Quatermass and the Pit.”

The sequence plays like a blackhearted processional we’d like to writhe away from but the pull of this simpleton’s grin has us. A flicker to contemplate and a well timed fade to black of the image leaves only Carpenter’s credit and his music. And our eyes, open with fear.

Direct Link | Format: QuickTime H.264, 864×368 | Size: 22.4 MB | Running Time: 2:20 | Year: 1978
720P HD Version | Format: QuickTime H.264, 1280×544 | Size: 48.9 MB | Running Time: 2:20 | Year: 1978

Quatermass and the Pit

Quatermass and the Pit
Click to Watch


The title sequence to Hammer’s “Quatermass and the Pit” does more to fascinate than horrify. The jigsaw skull and satisfyingly sinister score gets it right, as does the push through to the fateful gloom of Hobbs End Station.

The great John Carpenter used elements for Prince of Darkness and, perhaps, Halloween?

Direct Link | Format: QuickTime H.264, 640×384 | Size: 4.6 MB | Running Time: 0:34 | Year: 1967

Max Payne

Max Payne contact sheet

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.

EXTRAS

Image Extra iconProduction Details document. (PDF)

Video Extra iconMax Payne CGI Process

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 DREAM SEQUENCE BY JAMES BAXTER ANIMATION

Kung Fu Panda - Opening Dream Sequence contact sheet
Click to Watch SD
| Click to Watch HD | iPod/iPhone

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.”

CREDITS

Dream Sequence Production by James Baxter Animation

Dream Sequence Director: Jennifer Yuh Nelson
Animation Director: James Baxter
Assistant Animation Director: Chris Sonnenberg
Producer: Hameed Shaukat
General Manager: Kendra Baxter
Key Clean-Up Artist: Helen Michael
Rough In-between / Asst. Clean Up: Raymond Flores Fabular
Compositors: Jason Brubaker, Erick Tillman
Color Models: Claire Williams
Ink & Paint: Tina Staples
Line Art Scanner: Marisa Ledina
Accounting: Lauren Matthews-Hill

Kung Fu Panda Custom DreamWorks Animation Logo:
Animator: Rodolphe Guenoden
Additional Animation: Jason Brubaker
Key Clean-Up Artist: Helen Michael
Clean-Up Assistant: Raymond Flores Fabular
Color Models: Staci Gleed
Ink & Paint: Tina Staples
Compositor: Claire Williams

END CREDIT SEQUENCE BY SHINE

Kung Fu Panda - End Title Sequence contact sheet
Click to Watch SD
| Click to Watch HD | iPod/iPhone

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.”

USA | 2008 | Color | 2.35:1 | English | DVD/Blu-ray

CREDITS
Main End Credit Sequence Designed and Produced by Shine

Creative Director: Michael Riley
Executive Producer: Bob Swensen
Designer/Animator: Dru Nget
Animator: Dan Meehan
Animator: Zack Nederlander

Dreamworks In-House Animation Team:
Character Animator, Po: Gabriele Pennacchioli animator
Character Animator, Shifu: William Salazar
Character Animator, Tigress: Rodolphe Guenoden
Character Animator, Tai Lung: Philippe Le Brun
Character Animator, Mantis: Ken Morrissey
Character Animator, Viper: Rodolphe Guenoden
Character Animator, Crane: Simon Otto
Character Animator, Oogway: Ken Morrissey
Character Animator, Po’s Dad: Alessandro Carloni
Character Animator, Zeng & Rhino: Pierre Perifel
Character Animator, Monkey: Gabe Hordos

EXTRAS

Image Extra iconIntense Collaboration on Kung Fu Panda’s End Credits – StudioDaily Article

Weblink Extra iconA Conversation with Michael Riley – ToolFarm article

Kung Fu Panda ™ & © 2008 DreamWorks Animation LLC.

Advertisement

ADS by FUSION

Latest Updates via Twitter

Twitter Updates

    follow us on Twitter

    Categories

    • [+] Companies
    • [+] Designers
    • [+] Features
    • [+] Interviews
    • [+] Titles

    Referral

    Master Index

    © 2010 The Art of the Title Sequence. All other names and trademarks appearing on ArtoftheTitle.com are the property of their respective owners.