Richard Hinchcliffe | Freelance Motion Graphics, 3D & Web Design in Leeds & Harrogate » Projects http://www.richardhinchcliffe.com Making Pixels Look Good Since 1999 Fri, 27 Aug 2010 22:10:58 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Property Investment Presentation Animationshttp://www.richardhinchcliffe.com/projects/pi-video-presentation-graphics/ http://www.richardhinchcliffe.com/projects/pi-video-presentation-graphics/#comments Fri, 27 Aug 2010 21:26:58 +0000 RichH http://www.richardhinchcliffe.com/?p=1561

Thumbnails from some of the videos




This was a reasonably big motion graphics project I did in 2009 but haven’t had time to upload until now.

The green screen footage of the presenter was filmed by Navarone in London and sent to me to add the animated backgrounds to make things a little more interesting. I think there we’re 15 videos to get through in total, each one at least a couple of minutes long. As there were that many videos to animate in a short time it was decided to keep the overall style pretty basic and mostly use simple kinetic typography.

All the animation was all done in After Effects.

By the way, there’s a little animated sting at the end of some of these videos (some spinning video screens) that has nothing to do with me – I was provided with that and asked to add it to the end of some of the videos I created :)

]]>
http://www.richardhinchcliffe.com/projects/pi-video-presentation-graphics/feed/ 1
Epileptic Origamihttp://www.richardhinchcliffe.com/projects/epileptic-origami/ http://www.richardhinchcliffe.com/projects/epileptic-origami/#comments Sat, 07 Aug 2010 19:38:27 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1381

Another little experiment that’s not meant to be anything in particular, but that might turn into something more exciting one day.

Take any old polygon, inset then extrude some of it’s faces, add some twist and then warp it’s vertices into a sphere. Then go crazy with the key frames and randomly animate the % of sphericalness (that’s probably not a word by the way), degree of twist and change the initial number of polygons on the base shape and this is the sort of animation you’ll probably get.

Animated and rendered in 3D Studio Max, post done in After Effetcs.

The music track is All To All by Broken Social Scene.

Some stills from the video…

0-00-24-04

0-00-23-18

00-20-05

00-17-13

00-14-14

]]>
http://www.richardhinchcliffe.com/projects/epileptic-origami/feed/ 1
Tiger in the Parkhttp://www.richardhinchcliffe.com/projects/tiger-in-the-park/ http://www.richardhinchcliffe.com/projects/tiger-in-the-park/#comments Fri, 06 Aug 2010 22:38:54 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1365

What’s more fun than going to the playground with one of your daughters and using it as an excuse for her to dress up as a tiger in a tu-tu and for you to play with your new Canon 550D? Anyone? That’s right, nothing.

]]>
http://www.richardhinchcliffe.com/projects/tiger-in-the-park/feed/ 1
CMYKhttp://www.richardhinchcliffe.com/projects/cmyk/ http://www.richardhinchcliffe.com/projects/cmyk/#comments Fri, 06 Aug 2010 12:00:00 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1209

A quick entry to another Greyscale Gorilla Five Second Project. This time the subject was CMYK.

The blobs were animated with RealFlow and then rendered in 3D Studio Max with Vray’s ‘Fast SSS2′ material to get the waxy look.

]]>
http://www.richardhinchcliffe.com/projects/cmyk/feed/ 0
Online Advertising Promo Videohttp://www.richardhinchcliffe.com/projects/online-advertising-promo-video/ http://www.richardhinchcliffe.com/projects/online-advertising-promo-video/#comments Fri, 06 Aug 2010 10:00:00 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1259

A short motion graphics piece I did for SeeVue Digital in London to highlight the various routes MS’s online advertising takes.

The various assets were screen-cammed and positioned in space using 3D layers in After Effects with the obligatory corporate copy. Video Copilot’s Sure Target plugin was used to jump between the layers.

Sprinkle on a little wiggle() with some motion blur and depth of field and you’ve got yourself a nice little corporate video.

It would have been nice to sync it to the audio a little better and maybe drive some of the particles in the background with SoundKeys or something similar. Maybe next time…

]]>
http://www.richardhinchcliffe.com/projects/online-advertising-promo-video/feed/ 0
Shatter – a Rayfire Testhttp://www.richardhinchcliffe.com/projects/shatter-a-rayfire-test/ http://www.richardhinchcliffe.com/projects/shatter-a-rayfire-test/#comments Thu, 05 Aug 2010 22:46:27 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1369

