Sunday, 11 December 2011

Design Production for Digital//Silent Movie//Storyboards.


Looking at existing examples of storyboards, and the way in which storyboards are most commonly sketched out and produced, as reference for my own work and professional outcome throughout this digital module.
At this stage of OUGD202, the Silent Movie brief, we have yet to go into the level of depth and detail that these storyboard hold, yet I know that I would like to practice and improve upon my hand-rendering and drawing skills in time where we progress on from simple typography. Below are a few examples (sourced through google images) of the storyboards I will be working from, and aspire to achieve a standard of.



Great detail and shading- although colour isn't used (along with the rest of the examples I have shown on this post) a sense of tone is established which help gives depth and character to the key frames. Great use of arrows and annotation also used to help where exact visual communication may not have been conveyed.
 


A little annotation/image heavy for my liking- but certainly serves a purpose- quickly drawn and quick to understand- would be good to use in a crit session or a business meeting for a quick sketch-up example- visual communication is always the most useful way to convey an idea.



Again, good use of shading to help express the visual communication throughout the key frames in the animation sequence- again, with a few annotated notes to help further explain the intentions of the designer- useful for both the client and the design themselves when taking the designs further into the necessary digital software (in our case, Adobe After Effects).




Interesting way of labelling and marking the key frames with the boxed off section at the top- would be interesting to find out whether this is relatively common practice or not. Again, good variation in weight of line in the sketching to help establish the character of the scene- plenty of detail, but still minimal- just enough to visually portray the important message and aesthetic detail required.
 


Again- minimal and sketchy, but still with enough information to help put over the necessary detail through the key frames and the animation sequence- for me, particularly fussy with detail and perfectionist by nature, it will take quite a lot of confidence to produce work that is this readily-made and sketchy, but I hope to practice over Christmas (I used to draw every day, boo hoo!) and get my confidence back with this fast, communicative style.



Great use of block colouring to establish shadow and shade in this image- makes the key frame look quite bold and dynamic- already giving a great sense of character to the design. 



Here, quite an in-depth example of sketched key frames- not only in the design details, but the time in which the sequence and key frames run- all quite closely aligned and detailed- I imagine this would have been produced at a late stage of the animation development when important details are an important factor for consideration.


Bold, annotated and clearly arrowed design- a great starting point in establishing key frames in an animation sequence- really helping to portray the message to the design team/client without being too busy- yet still visually clear and direct. 



 Again, another example of quick, simple, yet very effective shading techniques that for me works really well- helps to get an idea instantly onto the page at it's most primitive stage. Throughout this module I'm going to really try and get as much visual imagery down as possible to document my progression through this very new design output I am learning (digital media and animation).



Instantly recognisable as work from the television series, The Simpsons, a great example of the primal stages of hugely successful animation- really interesting to see how these initial stages are formed, and a great source of inspiration for my own work- best get sketching!

Friday, 9 December 2011

Design Production for Digital//Silent Movie//More kinetic type.


Looking at more examples of kinetic type- this time in perhaps more of a mainstream, or narrative format- as well as being from YouTube, which, comparatively to Vimeo, it is far more rich in quantity for my research, but perhaps not quality- but will, of course, provide a lot more room for potential inspiration for the motion graphics movement in my own Silent Movie project- looking at colour, type, and layout, in particular.


Great use of layout- keeping a varied and interesting composition- amazing what you can do with such a minimal colour palette and simple, modern sans serif typeface. Executed with great finish, the motion is so slick and precise, it can almost be forgotten about- all the movement seems very natural and fluid.


Wonderfully eerie and subtle, the uppercase sans serif typeface is really crisp and clean- and combined with the styalised effects make this animated piece really edgy and considered- again, also, showing how effective a minimal colour palette can be.


Whilst I can see how the typeface is appropriate to the film, having watched it in the past, I don't think it's visually that effective- it looks a little messy with the textured background, and a little out of context with the particular sound/narrative- if you weren't to have seen the film, it could be a little confusing or misleading. However, I think the colours work well- particularly with the blood splatter effect played in the background.


Quite brilliant! This scene from Oscar winning 'The King's Speech' perfectly encapsulates the scene where the King is engaged in an angry speech therapy session- good use of colour- a lot going on, but they are well-considered and consistent. Also, using the typeface Gotham ensures that the animated piece looks clean, crisp and contemporary.


Fun play on the scene in Resevoir Dogs where the agents are assigned their names (Mr Black, Mr Brown, Mr Pink, etc)- in which the type and colour used within the motion piece works alongside the narrative- interesting use of textures and effects too (such as the vignette) - gives the animation a very filmic, old Hollywood style.


At first, I thought that the layout and positioning of the type was a little cluttered and a bit too messy for my liking- though at the end of the motion piece, I could see how carefully planned and considered it really was! The lowercase/titlecase serif typeface works well with communicating the subject matter, and the subtle yet prominent use of colour for a single word works well- a memorable and unique design.


Good use of minimal colour and simple yet effective layout and composition from this narrative in Quentin Tarantino's 'Pulp Fiction'- easy to watch and direct- perhaps could be a little more inventive, however?


I much prefer this motion graphics piece from the film 'Kill Bill' from the example written about earlier in this post- the colours feel more appropriate (the stark contrast of the bright yellow and black which is iconic- and can be seen throughout the film) as well as a more appropriate use of type- however, in this example, I still would have chosen not to use the serif typefaces- doesn't feel appropriate for the violent, brutal, yet ever-so-stylish film and it's narrative content.


