Morevnaproject.org design

I don’t remember, have I mentioned it or not, but morevnaproject.org design was composed in Synfig. Here’s the sources:morevnaproject.org-design.zip (1.91 MB)

Story.

  1. In GIMP I’ve made a draft image of the design idea on top of blog screenshots:site-design.jpg

  2. After that I’ve did a composition of clean files in Synfig Studio (I used screenshots there too - you could see “template” layer at the bottom in a .sif file).

  3. To get an images for HTML layout I’ve rendered composition to design-r1.png and design-r2.png files (you could find them in archive). Then I’ve used GIMP to split those images into parts (see “cuts” directory in archive).
    design-r1.jpgdesign-r2.jpg

  4. The rest of the work was a dancing with HTML code to make al those pieces look nice in most browsers.

That’s all!