A quick test setup using Rayfire for 3DSMax. The shattering glass was simulated and rendered in slow motion anyway, then slowed down again in After Effects.

This scene only took about 3 or 4 minutes (on an Intel Core i7-860) to simulate using the Physx option in Rayfire (rather than Reactor). There’s around 30,000 poly’s and over 1000 objects in the scene.

Using reactor that same simulation would probably take hours, even of a fast machine.

The original render output was 250 frames (10 seconds long) and took about 2 hours to render with Mental Ray. Then I slowed it down again and added some depth-of-field in After Effects.

]]>
http://www.richardhinchcliffe.com/projects/shatter-a-rayfire-test/feed/ 0
Over Exposurehttp://www.richardhinchcliffe.com/projects/over-exposure/ http://www.richardhinchcliffe.com/projects/over-exposure/#comments Tue, 03 Aug 2010 12:00:00 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1359 One bad joke + bad animation + free sound effects + yellow = my contribution to the latest greyscalegorilla 5 second project – “Nude No More

]]>
http://www.richardhinchcliffe.com/projects/over-exposure/feed/ 0
The Magicianhttp://www.richardhinchcliffe.com/projects/the-magician/ http://www.richardhinchcliffe.com/projects/the-magician/#comments Sun, 01 Aug 2010 12:00:00 +0000 RichH http://www.richardhinchcliffe.com/wp/?p=1362

It was a slow work day, so I made this short animation for the latest greyscalegorilla Five Second Project instead.

The subject was “Fail

Some credit needs to go to:
The characters are just the (awesome) free rig made by Brad Noble with eyes and a moustache stuck on.

The 1920′s piano track is spliced together from a free file downloaded from freesound

Animation: 3D Studio Max
Post: After Effects

]]>
http://www.richardhinchcliffe.com/projects/the-magician/feed/ 2
i-to-i website illustrationshttp://www.richardhinchcliffe.com/projects/i-to-i-web-design/ http://www.richardhinchcliffe.com/projects/i-to-i-web-design/#comments Thu, 29 Jan 2009 00:11:40 +0000 RichH http://www.tmrw.co.uk/?p=1028

As I previously mentioned I’ve been at i-to-i in Leeds for a while now, but my time there’s almost up so it seemed like a good time to show some of the stuff they’ve had me working on.

Most of the stuff pre-Christmas was all to do with Campfire (which I’ve yet to sort out a load of screen grabs for) but I also got the chance to do some nicely textured and illustrated headers for the latest phase of development their website’s going through…

i-to-i illustration montage


You can take a look at each one in more detail here…

Asian inspired website graphic with a Panda

A hazy, atmospheric illustration of Angkor Wat

Cliche, but pretty looking, a giraffe silhouetted against a big African setting sun

]]>
http://www.richardhinchcliffe.com/projects/i-to-i-web-design/feed/ 2
Guilt Trippinghttp://www.richardhinchcliffe.com/projects/guilt-tripping/ http://www.richardhinchcliffe.com/projects/guilt-tripping/#comments Tue, 27 Jan 2009 00:04:11 +0000 RichH http://www.tmrw.co.uk/?p=1007

I’ve been at i-to-i in Leeds for the last few weeks, mostly working their new Campfire Online Travel Community site, but also working on helping update their main website and on a little promotional website their currently pushing called Guilt Trips.

Stripped down it’s just a really simple form, but they wanted a nice front end to it that matched their previous Be Part of It campaign that they’d designed in-house – big bold graphics and colours seemed to be the order of the day. They suggested a slider for the ‘good > bad’ rating and it turned out pretty neat and tidy.

I made the slider work with a bit of Scriptaculous magic instead of jQuery which is what I’d have ordinarily used – but they use Prototype in-house so it made sense to stick with their clever developer folk are used to.

i-to-i Guilt Trips Screen Shot 1

i-to-i Guilt Trips Screen Shot 2

i-to-i Guilt Trips Screen Shot 3

]]>
http://www.richardhinchcliffe.com/projects/guilt-tripping/feed/ 1
Website Promo Videohttp://www.richardhinchcliffe.com/projects/website-promo-video/ http://www.richardhinchcliffe.com/projects/website-promo-video/#comments Sat, 03 Jan 2009 11:20:33 +0000 RichH http://www.tmrw.co.uk/?p=700

