OUGD204 - Shape / Colour Task

Just using 1 Shape and varied tones of 1 colour, connote the following words simply by changing the placement, orientation and scale on the page. It was noted that this is what we need to consider when arranging elements within a publication layout, for example - there has to be a reason for everything - choice of font, scale, weight; everything has a voice.

- Dreamy
- Aspiring
- Powerful
- Calm
- Intense
- Relaxed
- Stormy
- Precious

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

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. 

Top 10 - Development

Bridemaids - X-Men: First Class

Before the X-Men segment appears, I needed a transition from the Bridesmaids sequence. Based on my designs (here), I envisioned a white / light grey background therefore I decided to use the bride (white icon) to form the background. I used some position and scale keyframes to zoom into the head of the icon, forming a white background.

X-Men

The coin in X-Men is featured heavily throughout the film which is why I have incorporated it into my title sequence. In sync with the music, the 3 main elements of the coin appear - the coin itself, eagle / symbol, type. This then disappears, when the magneto helmet (also featured prominently in the film) appears from behind the viewer, along with a blue background in anticipation for the Harry Potter sequence.

Harry Potter

Once the Magneto helmet disappears, I used the write-on effect (used in my Silent Movie videos), to 'draw' the 'Deathly Hallows' icon. However, I initially ignored the timing of the video but later positioned the keyframes in time with the 3 main beats of the track.

Deathly Hallows icon -> Harry Potter glasses

I imported the deathly hallows icon as a composition and as I wanted the circle to retain after the write-on had ended (to eventually form a pair of glasses), the triangle and line had to disappear. I wanted these to reduce in scale, in sync, towards the centre of the frame.

Rather than importing the glasses as a separate layer, I duplicated the circle from the Deathly Hallows icon to form the other lens. To match these transitions with the 3 beats of the track; on the first, the triangle and line disappears; on the second, the circle moves to the left to leave room for the other circle and the third; this circle appears.

Lightning bolt / Fixes

I altered the Deathly Hallows icon segment to sync with the 3 beats of the track - each asset appears at each beat. The background changes and a lightning bolt appears using the same write-on effect, again, in time with the music

Top 10 - General issues

Extending the monkey expression sequence - previously, the monkeys facial expression changed as it was decreasing in scale therefore it wasn't as noticeable. I attempted to alter this whilst still keeping the sequences either side intact.

The text within 'The King's Speech' sector moved out of the frame midway through the sequence. I kept the text in longer, having it leave the frame as the medals move. I simply added some colour fill keyframes for background transition.

It was noted in the final crit that some of the transitions in the earlier stages were not as effective as the others. After re-playing the video, it seemed as if they were not as well thought out other transitions. I looked at alternatives to the brown background appearing after the Super 8 sequence. Here is the original and an alternative.