The Boy with the Incredible Brain

Graphics from the documentary, focusing on light and refraction.

Documents with short DOF

These documents have been treated in a 3D program to suggest they have been shot with short depth of field and textured and graded to give that warm elegantly lit appearance.

Face Substitution

Real time face-substitution by Kyle McDonald: Continue Reading →

Mischief PR

Mischief PR

Grange Hill meets PR company.
Check out the desk here.

Frank PR

Simply sketched flash website, with a doodled feel.
Link to this here.
 
 

Sherwin Williams – River

Commercial using card colour swatches to create a whole CGI environment.

Rayban: Never Hide

Slick use of simple 3D use lights and heavy reflections to creative colourful graphic visuals.

John Carpenter's The Ward

Titles incoporating archive stills by placing them against a plane of breaking glass. Not for the very squeamish…

Casino Royale

Quintessential Bond title. Girls, guns, silhouttes.

Visible Human Part 2

Tests using the Visible Human Project data – see original video here. And creating a 3D model with the CAT scan.

Rubicon Title

Title animation using purely motion graphics and clever transitions with a small colour pallete to great effect. Lots of documents.

Randolph Churchill

Mapping Test, creating a 3D model of Mr. Churchill and wrapping his image around it, to create an extreme parallaxed dimension on to an ordinary archive still.
[flowplayer src=’http://td-sketchpad.com/wp-content/uploads/2011/09/randolph.mp4′ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/RandolphTD.jpg’]

Cinema Philips Film

Some serious time-freeze action going on here. My guess is a mixture of parallax, 3D mapping, plenty of wire and mannequins. (..too many people in masks..)

Archive stills

Avery nice blend of old photographs but mapped onto simple 3D models.

Move

I guess these guys got in before airmiles added their fees & taxes. Great little sequence which must have been months in the planning.

Captain America

Title sequence using image mapping of 2D paintings on to 3D objects.

The playground fight

What appears to be a great piece of motion capture was actually created using stills which were then applied to 3D models of human heads to create the idea of cameras moving around frozen action.

Stunt poetry

A study in high speed photography or clever morphing of stills using twixter plugin for After Effects.

AT&T retinking possibilities

This is just a great, heart warming advert combining kids drawings by means of camera tracking and clever compositing.

Drawing In Space

Test into a simple pen line which can then be rotated into three dimensions.
[flowplayer src=’http://td-sketchpad.com/wp-content/uploads/2011/09/3D-Drawing_iPod_Lg.mp4′ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/drawn-in-space.png’]

Dustin Hoffman – Sky Atlantic

Just lovely simple advert with actor, one camera and the sunlight. Like the brashness of the jump cuts.

americanExpress

American Express: Impossible

Flat shaded animated 3D with clever transitions into letter types.

Mercedes-Benz Oil

Animation morphing CG oil to create shapes and settings for animation and archive footage.

Peugeot Ecolo

Sculpted steel tubes shape the car body and details as the 3D camera traverses through the space.

Honda Jazz

Playful surreal advert using 3D to follow a family’s journey through the sky and into the building of car.

Shape Illumination

Cinema 4D CGI test into global illumination. Lighting the shapes from within to create colour and light within the composition.
[flowplayer src=’http://td-sketchpad.com/wp-content/uploads/2011/09/renderNumber1Balls_iPod_Lg.mp4′ width=480 height=360 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/numbers-and-shapes.png’]

Skoda – Value Written All Over It

Car Commercial using pencil sketching mapped on to a 3D service to create a graphical feel and advertise craftmanship

De Montford University

Jimmy Choo describes a shoe using trapcode light graphics.

Sustainable Investment Markets

Tracking data graphics over satellite imagery to get a sci-fi technological feel.

Parallax Horse

Animated pitch using a form of parallaxing to create an extreme slow-motion effect of a horse mid-jump.
[flowplayer src=’http://td-sketchpad.com/wp-content/uploads/2011/09/rolexHorse4.mp4′ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/rolexHorse.png’]

TEDxBristol

8bit style isometric animation with flat colours in 3D.

Genesis Creative Narrative

CGI animation documenting the creation of the earth in a scientific way, yet narratively based around religion.

Discovery Lifestyle

Discovery channel ident using 3D composited over blue-print backgrounds to create a diagramatic data look.

Siminn TV

Advert using film frames and alot of 3D to create a fast-paced adventure through their TV programming.

Medstyst Shockwave Therapy

Live action is tracked in certain points, and medical 3D animation is overlayed to look like X-Rays.

The Biology of Change

Commericial using trapcodes (I think) to create medical style 3D animations for Momentum Health.

A Brief Introduction to Genetics

A nicely designed graphic presentation using a mixture of flat shaded 3D and 2D animation.

Map / Territory by Timo

Plane tracking is used effectively with overlayed graphics.

Satellite Car Chase

Inventive use of overlaying an animation of stiched together Google maps images.

HSB – Ursvik

Pop-Up Book animation but adding live action to the pages for added interest.

BMW – Series One

Technical graphics and kaleidoscopic animation provide a data heavy car commercial.

Gent: Scheppende Stad

Gent Scheppende Stad (Ghent Creative City) is an initiative of the city council of Ghent to (together with several creative forces/different sectors of society) look for solutions for the urban challenges, so they can shape the future of Ghent together.
Continue Reading →

Absolut Apeach

Kaleidoscopic 3D imagery creating graphics around a vodka bottle by Film Tecknarna.

My Best Friend Plank

Cartoon Network ident using retro stylings and parallax manipulation of photographs.

Juno

Mixing live action with rotoscoped animation and stop-frame to create a mixed media look.

Renaissance Remastered

By mapping a painting in extremely high photographic detail, stitching the images and using a proxy-morphing technique, we were able to create incredibly large zooms to square centimetre sections, all in HD for Renaissance Remastered on BBC2.
[flowplayer src=’http://trainordaviesdesign.com/wp-content/uploads/2011/01/pieroZoom.flv’ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/renaissance.png’]

Stranger Than Fiction

Titles using tracking to display data in a scientific and graphic manner.

Number 23

Static titles using close-ups of paper and documents with subtle animation to create a coded typographical sequence.

MTV: P.O.V.

Old diagrams are animated in 2D and 3D to create a vintage looking title sequence with a graphic feel.

Blue Valentine

Title sequence using lights as a matte to reveal photography. Simple yet effective.

Elektra Luxx (NSFW)

This sequence block shades the live action and adds it together with animation to create a very bold graphicly styled sequence.

Herbst

Title sequence using minatures and macro lenses to create space with tiny figures.

Dispatches: Tabloids, Torries and Telephone Hacking

Graphical sequence using buzzing numbers to convey telephone hacking and voicemail decoding for Channel 4’s Dispatches.
[flowplayer src=’http://trainordaviesdesign.com/wp-content/uploads/2010/12/dispatches.flv’ width=660 height=371 splash=’http://trainordaviesdesign.com/wp-content/gallery/dispatches/dispatches3.jpg’]

Dexter

Dexter’s titles include extreme close-ups to get a dramatic feeling of intensity.

The Borgias

Artistic title sequence mixing painting with live action and close-up.

Catch Me If You Can

Film title sequence using flat colouring with subtle 3D to create a retro graphic feel

Six Feet Under

Classic title sequence using live action footage placed carefully with credit typography

Wacom: Inkling

Advert for Wacom software, mixing hand drawn animation with live action

2009 offf titles

Beautiful camera work, interesting fashion and left-field additions to the landscape.

Grip Ltd

Grip – Canada

Lively website inspired by Victorian posters, which moves in sections, up and across.
Link to this here.

Edward VII: Prince of Pleasure

Montage of our Timewatch special using canvases decorated with photos and memorabilia to create rostrum style moves matching the narrative.
[flowplayer src=’http://trainordaviesdesign.com/wp-content/uploads/2010/12/edward.flv’ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/edward.jpg’]

Rohm and Haas

Rohm and Haas – company history

You have a massive archive and a story to tell – this is one way to do it.
Link to this here.

The Dashboard

The Dashboard

A Smörgåsbord of mini web activities.
Try for yourself.

Poland's Heritage

Presenting an exhibition in an exciting way, this Flash website brings life to old manuscripts.
Link to this website here.

Matko Stankovic

Matko Stankovic Photographer

Interesting interactive website, which initially is a bit like driving a car when you are unfamiliar with the controls.
Try it yourself – click here.

Ubersuper

Ãœbersuper

Inspiration log, link-dump, moodboard resource, interweb thingy…
Visit Stefan’s site here.

Misprinted Typ e

Illustrator Eduardo Recife’s commercial works, a collage feast for the eyes.
Click here to see more.

Robin Hood opening sequence

Titles for Robin hood mixing traditional painterly techniques with a modern twist.

Jose Gonzales: Crosses

Music video using one static shot and layering in other VT throughout.

Honda Civic Split Screen

Cut up video and many split screens create this Honda advert

Sherlock Holmes end titles

End credits rotoscoping frames in a hand-drawn ink style over video footage.

Crescendo by Mothership

Promotional video using extreme close-ups and camera angles with VFX to produce an moving journey through music.

Drugs on the Brain

Medical CGI sequences explaining the effects on drugs within the body.
[flowplayer src=’http://trainordaviesdesign.com/wp-content/uploads/2010/12/drugs.flv’ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/drugsonBrain.jpg’]
 

True Blood titles

Classic Title sequence for True Blood. Using a mixture of archive and shot footage with a edgy heavily graded look. Thanks, Bolex.

Stuxnet animated typography

A complex mixing of styles and worth a view for the design if not the message. Watch on motiongraphics.

Ask Away Campaign

Series of quick and simple videos using cut out animation on a plain background to convey a message by Digital Kitchen.

IBM: Data Baby

Technological looking advert mixing live action with footage by Motion Theory.

Pokerstars

Yes everyone has gone gaming made in the UK since they relaxed the rules but this promo from ‘The Mill’ is a quite a good use of the video being tracked and added overlays to increase the tension.

Pop up book – JP Morgan Chase

Superb use of the pop up book to animate this tale.
Directed by Psyop.

Bored to Death title sequence

Titles for american sitcom using text from a book to animate the characters and type throughout.

Gettysburg Address

Text and animation added together to form the speech without any photos or footage.

Augmented Reality Map

Augmented reality is used to show and move around a 3-Dimensional map.

Bacardi – Manifesto

Colourful mix of live action and flat shaded 3D animation in a faux-educational style.

Introducing the Chromebook

Animation using simple block colours, shapes and typography.

OK Go – All is Not Lost

Clever use of Google Chrome. (Browser needed) OK Go mini-site

Lady Randy

Programme graphics using parallaxing techniques to add movement to stills.
[flowplayer src=’http://trainordaviesdesign.com/wp-content/uploads/2010/12/ladyRandy.flv’ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/ladyRandy.jpg’]

Street Summer: Channel 4

Channel 4 promo using Google Street View as a basis for inserting video into a static street scene.

David Salaices: Clock DJ

Split screen stop frame / pixilation animation of a clock.

Star Guitar – Chemical Brothers

Clever and subtle use of repeated computer animation in to synchronise to a rhythm.

Google Chrome – Features

Quirky videos using homemade machines to create technological solutions.

WWF Commercial – Threads

WWF advert using CGI rope to create shapes and figures, showing how everything is simply connected.

Edwardian Britain: Suffragette

[flowplayer src=’http://trainordavies.com/sketchpad/video/edwardianSuffragette2.mp4′ width=660 height=371 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/suffragette.jpg’]
We are most proud of managing to create an absorbing sequence which lasted well over a minute of tv time using just one photograph.

Kinetic Typography

Animation displaying only typography, using a 3D camera move to scroll over a large canvas of text.

Human Scan

3D scan through the length of a Human Body, compiling photographs to create an animation.

TWS Pitch

Pitched idea, coming from a reflective idea, emitting the images of sport off the dark black emerging cubes. By placing the sports footage in different 3D spaces the images reflected and combined on different surfaces.

Battlefields as a prop

[flowplayer src=’http://td-sketchpad.com/wp-content/uploads/2011/09/FalklandBattlefields.mov’ width=600 height=338 splash=’http://td-sketchpad.com/wp-content/uploads/2011/09/battlefields.jpg’]
http://td-sketchpad.com/wp-content/uploads/2011/09/FalklandBattlefields.mov
The Snows carry around their portfolio of battlefields together with some clever camera tracking and CGI work and a bit of ad libing and some hand waving.