Good use of type effects in this section from Pixar's 'Up'- I like the way that the type overlays when the two central characters are talking over one another. Although the yellow, black and white work fine together- I would have liked to see a blue version. Again, being familiar with the film, I feel that this would have been a more effective means of visual communication.


Very fun and playful- but for me, I would have probably chosen not to add the images- they feel a little unnecessary, and clutter an otherwise slick and inventive motion piece- though they, by no means, affect it's visual impact entirely. Good use of minimal colours throughout the narrative- but still bold and eye-catching.

Thursday, 8 December 2011

Design Production for Digital//Silent Movie//Televised Idents.







Starting to look at a selection of televised idents as identities for the television channels BBC One, BBC Two, and Channel 4, as inspiration for my own visual communication and design development for the Silent Movie/digital design brief- idents both past and present. 

Growing up with these idents (particularly the BBC Two selection)- I have been awed and inspired by them throughout my life. Great ideas of how to give character and personality to my words and letterforms- hopefully I will be able to master and develop my After Effects skills to such a degree where I can feel that real characteristics will be formed in my work that are true to my selected words float/stretch.

Saturday, 3 December 2011

Silent Movie//Kinetic Type Research Task.



In one of the two research tasks for the Silent Movie project (see my Design Practice blog for more details) we were assigned for over the weekend, we were asked to look at an existing piece of motion graphics design- specifically kinetic type. For the first part of the task, being asked to take a series screen grabs of the design (twenty-five). From my research and videos sourced earlier today, I chose this hypothetical title sequence for the classic Hitchcock film 'North by Northwest' for it's interesting variations of composition, type layout, and minimal, sophisticated colour palette.

 I took twenty-five screen grabs over the 1 minute 15 video (75 seconds)- resulting in a screen grab every 3 seconds (temporarily left the time bar on the bottom- I'll crop the images down before I print them off for presentation on Tuesday- just for my reference for the meanwhile). Really interesting to see the progression in the kinetic type design this way- distinguishing the key frames throughout the design as well as developing a closer understanding of time specifications, movement, and composition.


Then I went on to generate a series of screen grabs highlighting what I felt were the key frames within the motion graphics design. Surprisingly not as many as I thought- being a title sequence, the design covers a lot of content, though each key frame specified here (on average 75 seconds/# of frames) is at every 3.75 seconds- though, of course, could easily be broken down into more detailed and depth. 

Again, I will crop down the images ready for print and annotation for Tuesday's scheduled workshop session.


The sheet ready to print and annotate on Monday (printing onto A3 scale to achieve the highest resolution, scale and quality of image at short notice)- bit peeved with the widowed frame at the end- but I wanted to achieve the largest frames possible within the dimension limits- GD sacrifices must be made. Again, I will annotate this with directions and time frames once printed (and post an image below...). 

NOTE: After talking with friends (GD buddies) today I realised that we don't have to annotate the screen grabs as we will in fact be cutting them out... probably should have been listening more carefully...

Silent Movie//Kinetic Type Research.












Some brilliant examples of kinetic type sourced through Vimeo- a video sharing website which I will be using for the intirety of the design for screen module (throughout both the 'Silent Movie' and '10 Things You Need To Know About...' project) for both presenting and documenting my own work, and researching the work of others.

Here, some great examples of kinetic (motion graphics) type- which I will specifically be looking at, and recreating with my own two design words 'Float' and 'Stretch' (see my Design Practice blog for more details)- manipulating typography for visual  communication and/or a narrative using the Adobe After Effects Software in short five-second bites (a minimum of five videos for my final outcome). 
Some of my favourite designs so far- each with it's own quality that appeals to my own style/way of working (the majority of which were created in After Effects- the few exceptions in Cinema 4D)

1// North by Northwest, Henry Chang

Chic, classy piece of design- would make a wonderful, and unique, film title sequence. The monochrome colour palette ensures it looks classic and sophisticated.

2// Where The Wild Things Are, Seth Akkerman

Really fun use of materials- visually communicates the feel and the style of the film well. Clever integration of image with type, though, unfortunately, I won't be experimenting with the two just yet. Great blend of colours used also, really childlike and bright.

3// Liar Liar, Dale Hyder

Fun, playful simple- good consistency of colour (used in the title credits/typography of the film itself) and subtle use of pictorial/vector images which works well with the bold typefaces used.

4// The Story of Us, Sabine Bein

I didn't know this was Taylor Swift when I originally clicked on it...honest. Again, I love the simple vector imagery, just my cup of tea! Plus, the colours combined with the typography work wonderfully well together- both feminine and contemporary.

5// A Very Vimeo Valentine, Doug Chang

Utterly romantic- this would always be a greater gift than roses. Lovely use of movement and variant of point sizes and typography throughout the video- really bold, high impact- certainly leaves an impression.

6// V for Vendetta, Christopher Silich

Really simple but stylish- works wonderfully with the beautifully sophisticated linguistics and language used in both the film and this motion graphics piece- just the right level of edit- where it's so naturally it's a "barely there" visual- natural and just right.

7// Bohemian Rhapsody, Alan Ayers

Not too fond of the overall visual outcome (never been a fan of background textures in motion graphics... too messy and uneccessary for me)- fun use of visual communication through the placement of type, which fits the narrative of the abstract nature of the song very well.

8// Conan O' Brien, Jacob Gilbreath
http://vimeo.com/20534171

A really unique video- one colour, the combination of decorative typefaces and the rotation make this quote piece really visually engaging- simple, but totally stylish in a crisp, clean and minimal way. Brilliant.