Me designing a website in time lapse

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.

Tags:

15 Responses to “Me designing a website in time lapse”

  1. kivo November 14, 2008 at 6:55 pm #

    what program are you using to mind map?

  2. Bobby Marko November 14, 2008 at 7:40 pm #

    Nice video. What mind mapping application did you use?

  3. Leif Miltenberger November 14, 2008 at 9:16 pm #

    This is great!

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

  4. Josiah Jost | Siah Design November 14, 2008 at 9:56 pm #

    Very interesting! Thanks for sharing!

  5. Ross Allchorn November 15, 2008 at 9:19 am #

    Hey everyone, thanks for the nice comments.

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

  6. Brad C November 15, 2008 at 2:46 pm #

    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 November 15, 2008 at 8:03 pm #

    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. PC November 16, 2008 at 6:18 pm #

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

  9. Max Weir November 17, 2008 at 5:24 am #

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

    Thanks.

  10. Ross Allchorn November 17, 2008 at 9:23 am #

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

  11. Mikko November 19, 2008 at 11:15 pm #

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

  12. Ross Allchorn November 20, 2008 at 10:17 am #

    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/Pingbacks

  1. Time Lapse Web Design - Creattica Daily - November 14, 2008

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

  2. Time Lapse: Designing A Blog — crowdSPRING Blog - November 14, 2008

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

  3. gearhed.com » Blog Archive » Time Lapse Web Design - November 15, 2008

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

Leave a Reply