A little motion graphics piece I did for Swamp @ Brahm (now called Brass) to illustrate the new features of a website they’d been putting a lot of hard work into.

The concept for the piece was by the creative guys and girls at Swamp, but they left it up to me to interpret their brief and this is how it turned out.

The whole thing was created layer by layer in After Effects, using the 3D layers and camera. Most of the mouse cursor movement etc is animated within AE, only a couple of bits are actual screen captures of the new site as it wasn’t live at the time we made this.

]]>
http://www.richardhinchcliffe.com/projects/website-promo-video/feed/ 4
Media City 3D circuit boardhttp://www.richardhinchcliffe.com/projects/media-city-3d-circuit-board/ http://www.richardhinchcliffe.com/projects/media-city-3d-circuit-board/#comments Thu, 30 Oct 2008 21:00:21 +0000 RichH http://www.tmrw.co.uk/?p=537

This was just a super quick 3D model and render for a pitch document, but turned out nice for the limited time spent on it.

Ripe needed a strong 3D visual creating for a spread in a brochure for Media City – a close-up of a circuit board with the Media City logo incorporated onto it somehow.

Media City Circuit Board, full spread

Media City Circuit Board, zoom detail


Work In Progress Renders…

Because the job was only a quicky, the geometry needed to be kept pretty simple – so most, if not all, of the actual detail on the PCB etc had to come from believable textures.

Media City Circuit Board, zoom detail


The original render looked like this, which was a little harsh and a bit too busy, but after a little post process colour grading and Lens-Blur/depth-of-field in PhotoShop, the final render looked fine for what Ripe needed.

Media City Circuit Board, zoom detail

]]>
http://www.richardhinchcliffe.com/projects/media-city-3d-circuit-board/feed/ 3
Avon House CGIhttp://www.richardhinchcliffe.com/projects/avon-house-cgi/ http://www.richardhinchcliffe.com/projects/avon-house-cgi/#comments Sat, 09 Aug 2008 12:03:25 +0000 RichH http://www.tmrw.co.uk/?p=231

The Holman Group asked for this day and night 3D architectural visualization of some proposed chances to an office building down in Solihull.

The building was modelled entirely in 3D Studio Max and rendered using the lovely V-Ray, with a good helping of Photoshop splashed on top to make it look really pretty.

Main daytime CGI

Main night time CGI

Front view

Rear view

Aerial view

]]>
http://www.richardhinchcliffe.com/projects/avon-house-cgi/feed/ 0
3D Kitchen for the Ribena websitehttp://www.richardhinchcliffe.com/projects/3d-kitchen-for-ribena-website/ http://www.richardhinchcliffe.com/projects/3d-kitchen-for-ribena-website/#comments Tue, 01 Jul 2008 00:00:00 +0000 RichH http://www.tmrw.co.uk/2008/?p=30 some

Swamp @ Brahm asked me to create a realistic 3D kitchen to use on their recently launched Ribena website.

It was modelled entirely in 3D Studio Max and rendered with VRay. Time-scales on his one were – as usual – pretty tight so I had to rush a lot of it, but it was a nice open brief and they just let me run with it with only a few tweaks at the end to correct the positioning of a few things to fit their page designs.

]]>
http://www.richardhinchcliffe.com/projects/3d-kitchen-for-ribena-website/feed/ 2
Smokey Text from a Genies Lamphttp://www.richardhinchcliffe.com/projects/smokey-text-from-a-genies-lamp/ http://www.richardhinchcliffe.com/projects/smokey-text-from-a-genies-lamp/#comments Sat, 14 Jun 2008 11:33:55 +0000 RichH http://www.tmrw.co.uk/?p=259

The brief was for a “Genie’s lamp in a cave, with the word ‘You’ coming out of it in big smoke-like letters”. The lamp and cave are all created and rendered in 3D Studio Max, but it proved much easier just to draw the lettering in Photoshop, using a brush and the warp tool, rather than trying to create realistic 3D smoke letters.

I think the text works quite well, if anyone out there is interested in knowing how to get smokey text like that let me know and I’ll put up a quick tutorial on how I did it.

Created using 3DSMax and Photoshop

]]>
http://www.richardhinchcliffe.com/projects/smokey-text-from-a-genies-lamp/feed/ 6