Clickformedia

Ian Hunt Digital Media Designer

By

Post Production Techniques – Motion Graphics – Phantom Film Titles

Motion Graphics


Thursday 14th April 2011 – updated 19/04/2011

How did I make it

Using the information I had gathered from experimentation and previous projects I split the runtime of the title sequence down into manageable clip lengths or scenes. This was my first use of cameras in After Effects and Motion Graphics and so I decided that at the point when the camera passes through the background image this would end the scene, so the time that the camera takes to run between the backgrounds dictated the scene length and vice-versa.

I decided that each scene would be of similar length but with room for adjustment to allow for the Text Titles to appear sequentially, roughly this worked out to be  between 8 to 12 seconds.

Storyboards & After Effects/Premiere Screen Shots

Motion Graphics using After Effects

This was my first project using After Effects in particular using cameras, lighting and 3D Layers.

3D Layers adds the extra dimension Z which creates depth to the scene, so as well as motion from left to right and up and down there’s also in and out, this was how I was going to make the title sequence. The camera would start at the zero point and then go into the scene towards the background layer which I set at 3000px or more depending on how many text titles I was going to insert into each scene or how many characters. The maximum setting I used was 8000px for one scene.

As well as using cameras I also moved characters by keying in positions animating them across and towards the camera. I did try using the Auto-Orientation settings in Layers to automatically orientate the moving characters to always face the camera as it passed them but this did not give the effect I was looking for. I like the way that when the camera passes the characters you can see that they are cut-outs only 2D.

I used the Orbital camera tool to control the cameras movement through the scene and to make sure that the camera entered and exited each scene in the right location I also keyed in movement into the background to line up doors and windows to align with the cameras position.

The opening sequence where the gate to the city raises turned out to be more involved than I first thought – I ended up making this from 3 layers, the 1st one being the actual doorway , the 2nd the gate and the 3rd the courtyard inside the gate.

In one scene I felt the need to use a Lighting effect so that the character enters the scene in silhouette and moves into the light which then follows the characters movements through the scene.

In the final scene the chandeliers Anchor point was moved to a position in the centre of the Opera House ceiling setting the point from which the chandelier pivots from side to side.

I added Brightness and Contrast adjustment so that I could individually adjust these setting for each element of the title. Again I was considering making them all appear the same as the background but later changed my mind, making the characters brighter or darker based on how they appeared on screen.

Finally I went back to the design and removed the sky I had originally designed using Fractal Noise/Clouds and replaced this with an image of a nights sky full of stars and another layer showing a full moon. I then added a rose effect to the Moon using Fractal Noise and a Tritone colour effect to make the Moon appear to be blood red with storms raging across it’s surface. I felt this effect would add to the narrative adding something menacing to the visuals.

Soundtrack

I tried several classical music tracks with the title sequence and most worked but no seemed particularly menacing which I felt was vital to the overall feel of the sequence. Fortunately one of the copyright free CDs from the library offered up an excellent ghostly soundtrack which suited the sequence ideally.

I was tempted to added maniacal laughter to the Phantom appearance on scene but I removed it as it added little to the sequence and in fact I felt ruined it.

Image Gallery

%d bloggers like this: