OUGD202 - End of module evaluation

Top 10 - Final packaging

Final packaging design with a perforated film reel that reveals the title, 'Top 10 Films of 2011' set against an orange background. When fully perforated, the two sleeves open out and inside is a roll fold insert that holds the CD. The number '10' consists of all the icons used within my title sequence.

Top 10 - Final sequences

Title Sequence
Top 10 films of 2011




Ident 1
The King's Speech





Ident 2
The Inbetweeners





Ident 3
Bridesmaids





Ident 4
Harry Potter

Silent Movie - Finals & Post-production storyboards

Post-production storyboards - Taking the most important frames / segments




Silent Movie 1 - Spinning yarn/wool enters the frame and forms the word 'spin'

Silent Movie 2 - Spontanous increase in size, rotation and speed. Final subtle rotation of the letter ‘S




Silent Movie 3 - Letterforms appear from behind the viewer and rotate into place in the centre of the frame




Silent Movie 4 - Spinning letterforms that consecutively enlarge towards the viewer




Silent Move 5 - Additional cursive characteristics slowly form

Silent Movie 4 & 5

Silent Movie 4

Each letter will consecutively enlarge towards the viewer and out of the frame. I therefore separated each letterform onto a different layer in Illustrator so I could transform and manipulate them individually.

Initially, I attempted to enlarge the letterforms towards the viewer and alter the speed graph so the letterforms spun fast but reduced in pace when they reached the 'front' of the frame. However, I couldn't get the timing right:

I altered the letterforms to leave the frame instead:

Silent Movie 5

Based loosely on my initial storyboards (featured below - a combination of all but 4), I wanted to manipulate an already existing cursive font and extend this with more exaggerated cursive characteristics. I created one layer - the 'normal' state and another with the added decorative features. I used the write-on tool to achieve this affect and spread the keyframes over the 5 second timeline.

Top 10 - Packaging - Digital

Although the box / reveal concept wasn't as feasible as I hoped, I still wanted to retain the film reel concept which revealed a design of some sort within the insert that held the CD. I looked at using the formation of icons into the number '10' aswell as solely using type.

I was initially going to have a monochrome colour palette but decided it would be more striking if the insert was a solid colour to create an effective contrast against the white outer packaging.

Top 10 - Packaging mock up

An initial mock up design based on the perforated film reel concept. When I got round to doing the insert - a mould containing the CD, it proved more difficult than expected as it was only 1cm deep to fit the CD in perfectly (whereas the packaging as a whole was 2cm deep). Although I won't go ahead with this idea, I will definitely retain the perforation concept.

CD = 120 x 120mm 

Mould = 170mm x 180mm

Outer = 210mm x 220mm

Perforation = 20mm in height

Top 10 - Packaging designs

I wanted to use the film reel I used throughout my title sequence and idents as a basis of my packaging design. One initial idea I had was to use this as way of accessing the CD - possibly perforated. The reel could be situated in the centre of a box which can be separated into two drawers by removing the perforated film reel. This reveals an insert underneath - maybe a perfect mould for a CD case? Or the CD itself?

Top 10 - Ident 4

(1) I decided that when the background appears, the Harry Potter glasses are already positioned in the centre as it seemed to fit in sync with the music moreso than if it were to appear from outside the frame.





(2) The scar appears on the 3 main beats in the track

Top 10 - Ident 3

(1) Final rollover appears from the top of the frame. As the backgrounds are exactly the same for both the bridesmaids sequence and the channel info, this transition does not work as well as the other idents (which  have contrasting backgrounds).

(2) Circular transition enlarging from the centre

(3) Background appearing from the right of frame

Top 10 - Ident 2

(1) Using the Inbetweeners Movie as the basis of my second ident. In this example, I have looked at solely incorporating the tie though the final outcome lacks substance. I have again used the scrolling text effect, landing on the inbetweeners instead.

(2) Added beer bottles in quick succession immediately after the film reel - possibly too fast? There are several timing issues which I need to resolve for the final ident.

(3) Bottles appear later and scrolling text appears mid-way through the beer bottle segment. The timing now seems more fluid.

Top 10 - Ident 1

I have chosen to do 1 film per ident therefore I chose the 4 sequences I believed to be the most effective and would work within the limited time frame. For the first ident, I chose 'The King's Speech' as I like the way the microphone pulsates in sync with the 3 beats of the track.

I used the following type sequences from Sherlock as inspiration for my scrolling text:

For the scrolling text, I simply used an extended paragraph which is hidden by shapes filled with the same colour as the background. There is probably a more efficient way of resolving this but as my video features solid backgrounds, I decided to use this process (I should really look into how to achieve this).

As I wanted to give the impression the text was scrolling on a wheel and ending on one line of text, the natural motion would be for the wheel to slow nearer to its end - quick entrance, slow end. I altered the speed graphic to try and achieve this, as seen below:

(1) Based on my storyboards, I started the ident with the film reel that is featured in the beginning and end of my title sequence. This is subsequently followed by red circle which increases in scale and forms the background for the King's Speech segment. Aforementioned, I incorporated the pulsating microphone and positioned the keyframes in sync with the track.

(2) A dark grey background appears from the top of the frame to form a uniform background for the channel information - this will be featured in all of the idents to create a consistent identity. This was based on my initial design ideas.

(3) I altered the speed graph of the grey background to create a more fluid and smooth transition. It enters at a quick pace and slowly reaches the bottom of the frame.

Top 10 - Channel info

Re-creating the BBC three logo - I found out the font used within the BBC branding is Gill Sans though as seen below, neither the regular or bold weight seemed to match so I decided to stick with the regular weight.

The paths are off slightly and the weight of the 'BBC' font is lighter (the bold weight is too heavy) but I will go ahead and use these within my idents to keep a sense of authenticity.

-

Top 10 - Ident storyboards

I intend on deriving my idents from the final title sequence which is why I spent the majority of my time focusing solely on the 60sec animation. I initially thought on having 1 or 2 films per ident and finishing with the channel (BBC three, time, date etc).

However, I have decided to use the idea of having the film reel initiate the ident (much like the title sequence) as this encompasses film in general (and not just Super 8) followed by just one movie. The ident will end with the info being revealed on the 3 beats of the backing track.

I looked at a range of different text / info compositions to see which was the most effective. As the ident ended with 3 strong beats which I have used as markers throughout my title sequence, I decided for the information to be revealed in sync with the track. 

Top 10 - Icon development

I have experimented with various icon arrangements to see whether I could incorporate this into the idents or the DVD packaging. It could form the ending of the idents (image 5) or the main imagery for the packaging - encompassing all of the top 10 films.

Fills and strokes - random arrangement, no particular shape

Just strokes - Needs more variation

Coloured backgrounds

Masking the number '10'

Combining with type

Top 10 - Title Sequence

The final title sequence combining all the top 10 films of 2011. 

I decided to switch the final typeface from Nevis to Gotham as it seemed more striking in comparison.

Top 10 - Title / Ending

Here I have experimented with different title sequence endings, keeping the aesthetics fairly minimal to match the imagery. I then decided to incorporate the film reel I included at the start of the title sequence in order to highlight the start and end as a reflection on how films used to be shown on reels. Fortunately, the backing track ended on the 3 main beats which I have been continuously using to indicate the pace of the video

(1) Reel enters and leaves the screen on pre-existing green background leaving the type to form on the 3 main beats.

(2) Paul segment finishes on the 3 main beats 1 - alien, 2 - alien disappears, 3 - black background appears. The reel enters the same way as the previous example.

(3) Continuous film reel with type appearing on the reel itself. Will go ahead with this version.

Top 10 - Development

8 movies down, 2 to go. With just several seconds left, I needed to keep these segments fairly minimal in order to leave time for the title itself. For the Hangover 2, I decided to include an alarm clock (featured in my initial animation tests) to suggest the point in the film when they abruptly wake up. For Paul, I used a stereotypical alien icon.

I decided to replicate the animation of the clock I used in my test animation (featured here) but tweaked it in order to keep in keeping with the backing track.

(1) Glasses lens fills with colour and forms the main clock face.

(2) Several rotation keyframes to give the impression the clock was ringing.

(3) Glasses, bolt and 'Harry Potter...' type disappears at the same time and the clock emerges from the background. It rotates several times and each part of the clock is hidden in time with the beats of the track. The background colour changes and the alien appears.

(4) I then edited the timing of the clock and alien segments to appear more fluid

Top 10 - Organisation

I ensured all my layers were colour coded as it started to get confusing - some of these layers formed nested compositions, as you can see in the second image. I need to keep this organised because there are far more layers than I anticipated.