Advanced Typography / Task 3: Type Exploration & Application

28.03.2022 - 18.03.2022 
Angelyn Valencia / 0349573
Advanced Typography / Bachelor of Design (Hons) in Creative Media
Task 3: Type Exploration & Application


INSTRUCTION


TASK

In this particular task we were assigned to develop a font that is intended to solve a larger problem or meant to be part of a solution in the area of your interest be it graphic design, animation, new media or entertainment design or any other related area not necessarily reflecting your specialisation or explore the use of typeface in your area of interest, understand its existing relationship, identify areas that could be improved upon, explore possible solutions or combinations that may add value to the existing typeface.

My area of interest, is in Entertainment design. In this task, I wanted to explore the use of typeface in movie covers specifically in the genre of horror/thriller/mystery and add more value to the typeface used in those areas. 

Proposal

Fig 1.1 Idea Proposal
The idea is to redesign a horror movie poster, specifically the classic horror movie from 1931, "Frankenstein" movie poster. I want to create an improved version and a modernized version using a typeface that has more relation to the story and without losing its originality. I see that the typeface used in that particular poster doesn't really fit the story and doesn't scream horror and that the background image carries it.

Visual Research

Fig 1.2 Inspiration
I searched for inspiration through Pinterest and found one that I eventually used as a reference for my typeface. I thought serif would be best and would really scream horror while still maintaining elegance which would really work with my project as I plan to make a modernized version of the 'Frankenstein' movie in 1931.

Design Process

Fig 1.3 Rough Sketch
Figure 1.3 shows the rough sketch I did after doing my visual research and referring to the reference I got. I did some explorations and experimentations with it, but I ended up with this one specific typeface I roughly sketched.

Fig 1.4 Digitizing Process in AI

Fig 1.5 Digitizing Process in AI

The next thing I did was create the typeface using the shape tool as well as the pen tool. I freehanded most of the letters with the pen tool, following my sketch by overlaying the working layer to the sketch layer as well as referring to the reference I found. I also created a 3 x 5 grid to keep the size consistency of each letter and created several guidelines in order to keep the typeface clean. I also used the shape tool and created rectangular shapes to measure the thickness of the strokes in order to keep the consistency in every letter. 

Fig 1.6 Digitizing Process in AI
One thing I did was zooming out a lot and taking a step back to see the overall view of the letters in order to keep the consistency as well as the readability from afar. Since I am making a typeface that will be used specifically for the title of a movie poster, I feel like that is the most important matter.

Fig 1.7 Digitizing Process in AI
I continued with the rest of the letters and refined each letter to make it more clean and readable, I personally struggled with the letter "A","M", and "N", so as can be seen in figure 1.6,  I skipped those letters and did the other letters first and got back to it eventually. I also ended up changing the design for the letter "K" because I feel like it was too generic.

Fig 1.8 Final Typeface with guidelines
As for the numbers, I referred to the typeface I created for the letters and freehanded it with the pen tool except for number 8 and 0 where I used the ellipse tool and pathfinder tool. For the numbers, I was aiming to make the upper part of the numbers heavier than the bottom so that's what I kept in mind while doing them. For the punctuations, I used the ellipse tool and pen tool.

Fig 1.9 Final Typeface Design

Fig 1.10 Final Typeface Design in JPEG


Fig 1.11 Fontlab Process
I moved each of them to fontlab to create a proper typeface. 

Fig 1.12 Poster Design Process in Photoshop
I started creating the movie poster in Adobe Photoshop. I searched for a Frankenstein picture and use it as the main picture for the poster. I then used the typeface i just made in Fontlab and applied it to the poster. I experimented a lot with the effects in order to fit the poster the best. I ended up adding a plain black background, and lightning overlays, as well as applying motion blur and liquify to the text as an effect. For the other texts, I followed the content of the original poster, and I used Bodoni 72 Smallcaps as the typeface.

Fig 1.13 Final Poster Design in JPEG

Final Submission 

Fig 1.14 Final Typeface Design in JPEG

Download Link: Frankentype Regular

Fig 1.15 Final Typeface Application in JPEG

Fig 1.16 Final Typeface Application in JPEG

Fig 1.17 Final Submission in PDF


FEEDBACK

Make sure that this project's purpose is to solve a problem.


REFLECTION

Experience: 
I thoroughly enjoyed doing this task although one thing I struggle with is time. I had a hard time finding the idea because I was doing other tasks from other modules as well. So I was a bit late in finding the idea and as a result, the whole designing process was also postponed/late. I have learned a lot from the previous semester, and the tasks I did previously so I can say that I know a bit better about what I'm doing this time compared to last semester. 

Observation:
I see that consistency is important in creating a typeface in order to not only escalate the aesthetic but also the readability.

Findings:
I find that the process of creating a typeface requires a lot of observation and precision, especially in the process of refinement.



Comments