Advanced Typography: Task 3
Week 09-Week 13
Siam Siew Yong 0358399
Bachelor of Design in Creative Media | Taylor’s Design School | Taylor’s University
LECTURE NOTES
TASK 2 👈
INSTRUCTION
Fig 1.1 MIB of Advanced Typography
TASK 3: Type Exploration and Application
IDEA
Objective: Using the knowledge and skills gained from exercises, lectures, and software tools, create a font that addresses a problem or enhances a specific area of interest, such as graphic design, animation, new media, or entertainment.
I choose approach, Problem-solving font: Design a font to solve a larger problem or contribute to a solution in your chosen field.
-Deliverable: a complete generated font (.ttf) with applications.
Before I start to create the font, I made a presentation to explain my idea, the presentation included the example and inspiration photo.
Before I start to create the font, I made a presentation to explain my idea, the presentation included the example and inspiration photo.
SKETCHES
First, I used Procreate to sketch my initial typeface, I want to create a rounded and cute typeface with some expression inside.
 |
Fig 2.1 sketch out in Procreate |
Afterward, I thought it still have to improve, so that I searched some typeface design in Pinterest, which have the same style as the design I wanted
Element of the font I want: ROUNDED, THICK, CREATIVE
 |
Fig 2.2 reference typefaces |
These reference typefaces inspired me that I could use line to replace the some gap/hole in the font
And so on, I started to create my typeface in Adobe Illustrator
DIGITIZE PROCESS
FIRST, I followed instruction by Mr Vinod - create a grid for a guide to make font
So, I create a 10 x 10 grids as the guide to provide structure, consistency, and precision
 | |
|
Cap height- 10 grids
Thickness of stroke- 4 grids
Serif- rounded
I used line and small circle to replace the hole in the font, because of my idea was expression and emotion, so I put the line and small circle in abnormal position which different with existing font.
.png) |
| Fig 3.2 other capital letter(28/11/2024) |
I combine line and circle to make expression for these letters, such as 'D' is like saying YUMMY, 'E' is speechless, 'G' is angry, 'J' is happy, 'M' is crying and 'Q' is upset
After checked by Mr Vinod, my idea approved and I started to create the lowercase letter and numeral and punctuations.
For lowercase and numerals,
baseline- 7 grids
thickness of stroke- 3 grids
descender- 3 grids(negative)
In creating these font, I used tools-Pathfinder- trim and merge, so I was more convenient when I import it into Fontforge.
 |
| Fig 3.3 capital letters and lowercase letters(3/12/2024) |
 |
| Fig 3.4 numerals and punctuations(3/12/2024) |
After checked by Mr Vinod, I export them in SVG style and import to Fontforge to generate my font
I would call my font "Expressme"
FONTFORGE
 |
| Fig 3.5 process in fontforge(11/12/2024) |
After I imported all the font, I adjusted the position of these letters to ensure them have being centered. I started to adjust the kerning between the letters after imported all the letters and numerals.
 |
| Fig 3.6 process in fontforge(11/12/2024) |
 | |
|
 | |
|
 |
| Fig 3.9 adjusting kerning of numerals(11/12/2024) |
After adjusted the kerning, I generated the font and moved forward to Font Presentation and Font Application step.
Here's the download link for the font- Expressme
 |
| Fig 3.10 example words(11/12/2024) |
FINAL FONT PRESENTATION
I used Adobe Illustrator and Photoshop to design my presentation,
And I emphasized word 'EQ' which means emotional quotient, is the ability to understand and manage your own feelings and recognize and respond to the feelings of others
I also chose a color palette for my font presentation and font application
 |
| Fig 4.1 color palette(14/12/2024) |
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
FINAL FONT APPLICATION
The idea for this font aims to help others control their emotions and express themselves with clarity and confidence, so my product is a drink brand designed to help people feel calm and refreshed while boosting their energy levels
I used mockup generator to complete my application. (Canva, Mock-up photos, Mock-up bro)
 | |
|
 | |
|
.png) | |
|
 | |
|
 | |
|
Fig 5.6 final compilation pdf(17/12/2024)
FEEDBACK
Week 9:
general feedback: weight of the letterform is important
specific feedback: task 2 instagram profile approved, idea for task 3 approved
Week 10:
specific feedback: thickness of the stroke must same, grid needed in creating the typefaces
Week 11:
absent
Week 12:
specific feedback: export to font lab/font forge, complete the font presentation
REFLECTION
Experience:
Honestly, even though this assignment was quite tiring, I found it really fun and not stressful at all. I had a clear idea for this project from the start—I already knew the style and even the shapes of the font I wanted to create. The only challenging part was having to finish so many tasks within just two weeks. Despite feeling exhausted, I’m really proud of the font I designed this time; I think it turned out much better than what I created for Task 1.
Observation:
After seeing others work which are creative and look professional, I noticed how important it is to have a clear vision and plan from the beginning. Besides, I also see the improvement in my work compared to Task 1. Because Mr Vinod did not give me much suggestion and needed correction compared to last task..(hh
Finding:
I enhanced my technical skills through this task, and I thought I have been able to combine my creative skills and technical skills to create a better work.
FUTHER READING
 | ||
watch advertisement final application(15/12/2024)
|
I continued to read it this week(week 12), from pg 77-pg 80, pg 97)
I learnt many skills in creating and setting a font
- Customizing type gives letters unique personality and individuality.
- Designers often start with existing typefaces to save time and resources.
- Modifications can change the tone, spirit, and meaning of the original type.
- Rounding corners can soften a word, making it more inviting.
- Adding swashes, flourishes, or ornamentation can enhance elegance or style.
- Joining characters can imply connectedness or compactness.
- Subtle changes to counterforms or curves can create connections within the design.
- Refinements may be needed for different scales, as type can lose its effectiveness at larger sizes.
Besides, the important points on typeface design
- A good typeface begins with an idea, which could be broad (e.g., creating a visually appealing font) or specific (e.g., filling a stylistic gap or reinterpreting a classic).
- Typeface design differs from lettering in that it focuses on systems, consistency, and flexibility, while lettering is more individualized and context-dependent.
- A typeface must ensure that all characters work together harmoniously, like a kit of parts that can be rearranged without one character standing out.
- Great typefaces create a strong idea through a well-executed system, with each part contributing to the whole.
- The intended use of a typeface is essential—designers make different choices depending on whether the type will be used for body text (prioritizing legibility) or for display (emphasizing detail at larger sizes).
This book also includes many examples that can be used as references for creating fonts!
0 Comments