Typeface Video

Sabrina Zhai
4 min readOct 21, 2018

I started off this process by listing out the adjectives I used to describe my typeface, Bodoni, in the typeface spread project: bold, sophisticated, elegant, high contrast. I wanted to convey these attributes in my video through my animation rather than simply through words.

Afterwards, I listed out everything I wanted to cover in my video: letterform characteristics, usages of Bodoni, history, most notable uses, etc. Following my quick brainstorm, I started to draw out each scene in my sketchbook for a clearer idea of what to do.

I then began my storyboard on Illustrator — I found it frustrating to work with type on paper; the imagery I created didn’t seem to fit what I had in my mind, given that I couldn’t easily handwrite type — and also chose a color palette. Working in Illustrator also helped me easily move around key frames when I found that certain scenes made sense rearranged.

For color palettes, I played around with a lot of different schemes by searching up elegant moods, but ultimately decided on the one I have due to its elegant base but complimentary accent colors for the “high contrast” component of Bodoni.

Final color palette

I also wanted to use animations to portray the “boldness” or Bodoni. In my typeface spread, I had thought of using lines and blocks of color to do this and I decided to carry this through in my video. In my initial story boarding, I randomly placed lines in the initial keyframe to get the mood going, and as I did so, I realized that the lines looked like the lines in typography used to outline descenders, x-height, ascenders, etc.

Similar to how I set the mood in the beginning of the video with animated moving blocks, I wanted to end my video with a same kind of mood, but only now, with the understanding of what the typeface Bodoni is. As such, I continued the “quick, fast info” type of scene I did in the beginning but with more context, talking about how Bodoni is used for headlines, titles, high end publishing, and so on as a finish.

As I began to create my video, a lot of my work centered around timing it to the music, which quickly became overwhelming to the actual video. A lot of my transition and animation didn’t match with what I was showing on screen for the sake of having a “sensible transition” (in the sense that the animations alone made sense, but were not in tune with the content being conveyed). After realizing this, I decided to go back and start simple. I stuck with describing the attributes of Bodoni and making sure my animations matched with it (i.e. having lines stretch when talking about vertical axis, highlighting apertures, etc), and then continued history of Bodoni in printing, how it should be used, and what it is currently best used for.

I think starting simple not only helped me with keeping my content clear and understandable, but also with the overall theme of “high contrast”. Both my music and my color scheme have more dynamics to it, being a little more bold, so I feel like my simple transitions were a nice complement to them and helped pull my video together.

--

--