Advance Typography - Task 3: Type Play & Expression

-
0 (Week 9 - Week 14)
Samuel Keane / 0376236
Advanced Typography / Bachelors of Design (Honors) in Creative Media
Task 3: Type Play & Expression

JUMPLINKS

1. LECTURES
4. FEEDBACKS

LECTURES

There are no lectures.

INSTRUCTIONS

TASK

Task 3: Type Play & Expression

The final task for advanced typography. In this task, we are required to create a new font. We were given 3 option to choose from as a base of the font.
  1. Create a font that is intended to solve a larger problem/ part of a solution in the area of your interest.
  2. Explore existing letterforms in an area of interest.
  3. Experimental design

We were also instructed to make a power point presentation for the proposal.

Type Digitization

I ultimately decided to settle with the second idea. Like usual, I did all of the digitalization process on Illustrator. Before starting, I did a little bit of experimentation. But, The gap between bricks are too wide, so I scrap this version and work on a new one.

Fig. 3.1, First attempt, Week 10 (23/06/2025)

I started by making a "wall" of bricks as a base of the shape for the uppercase letters.


Fig. 3.2, Base, Week 10 (23/06/2025)

From that, I shape all the capitalized letters from A-Z.

Fig. 3.3, Initial outcome, Week 10 (23/06/2025)

Feeling unsatisfied with the result, I changed some of the alphabets to make them look more consistent. I sacrificed the personality of the bricks and go for a more consistent look.

Fig. 3.4, Revised, Week 10 (23/06/2025)

The next thing to do is to make numbers and punctuations.

Fig. 3.5, Numbers and punctuations, Week 10 (24/06/2025)

FontForge

After finishing all of the characters for the font, I used FontForge to make this font come to life. First I separate each characters on Illustrator into their separate artboards. The size is 1000x1000 to match the measurements in FontForge.

Fig. 3.6, Characters separated, Week 11 (04/07/2025)

After separating the characters, I saved them as .svg files and open FontForge to continue the process. I named the font Brikin, taken from "Another Brick in The Wall".

I started by importing the characters one by one according to their names.

Fig. 3.7, FontForge, Week 11 (05/07/2025)

After done with putting all of the text down, I did the kerning using the metric window. 

The kerning process is quite easy since the characters I am dealing with are very blocky and all of them has similar dimensions. For the letters and numbers, I set all the bearings to 50

Fig. 3.8, Alphabet kerning process, Week 11 (05/07/2025)

For punctuations, I set both bearings for question mark and exclamation mark 100 and 130 respectively. I tried several combinations of punctuations and letters  and adjust the rest by eye.

Fig. 3.9, Punctuations kerning process, Week 11 (05/07/2025)


Font Presentation

I decided to stick with the main theme of the font (bricks), so I used colors that are associated with bricks. I first do all the layouts and composition on Adobe Illustrator.

Fig. 3.10, Illustration layout process, Week 12 (08/07/2025)

The layouts then were moved into Photoshop to later add textures and coloring.

Fig. 3.11, Photoshop process, Week 12 (08/07/2025)

Lastly, I export all of the files into jpeg and here are the results.

Fig. 3.12, Font presentation results, Week 12 (08/07/2025)

Font Application

Font Application

Music Video

Music video progress.

FEEDBACKS

Week 10

General Feedbacks

-

Specific Feedbacks

Try to focus more on working on the music video. Think of ways to make it interesting (letters forming into a wall, make the wall break, etc.).


Week 11

General Feedbacks

-

Specific Feedbacks

Continue working on FontForge.


Week 12

General Feedbacks

-

Specific Feedbacks

Mr. Vinod added, for unicase fonts, the lowercase should also be filled with uppercase letters.


Week 13

REFLECTIONS

Experience


Observation


Findings

FURTHER READING


Comments

Post a Comment

Popular posts from this blog

Typography - Task 1: Exercise 1 & 2

-
Image
24/09/24-22/10/24 (Week 1-Week 5) Samuel Keane / 0376236 Typography / Bachelors of Design (Honors) in Creative Media / Taylor's University Task 1: Exercise 1 & 2 JUMPLINKS 1. LECTURES 2. INSTRUCTIONS 3. TASK 4. FEEDBACKS 5. REFLECTIONS 6.  FURTHER READING LECTURES Lecture 1: Typo_0_Introduction What I generally get from Mr. Vinod's on this lecture is the definition of typography, some of the origins and the terminologies within typography. Typography is the act of making and creating letters which can be interpreted as the creation of typefaces. Furthermore, Mr. Vinod stated that typography came in many forms from digital images to physical objects. For example, animations, website designs, apps, signs, products, posters, books, essentially everywhere. In conclusion, typography is a very ...
Read more

Typography - Task 3: Type Design & Communication

-
Image
12/11/24-23/12/24  (Week 8-Week 13) Samuel Keane / 0376236 Typography / Bachelors of Design (Honors) in Creative Media Task 3: Type Design & Communication JUMPLINKS 1.  LECTURES 2.  INSTRUCTIONS 3. TASK 4.  FEEDBACKS 5.  REFLECTIONS 6.  FURTHER READING LECTURES There are no lectures. INSTRUCTIONS TASK Week 7 Task 3: Type Design & Communication 1. Dissecting Letters On this task, we were instructed to dissect the letter H, o, g, b from the selected 10 fonts provided. In my case, I chose to dissect the font Serifa Std 45 Light. Fig. 2.1.1, H, o, g, b dissection, (05/11/24) ...
Read more

Design Principles - Task 1: Exploration

-
Image
3/2/25-17/2/25 (Week 1-Week 3) Samuel Keane / 0376236 Design Principles / Bachelors of Design (Honors) in Creative Media / Taylor's University Task 1: Exploration JUMPLINKS 1. INSTRUCTIONS (MIB) 2. TASK 3. FEEDBACK INSTRUCTIONS TASK 1. Gestalt Theory The word "gestalt" originated from German, which means "shape" or "form". Gestalt theory is a rule that give details the way human eye perceive visual elements. This principle is meant to show how the eye perceive shapes as a single form rather than separate simpler elements. These are 5 types of principles in gestalt theory. Principle of similarity is when eyes perceive similar elements as a whole picture, even when all elements are separate. Principle of continuation is when the eye follows the paths, design and curves of a design as a continuous flow. Principle of closure is when the eye fills in missing visual information to perceive a complete...
Read more