Drobe Launchpad | Animated love

Animated love

Published on 10th Feb 2008, 22:06:41, source is drobe.co.uk
By Martin Hansen

Martin Hansen talks us through the creation of a digital Valentine's Day gift

With Valentine's Day approaching, a partner that I was keen to impress and a current obsession with computer animation, I recently went for a wander around the web. I was in search of inspiration. Animated GIFs have long been a part of the internet experience and so I began my search with fairly high hopes that I would be able to gather together some interesting ideas, add a personal touch of some sort and have something tasteful to present to my loved one.

I was surprised by the low quality of what I found. Most animated GIFs had the look of 1990s clunky computer animation about them and felt like the work of schoolchildren in that they were unsophisticated, unpolished and bland. It seemed to me that professional animation artists, rather than develop the GIF concept, had long since abandoned it. I wondered if they had moved across to the likes of YouTube. However there I found many home constructed cartoon animations, often of several minutes duration. For me, they quickly became tedious to watch and I began to suspect that the fun was probably more in the making than in the viewing.

Although disappointed with my search results, a felt a challenge taking hold. Could I, onto a blank GIF film strip, etch out a short, 15 second animation of that showed that the possibilities of the GIF medium where greater than my casual search had suggested?

I had no desire to buy a fancy animation package. Whatever I did, it was going to be built using RISC OS Paint, turned into an animated GIF by InterGif and viewed with IGViewer or inserted into a web page by Web Wonder.

At first I thought this would be a wholly RiscPC-based project. I thought this for two reasons. Firstly, the RISC OS 6 version of Paint is way ahead of that on Iyonix. More seriously, I doubted that InterGif and IGViewer would be 32 bit Iyonix compatible. However, Martin Wuerthner of ArtWorks 2 fame had made InterGif 32 bit neutral and John Baker of Bristol University had done likewise for IGViewer. So with the latest versions of these free programs installed on both my StrongARM RiscPC and my Iyonix, software concerns faded into the background and my thoughts turned to coming up with 'the idea'.

'The idea' had to be a blend of something realisable in a modest amount of time but also of quality and charm. "No point in adding to the dross on the 'net," I frequently reminded myself but knowing I had just one week to come up with something. I often doodle using Draw, and after doing such for a few moments, I had a promising section of spiral available to use as a building block.

Click for larger

Further experimentation, and a lot of duplicating, grouping, ungrouping and scaling, resulted in a wire-frame heart construction.

Click for larger

This I captured as a 200 by 200 pixel sprite using the snapshot feature in Paint. Enthusiastic colouring using the Paint flood fill option was easy but colouring out the wire frame, pixel by pixel, was tedious to the max. Nonetheless, I now had the image that I intended to animate.

Click for larger

By this stage, I'd got a fairly clear idea of what I wanted to achieve. I intended to construct my animated film backwards. This image was to be the final frame. The blocks of colour, when the animation was run forwards, would appear randomly, slowly building up to reveal the multi-coloured heart. I now began blacking out four coloured blocks at a time, saving the resulting film frame, blacking out another four blocks, saving the resulting frame and so on, until I saved my final all black frame, which would be the start of the animation.

Click for larger

To turn the sprites into the form required by InterGif, I renumbered the sprites in the order to be shown. The first frame I named "0" and they then ran consecutively up to "97", all within their own directory.

A wonderful feature of InterGif is that only the first frame, frame "0", needs to be drag and dropped to the input area. By ticking "Join input files" all of the other consecutively numbered sprites found within the same directory are stitched together to form the output GIF.

Click for larger

The animation was done. With pride, I've placed it on my website for all to admire but, most of all, one.

Links
32bit safe InterGif (The IGViewer from this link is not 32 bit compatible, although this one is)

This article has been linked to, or is available in the following formats:

[Printable] [Digg this] [Blog search]

Design and concept (c) Fudgecake Design, 1999 - 2001. Content (c) The Drobe Team, 1999 - 2006. See www.drobe.co.uk for more information. For non-commercial personal use only.