A cover for the new Novoline 7” and a micro site-for preorders with a video clip.
Watch the realtime video:
Novoline: Regress (Dichotomy (Freccia))
or the screen capture.

While designing the cover I was asked to leave a tiny white area somewhere on the back-cover to write the edition number from one to one-hundred, by hand.
Instead of putting just an empty square I started thinking about 100 tiny dots to black-out with a pencil, or some LCD like system to hand-color. Eventually this small aspect became the main idea for the cover which now hosts a big two-digits number.
The grid used to design the initial numbers became also the base for a whole character-set used in the animation.
Two versions of the characters were created: an obvious-one, a bit squared, and a more diversified-one with letters of different heights. I decided to use the squared one (less interesting in individual characters) because it worked better when used in the animation layout.
I wanted the animation to use all the available space (window or screen) and be independent from the aspect-ratio.
The animation is driven by a small JavaScript program and rendered on a html canvas; it consists of a grid of characters in motion.
Each letter has a few attributes like color, weight, position, rotation, etc. Some of those attributes get the values out of a small texture (a tiny off-screen canvas) which simplifies the animation and pattern creation process.
To create the airport-display-like animations strings are composed out of repeated character sequences which then build patterns and rhythms.
Randomness is part of Novoline’s process of creating music, so it became part of the clip too: specific cue points release more and more features which are then randomized: character rotation jumps in only after the first minute, stroke weight, colors and other patterns come afterwards.
A few hours were invested to build a small JavaScript cue point editor which permitted to adjust those timings on the fly. Sometimes I suspect that I spend more time to build the tools for a project than the project itself. I see them as alibis for my postponements.
Novoline 7”
Published
by dasandereselbst.org
2013

novoline_font_1novoline_font_2
novoline_cover_making_of
novoline_cover_making_of

novoline_browser_1

novoline_browser_2
novoline_browser_3
novoline_browser_4
novoline_browser_5
novoline_browser_6
novoline_iphone5_1

©
2001–2014