Richard Hinchcliffe | Freelance Motion Graphics, 3D & Web Design in Leeds & Harrogate 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/ 0
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/ 0
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/ 0
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/ 0
A Good Spam Squisherhttp://www.richardhinchcliffe.com/blog/simple-spam-filter-review/ http://www.richardhinchcliffe.com/blog/simple-spam-filter-review/#comments Sun, 15 Feb 2009 22:14:23 +0000 RichH http://www.tmrw.co.uk/?p=1040

In this case the spam squisher in question is called Simple Spam Filter for WordPress, and so far it’s been more effective at eliminating cerain types of spam to my blog than any other plugin.

Having any sort of comment functionality on your blog means you’re going to get spam at some point or another. Even a little site like mine with virtually no traffic compared to a lot of other blogs out there can get plenty.
As this is a WordPress based site I’ve got the Askimet plugin running on it by default, and it does catch it’s fair share of rubbish comments, but I was still getting a good 10 or more spam comments in my comment queue to moderate every day. Again, not a lot, but enough to get on your wick after a while – especially seen as 99% of them were just big, long lists of spammy links. In the WordPress admin you can already set up a filter to say… “Hold a comment in the queue if it contains 5 or more links. (A common characteristic of comment spam is a large number of hyperlinks.)”… but that still meant I had to manually delete all those dud comments.

So, after a bit of googling I found an awesome little plugin called Simple Spam Filter for WordPress (download it here). This little wonder, like WordPress, can be set up to “Block comments with 15 or more links to external sites “ – but by block it mean delete/kill/exterminate – i.e. it the crappy comment never even appears in your spam queue and it’s automatically squashed.

I personally think this is a feature that should be added to WordPress by deafult, but until that day, TanTan’s plugin will do just fine.

So if anyone’s genuinely trying to post a comment on my blog with more than 15 url’s in it – sorry, but I can’t hear you, you’ll have to try shouting a little louder. But, I’m pretty confident any comment with that many links if guaranteed to be one of the bad guys, and TanTan’s plugin dealing with it so I don’t have to can only be a good thing.

]]>
http://www.richardhinchcliffe.com/blog/simple-spam-filter-review/feed/ 0
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
FreshBooks adds Google Checkout supporthttp://www.richardhinchcliffe.com/blog/freshbooks-adds-google-checkout/ http://www.richardhinchcliffe.com/blog/freshbooks-adds-google-checkout/#comments Wed, 28 Jan 2009 23:16:11 +0000 RichH http://www.tmrw.co.uk/?p=1015

After much deliberation about whether or not to use one of the many fancy online invoicing apps available to make my life that little bit easier, I ended up giving FreshBooks a go…

…and so far I’ve been very impressed, as have the people on the other end of my invoices. But that’s a whole other post I need to write. This one’s just a little one to big-up the boys and girls who work at FreshBooks who listen to what their customers want and act on it – a rare thing indeed.

I was one of the many folks who asked for Google Checkout (the search giant’s answer to the seemingly ubiquitous PayPal) to be supported as an online payment option for the invoices I send via FreshBooks – and the powers that be made it happen.

There were already plenty of other options in there – big names like authorize.net and PayPal etc – but they take a much much larger commission per transaction than Google do, were therefore much less attractive and I never bothered looking into them. Google Checkout still takes a cut, but it’s tiny in comparison and I’m more than happy to sacrifice a few quid in exchange for the convenience of not having to cash as many cheques.

]]>
http://www.richardhinchcliffe.com/blog/freshbooks-adds-google-checkout/feed/ 7
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
Picasa Photo Viewerhttp://www.richardhinchcliffe.com/blog/picasa-photo-viewer/ http://www.richardhinchcliffe.com/blog/picasa-photo-viewer/#comments Wed, 14 Jan 2009 22:41:41 +0000 RichH http://www.tmrw.co.uk/?p=909

What is Picasa Photo Viewer? Well, like it says on the screen shot down below it’s a fast, powerful image viewer for viewing image and photos directly from Windows Explorer*

* I’m not sure about OSX, but Picasa 3 is now available for the Mac so chances are it’s part of the OSX version too – someone let me know will ya?)

