This Site Header

19 Oct 2010
how it was made? 2 Comments

From the very beginning I wanted to make the header is fully hand-drawn. To do this, I initially decided to prepare a rough storyboard in Flash. I used a Wacom tablet to make a simple frame by frame sketch with 20 frames. I planned to use this sequence in jQuery slider with very long delay between frames (near 0.5-1 fps) and with simple fade to make a hypnotic slow-motion effect. This is draft sequence in process:


After the storyboard was finished I printed all the frames on a standard A4 sheets:


Piece of glass and light ‒ simplest light table:


Attach printed draft with scotch tape, then attach a blank sheet of paper and outline pictures with pencil. Thus I finishing the storyboard.


After that I scanned clean storyboard:


Then combined all the frames in photoshop layers…


…and painted with a hard brush using multiply mode:


That’s it! You can see below flash animation with 1 fps, or look at clean jQuery this site header with approx 0.5 fps.

This movie requires Flash Player 9

© 2011

2 Responses to “This Site Header”

  1. Nancy Young says:

    I like it, thanks ;) you’re doing a great job!

Leave a Comment

* Copy This Password *

* Type Or Paste Password Here *