Eva: Exploring Type & Motion

Communications Mini Project 4

Objective: In a 2-part typeface project, in our next step we design a 60-second video that highlights the unique characteristics and personality of your typeface in the context of its use and in relation to its larger type family, if that exists.

Time Frame: 2 weeks

Typeface: Eva

Logistics: 60-second video, Using After Effects and Illustrator

Day 1: Music & Developing Storyboards

Before deciding on music, I revisited what adjectives and emotions my typeface exude, and the tone I want to portray in my video. I searched for music that is both bold and empowering but also reminiscent of the mid-century 1950’s, since the protests that originated the font Eva were rooted in women’s suffrage demonstrations occurring in 1957. I also searched for music that would gradually but dramatically set up the story with repetitive beats and lead into a climax where I could introduce the typeface Eva. After introducing the typeface and its historical context, I could then analyze its typographic components.


  • Empowering
  • Resilient
  • Undaunted — prominent
  • Bold
  • Strength
  • Historical/ Deep-rooted history
  • Consistent
  • Dramatic (Peron style)
  • Versatile (3 styles)

Revising 50-word statement

Original Text (Left), Revising statement (Right)
  • I noticed I needed to split up the long phrases to make it understandable and so there’s not too much text on the screen at one time.
  • I needed to have history and context but also snippets about the typeface typographic elements which I tried to incorporate into the second half through short phrases.
  • I decided to focus on just one style (Eva Peron style) to analyze typographically since I can’t thoroughly do all 3.
  • I might need to condense words even more and remove some content.

Choosing Music

Top contenders (Initial Observations):

*Optic Yellow https://composerly.com/bromeliadmusic?t=1043122459

The beginning is ominous (old style/ seeming with percussion and violin), leading up, dramatic, starts to speed up, sounds like hope is rising, calming beat, violin emphasis, the ending is novel- hopeful and captivating — hard to split, the climax occurs 34 seconds and 46 seconds

*Palace Intrigue https://composerly.com/bromeliadmusic?t=982155817

Bold, strong beats, fitting tone to represent a strong movement, in the beginning, slow 4 beats at a time (can’t fit that much content), piano incorporated for the climax, speeds up, the piano starts 28 seconds in, very calming, strong heavy build up to 53 seconds — too long, total 1 minute 24 seconds.

Chocolate Rabbit https://composerly.com/bromeliadmusic?t=969355909

In the beginning, little childish tone, not the most fitting, seems orchestral in the beginning, the second half is really fitting, strong percussion beats, builds up strongly to climax at the very end — easy split with 3 sections

*Outer Accelerator https://composerly.com/bromeliadmusic?t=823058845

Really good split — ominous beginning, dark, 16 seconds new tune section, 27 new section, 38 seconds new section — would work good for the different sections of my story, ending half sounds like new rising hope, pleasant heartwarming music, but not enough beats in the beginning. Total 1 minute 9 seconds, almost perfect.

Trigger Cut https://composerly.com/bromeliadmusic?t=575947197

Good split- 10 seconds new tune, 22 new tune, 33 seconds new tune, 46 twinkling piano series. Really good beat in the beginning but when the piano starts it seems like its twinkling -> ascending in the story instead of stagnant in the ending half, would need to change my story to fit that concept, also the beats at the end are too fast

*Dark Tetrad https://composerly.com/bromeliadmusic?t=424717467

Music fits the era and the idea of the movement, but not that good of a split — near the ending its all the same, 19 seconds new section, 31 seconds new section


Drafting storyboard on Figma (x’s to mark old iterations of frames), black text = notes, arrows = text movement, line-art illustrations, zoom in for details

Refining Storyboard

Added some more specific animations, removed unnecessary frames/ brainstorming ones, trying to cut out scenes to save time, changed color scheme to stray away from the same colors used in my spread and appear more lively

Revising the latter half of my storyboard: Made it shorter (removing duplicate elements) and fit with 3 components of the music.

Final Music Choice

Palace Intrigue https://composerly.com/bromeliadmusic?t=982155817

  • Trimmed the audio to be 1 minute and 10 seconds.
  • Fits the 3 components of my storyboard story (context/history, typeface info, typographic elements intro)
  • Has a build-up to the Eva text. Bold, strong beats, fitting tone to represent a strong movement
  • piano section is more hopefully- similar to “hope” with the movement growing
  • Piano incorporated for the climax, speeds up, the piano starts 28 seconds in, very calming, strong heavy build up to 53 seconds — too long, total 1 minute 24 seconds.

Random Lab Tips

Making Illustrator Assets

Making one file for each scene with different layers overlapping to work with in after effects

Animating Assets in Illustrator


  • some of the scenes, in the end, are too fast to read
  • the beginning is really slow and not very dynamic
  • the animations at the end are a lot more dynamic — esp geometric
  • the year at the beginning is too long
  • the envelopes falling is a little long and boring/ repetitive
  • make the beginning more engaging
  • remove the large envelope?
  • the images at the end should stay on the screen longer?
  • need a new animation for “preserving historical moments”

Feedback from Vicki

  • make the beginning more dynamic by starting dark, and adding 1957 showing up slowly or number by number
  • Add the style names to “Eva”
  • instead of bolding one word- maybe have them show up word at a time
  • maybe have less time on the envelopes
  • add “eva” at the ending beat instead of the envelope
  • Only add a couple of images slowly for the ending, instead of a bunch

Feedback from Yoshi

  • Use easy ease and then edit graph editor points to create more unique simple transitions
  • Spend more time on the section where “eva” is extracted from the image, remove time from the envelopes
  • The geometric animations seem similar, spend more time on the shapes
  • For the beginning, 1957 text, could try things like changing the style of the year between fonts
  • Instead of doing the dot expand thing for the “historical” scene, could just slide the text downwards (simulate the idea of something falling into an envelope for voting)
  • Think about not expanding the images for socialism and anarchism, just having them pop up
  • Switch the order of the “1 century later” and the clock turning

Feedback from Andrew

  • Have the animations line up with the beats tighter (like making the pin drop) — really fast beats, some of the transitions are too long right now
  • Learned how to do typewriter by word
  • Learned how to make the envelope illustrations drawn with one line