74

2

Screening Room page header

I'm working on an upcoming relaunch of a website focused on DIY animation, and wanted to make some hand-drawn animated text for the header on the page where we'll be sharing some inspiring short films paired with interviews with the makers. I drew in black on white, and then inverted it with a gradient mask so it would look like text on a movie screen in a darkened theater.

Since I knew all of the headings on the website would be set in Playfair Display, I printed out my text and actually made my tracing from a printout to make sure the letterforms and spacing of my hand-done letters would match the site.

34d65dfa


I did add the dots for registration purposes in pen.

bc99ee02


I didn't have any tracing paper, so I made five tracings onto watercolor paper, underlit by my lightbox.

782cf219


The final GIF:

76d1c930


And here's a screenshot of it in context:

3cd59e68

Comments

Please sign in or sign up to comment.