It comes as part of the new and improved Picasa 3 which was recently released, and since I discovered it it’s become my default image viewer – which for a graphics designer a reasonably important thing to have in the tool kit.

Up until now I’ve just been happy with looking at images in Windows Explorer, but it’s slow and clunky and doesn’t support the majority of file types I work with on a daily bases – namely Photoshop PSD files and TGA’s etc.

I could use Adobe Bridge to view those files, and I sometimes do, but in 99% of situations Bridge is overkill if all I’m wanting to do is scroll through a few images and try find the right file I’m working on. I’ve used a few other apps in the past, but they’ve always been way over-complicated for just looking through a few PSD files.

So far Picasa Photo Viewer seems like the perfect alternative for viewing image files in Explorer. It’s fast, doesn’t struggle with big layered PSD files or large images and shows everything in a tidy LightBox style overlay above everything else on your desktop…

Plus, if you’ve got a Google Account and have Picasa Web Albums set up, you can easily upload an image to your account with the click of a button. By default they get put in a “Drop Box” album, but you can sort them out and organise them online however you like.

All in all it’s a great little free tool that comes as part of the equally fantastic Picasa. If you’re fed up with Windows Explorer’s very limited image viewing options it can’t hurt to give it a try, can it?


Screenshot of Google's Picasa Photo Viewer install screen

Picasa Photo Viewer GUI

Fullscreen capture 14012009 210748.jpg

Picasa Photo Viewer GUI

]]>
http://www.richardhinchcliffe.com/blog/picasa-photo-viewer/feed/ 2
WP Admin Quicklinks Pluginhttp://www.richardhinchcliffe.com/blog/wp-admin-quicklinks-plugin/ http://www.richardhinchcliffe.com/blog/wp-admin-quicklinks-plugin/#comments Wed, 07 Jan 2009 16:16:37 +0000 RichH http://www.tmrw.co.uk/?p=694

What does it do?

WP Admin Quicklinks is a very simple little WordPress plugin (just install it and it should work – no options to configure) that adds an intelligent, unobtrusive little admin panel to the top-right of all your site’s pages and posts (only once you’ve logged in), giving you shortcuts to the most commonly used WP Admin sections – well, the ones I was always needing to link to anyway.

Currently they are…

  • Edit this Post/Page (only shows if you’re on a single post or a page)
  • Add new Post
  • Dashboard
  • Posts
  • Pages
  • Plugins
  • Log out

Do I need it? Aren’t there lots of plugins that do this already?

Yes, there are lots of similar plugins, and as great as most of the ones I tried are,  I found non of them were quite right for me. The two best ones I found were…

They’re both well made, highly customisable plugins that did the job but they have one thing in common which I personally didn’t like – they both add a big thick admin bar across the top of each page, pushing your own layout down. This was no good for me as I didn’t like the look of a big fat bar on the top of the pages I was working on – it made it harder to visualise how the page would actually look to an end user. It comes down to personal preference.

Functionality wise they are better than my little plugin in that they give direct access to pretty much all the admin pages, but I prefer mine in terms of it’s simplicity and I like the fact that it doesn’t spoil the look and feel or significantly alter the layout of the blog/site I’m working on.


Screenshots

This one shows the WP-Admin-Quicklinks plugin at the top-right of page, installed and running on my site. It shows faded like this until you move the mouse over it.

wp-admin-quicklinks full positional screenshot

The admin panel comes into full view as soon as you mouse over it…
wp-admin-quicklinks when hidden wp-admin-quicklinks on mouse over

If you’re on a Single post or page, the extra shortcut ‘Edit this post/page’ appears…
edit post example edit page example

Same again, just showing it in-situ on a different site, illustrating it just fading away into the background until you need it, not really spoiling the visual layout as you develop and build your site.
wp-admin-quicklinks screenshot, hidden panel wp-admin-quicklinks on mouse over

Download

This plugin is now hosted in the Plugin Directory at WordPress.org I’ll keep this page up-to-date regarding updates on it etc, but click the link below to go download it…

Installation

  • Download the plugin, unzip it and upload it to your plugins directory –
    /wp-content/plugins/
  • Activate it from the ‘Plugins’ are of the WordPress admin
  • That’s it, you’re done

Not working?

