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.

15 thoughts on “Me designing a website in time lapse

  1. Pingback: Time Lapse Web Design - Creattica Daily

  2. Pingback: Time Lapse: Designing A Blog — crowdSPRING Blog

  3. 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?

  4. Pingback: gearhed.com » Blog Archive » Time Lapse Web Design

  5. 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.

  6. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>