Black[Foundry]

Menu

21.03.2018

Vesterbro Animated

A few months ago, Animography proposed to create an After Effects animated version of our Vesterbro typeface.

We were quickly convinced by this approach when seeing Jeroen first drafts. His take was stunning and true to the aesthetic qualities of the typeface design.

Today, after weeks of hard work, Vesterbro is up and moving, and anyone can create beautifully animated text in Regular or Poster weights.

We asked a few questions to Jeroen, animator of Vesterbro and the man behind Animography.net, about his creative process.

 

Hi Jeroen, can you tell us why did you pick specifically Vesterbro in our catalog to animate it? What do you particularly appreciate in it?
I’ve been meaning to add a good serif to our collection for a while. And Vesterbro was just love at first sight. It has a really unique character. Apart from the typeface itself, I always enjoy working with smaller and independent foundries or type designers. It’s way less complicated and much more fun.

 

Did you face some challenges in the process? What were the most difficult letters to animate?
For sure! Challenge number 1 is the vast amount of characters to be animated, obviously. It took a lot longer than I had anticipated. For two weights it was a total of 592 characters which each had their own unique animation. There is a system that dictates the motion, but each character has a unique shape and required different animations.

Next to that Alex White had to make some tweaks to Font Manager (an After Effects script to type with animated typefaces) to make all kerning data of the cyrillic characters function properly.

 

How would you describe the kind of animation you made with Vesterbro?
The animation might seem like a simple ‘offset paths’ at first glance, but with a closer look you can see that only curved and angled parts are animated while the straight segments remain intact to keep it visually grounded. All animations are carefully remapped to a 0-100% slider so the end user can determine the exact duration and easing of the animation.

It’s intended as a subtle reveal that complements the shape of the typeface itself. Not to distracting or overpowering so it can be implemented in many different projects without claiming too much attention.