This plugin should work with most themes out there. If it doesn’t it’s probably because the theme you’re using doesn’t have the correct template tags in it. WP Admin Quicklinks requires that both the <?php wp_head(); ?> and <?php wp_footer(); ?> template tags are in the theme, usually in the header.php and footer.php respectively. If they’re not there you can try add them yourself, or try contact the theme’s author and ask if they’d be nice enough to update the theme and add them for you.

Changelog

  • v1.01 (08/01/2009) – Fix WP2.7 ‘Logout’ link redirect for on the homepage, category and archive pages etc
  • v1.00 (07/01/2009) – Initial release

Notes

  • I’m no PHP developer, so if there’s a better way of going about this please let me know :)
  • Tested and working in WordPress 2.7. It should work in 2.6, maybe even 2.5, but I’ve not tried it. Let me know if there’s any issues.
  • In WordPress 2.7 and above it makes use of the new  wp_logout_url template tag and redirects you directly back to the page you logged-out from.
  • In WordPress versions < 2.7 it (in theory) adds a a standard wp_loginout().

Background

This is my first plugin for WordPress (so be gentle), and came about because I’ve ended up using WordPress to build a few CMS sites for people recently. I needed a nice easy way to jump to various sections and pages of the admin from front-end pages I was testing etc.

It started off as a bit of code I put in the footer of all the templates I make, and all it does is add a discreet floating admin panel to the top right of each page of your WordPress based site. To make it easier to add it to future sites I looked at a few of the plugins I had installed, saw how to make them write code into the footer automatically, and put this little thing together.

You like it? You like it a lot?

Now, this is entirely up to you, but I’m not going to be unhappy if you click the nice little PayPal button below

]]>
http://www.richardhinchcliffe.com/blog/wp-admin-quicklinks-plugin/feed/ 25
Alternatives to Lorem Ipsumhttp://www.richardhinchcliffe.com/blog/dummy-text-generators/ http://www.richardhinchcliffe.com/blog/dummy-text-generators/#comments Tue, 06 Jan 2009 21:50:26 +0000 RichH http://www.tmrw.co.uk/?p=759

If you’ve been designing web or print work for any amount of time, chances are you’ve copied and pasted your fair share of Lorem ipsum dolor sit amet dummy text to fill in otherwise blank pages while you mock up designs or wait for the client to send you some real content.

Chances are you’re also probably getting a little bored of it too, and who doesn’t like a little choice these days anyway.

The Alternatives

These aren’t in any particular order, so just dig in and see if there’s any you like…

  • Malevole’s text generator Paragraphs of text from TV show intro’s or theme tunes etc. If you’re younger than 20, you might want to skip this one
  • BlindTextGenerator Lots of options and variations to play with
  • Corporate Ipsum A widget for OSX generating some cliched, buzz-word filled business jabber
  • sfco.uld.be As far as I can tell it’s text generated by the Corporate Ipsum widget above, but for the benefit of us people without a Mac -you can just copy and paste.
  • Leon’s random essay generator Not strictly for this purpose, but it seems some folk do use it to create their dummy text
  • adhesiontext™ Lots of options and different langauges/character stes to play with
  • Generator3 Yes it has Lipsum in there but there’s plenty options to play with for other languages etc.
  • HintPlus Very Lipsummy style output, but with much less old Latin style words.
  • Gangsta Lorem ippzle If you’re a fan od words beginning with, including and ending with ‘izzle‘, this one’s for you.
  • HTML Ipsum Lipsum ready to copy and paste, but pre-formatted with various HTML tags
  • Lorem2 Some dummy text just waiting for you to copy and paste. Basically Lipsum.com without the need to click the ‘generate’ button

If you know of any others that are work a mention just let me know!

The Original

As far as I know this is the original Lorem Ipsum generator – at least it’s the only one I’ve ever used in the past. Genuine Lorem’s good in that it simulates ‘real’ text content with a readable combination of long and short words that are inoffensive and can be used in just about any old place.

I’m not promising the list of alternatives below are all suitable for use in your work – that ultimately depends on the sense of humor of your client. So if you’re doing something for a big corporate gig, probably best sticking to good old Lipsum.

]]>
http://www.richardhinchcliffe.com/blog/dummy-text-generators/feed/ 5