Me designing a website in time lapse

Ross Allchorn » 12 September 2008 » In Design, Information Architecture, Open Source »

This was an interesting little experiment for me. It was an idea I got from filming myself take a motorcycle apart and playing it at 3x normal speed.

I found CamStudio which very effectively recorded all my on-screen movements, and in Movie Maker (I’m a web designer, not a video guru), I stitched it to some video from my Sony Handycam. Threw in some nice music and put some titles and credits in.

Here’s the result.

Trackback URL

15 Comments on "Me designing a website in time lapse"

  1. Ross Allchorn
    kivo
    14/11/2008 at 6:55 pm Permalink

    what program are you using to mind map?

  2. Ross Allchorn
    Bobby Marko
    14/11/2008 at 7:40 pm Permalink

    Nice video. What mind mapping application did you use?

  3. Ross Allchorn
    Leif Miltenberger
    14/11/2008 at 9:16 pm Permalink

    This is great!

    What’s that 1st piece of software you’re using? (for the IA)

  4. Ross Allchorn
    Josiah Jost | Siah Design
    14/11/2008 at 9:56 pm Permalink

    Very interesting! Thanks for sharing!

  5. Ross Allchorn
    Ross Allchorn
    15/11/2008 at 9:19 am Permalink

    Hey everyone, thanks for the nice comments.

    The mindmapping software is called Freemind – http://freemind.sourceforge.net/wiki/index.php/Main_Page

  6. Ross Allchorn
    Brad C
    15/11/2008 at 2:46 pm Permalink

    This is awesome. What I really want to know is did you have to cut out a lot of parts when capturing all your movements? Like when I’m working I will do a little, check an email, do a little more, answer an IM. Do some more, check Twitter. Did you do that or were you totally focused when working on this?

  7. Ross Allchorn
    Ross Allchorn
    15/11/2008 at 8:03 pm Permalink

    Hey Brad, yeah I normally operate like you mention. For this exercise however I did it in one bash. It was really done balls to the wall. Otherwise the file size of the video is huge!

    Looking at the design (I did this a while ago and only published recently) it’s also a bit unrefined and hastily done. Embarrasing really :| Regardless I still follow a similar process. Sometimes the paper doesn’t get involved, but most of the time it does.

  8. Ross Allchorn
    PC
    16/11/2008 at 6:18 pm Permalink

    Its great to see how you work the magic. Amazing.

  9. Ross Allchorn
    Max Weir
    17/11/2008 at 5:24 am Permalink

    Great work, is there a link to the final comp you produced?

    Thanks.

  10. Ross Allchorn
    Ross Allchorn
    17/11/2008 at 9:23 am Permalink

    Hi Max, not at present. No reason for me not to I guess. Expect an edit some time soon.

  11. Ross Allchorn
    Mikko
    19/11/2008 at 11:15 pm Permalink

    Excellent workflow in Fireworks, i didnt notice layers-menu :)

  12. Ross Allchorn
    Ross Allchorn
    20/11/2008 at 10:17 am Permalink

    Thanks Mikko. Yeah, oddly enough, in Fireworks I tend to work blind to a degree. I’ll always clean it up when passing it on to a slicer dicer, but while designing, I tend to use CTRL+UP and CTRL+DOWN to arrange layers. SHIFT+CTRL+UP brings to front, and SHIFT+CTRL+DOWN sends to the back. I can work hella faster that way.

Trackbacks

  1. [...] Ross Allchorn sent us a link of him taking a design from mindmap to final composition…all in time lapse ...

  2. [...] designer Ross Allchorn recently chronicled his blog design process using the CamStudio and Movie Maker programs. The [...]

  3. [...] Ross Allchorn sent us a link of him taking a design from mindmap to final composition…all in time lapse ...

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to Comments