Advanced Typography: Task 3 Type Exploration & Application
11/6/25 (Week 8-Week 13 )
SUN YUTONG (0377440)
Advanced Typography / Bachelor of Design (Honours) in Creative Media
Task 3 Type Exploration & Application
JUMP LINK
LECTURE
INSTRUCTIONS
Task 3 : Type Expression and Application (30%)
In Task 3, we need to create a new font, design a font that can solve a
problem or in your field of interest (graphic design, animation, etc.).
Required Submissions:
A-Z; Numerals; Punctuation
Link to your .ttf font.
5 font presentations (1024 x 1024 px, 300ppi)
5 font applications (1024 x 1024 px, 300ppi)
Week 8:Proposal
In the process of completing the proposal, my friend shared with me some
music festival posters, and I suddenly thought of analyzing the fonts of
music festival posters. There are different fonts on many music festival
posters, but I found that the fonts of many music festival posters lack
appeal, so I chose music festival posters to analyze the proposal.
The proposal consists of our ideas related to the topic, here is my proposal
demo:
Research/ collecting references:
After the proposal was completed, I did some font research for reference,
looking for similar font styles.
Fig 1.1 References
Digital Sketch:
I tried it out in Adobe Illustrator based on the reference fonts. I first
determined the geometry of the font and used the rounded corner tool to help
the font have consistent rounded corners. In the process of creating the
font, I used grids and guides to determine the proportions of the letters.
Figure 1.2 Digital sketch
Figure 1.3 The first digitized capital letters
Mr. Vinod pointed out to me that I needed to record the process of my font
creation. He also explained to me that the weight of the uppercase and
lowercase letters needed to be consistent and in the same style, so I made
some changes to the font proportions.
Figure 1.4 Before font modification
Figure 1.5 Font modification comparison
Production process display:
Uppercase and lowercase letters:
I made further revisions and adjustments as needed, and here is an overall
view of the production process.
Figure 1.6 Overview of the uppercase and lowercase process
Figure 1.7 Uppercase and lowercase outlines
The final font creation process:
Figure 1.8 Outline view
Fig 1.9 Finalized uppercase & lowercase letterforms
Font Export:
First I tried using FontForge, but encountered software issues when I tried to
export, so I tried Font Lab again.
First I determined the baseline of the font and adjusted the data.
Fig 2.1 Data confirmation
Next, I merged the fonts from Adobe Illustrator and imported them into Font
Lab.
Fig 2.2 Font Import
Fig 2.3 Font details adjustment
Fig 2.3 Font details adjustment (2)
Kerning:
I adjusted the font spacing according to the spacing table provided by Mr.
Vinod.
.jpg)
Fig 2.4 Font distance adjustment
Next, I tested adjusting the font kerning by typing in some text:
Fig2.5 Kerning test
Font Presentation
In this task, we need to display our own fonts. My display style is similar to
that of a music album cover to display the overall font.
This is the color palette I chose:
Fig 3.1 color palette
When designing the first part, I used blending mode for the background, and to
enhance the texture, I used grain mode for the effect.
Fig 3.2 Production process
Fig 3.3 Production process (2)
Fig 3.4 Production process (3)
Fig 3.5 Font representation layout
Finalized Font Presentation artworks:
Fig 3.6 Font Presentation 1
Fig 3.7 Font Presentation 2
Fig 3.8 Font Presentation 3
Fig 3.9 Font Presentation 4
Fig 3.10 Font Presentation 5
Font Application
My font theme was music festival poster fonts, so I chose fonts related to
music festivals: records, music festival posters, billboards, tickets and
music festival ID cards
I worked on the album design in Photoshop, I started by applying a radial
blur to the lettering, finished the cover design, and replaced it.
Fig 4.1 Font application process
Fig 4.2 Font application process (2)
Fig 4.3 Poster Design Process
Finalized Font Applications:
Fig 4.4 Font Application 1
Fig 4.5 Font Application 2
Fig 4.6 Font Application 3
Fig 4.8 Font Application 4
Fig 4.9 Font Application 5
TASK 3 - FINAL FONT
Fig 5.1 Final font (PDF)
FIANL FONT
PRESENTATION
Fig 6.1 Font Presentation 1
Fig 6.2 Font Presentation 2
Fig 6.3 Font Presentation 3
Fig 6.4 Font Presentation 4
Fig 6.5 Font Presentation 5
Fig 6.6 Font Presentation (PDF)
FIANL FONT APPLICATION
Fig 7.1 Font Application 1
Fig 7.2 Font Application 2
Fig 7.3 Font Application 3
Fig 7.4 Font Application 4
Fig 7.5 Font Application 5
Fig 7.6 Font Application (PDF)
HONOR STANDBY DESIGN
What we need to design:
1. Clock Design
2. Personalized Signature Design
3. Overall Visual Design
4. Animation Design
Dimension: 6000*3000PX, Format: JPG, Color Mode: RGB, Size: ≤20M
Research/ collecting references:
Fig 8.1 Record font reference
I was inspired by the texture on vinyl records, so I chose to combine the
font with the texture of the vinyl records.
I used the Blend Tool in Adobe Illustrator to create the texture for the
vinyl record.
Fig 8.2 Production process
Next, I used the Expand Tool to blend the texture and the lettering
together, and then used the Shape Builder to select the parts I needed.
Fig 8.3 Production process (1)
Fig. 8.4 Clock Design
I continued to revise the text, and in order to fit the theme, the text I
chose was: Listening Time.
Fig. 8.5 Personalized Signature Design
Overall Visual Design：
Fig 8.6 Overall Visual Design
Then I replaced the wallpaper in Photoshop：
Fig 8.3 Production process (2)
Fig 8.3 Production process (3)
Finally, I imported the Photoshop file into After Effects and animated the
vinyl record spinning to give the illusion of a vinyl record playing.
Fig 8.4 Video Effects Production
FINAL HONOR STANDBY DESIGN:
Fig 8.5 Clock Design
Fig 8.6 Personalized Signature Design
Fig 8.7 Overall Visual Design
Fig 8.8 Animation Design
Fig 8.9 Honor Standby Design Concept (PDF)
Fig 9.1 Submitted receipt
FEEDBACK
WEEK 9:
General Feedback: In week 9, Mr. Vinod looked at our proposal for
Task 3, told us what we needed to complete, and showed us what the blog
for Task 2 should include.
WEEK 10:
General Feedback: In the tenth week, Mr. Vinod checked our
capital letters and told us that we need to show our production process
and pay attention to the high uniformity of the fonts.
Specific Feedback: Mr. Vinod checked my capital letters and
told me that I need to take screenshots during the production process.
WEEK 11:
General Feedback: Mr. Vinod checked our uppercase and lowercase
letters and punctuation of numbers.
Specific Feedback: In the 11th week, Mr. Vinod pointed out that my
lowercase and uppercase letters were not consistent enough and the thickness
of the upper and lower strokes should be consistent.
WEEK 12:
General Feedback: Mr. Vinod told us how to adjust the font
spacing and guides us on how to use FontLab and FontForge to export fonts.
Specific Feedback: Mr. Vinod guided me on how to use
FontForge and maintain the proportion between uppercase and lowercase fonts.
WEEK 13:
General Feedback: In week 13, Mr. Vinod checked our final font
presentation and font application and asked us to improve and modify them.
Specific Feedback: Mr. Vinod checked my font display
and suggested that I could experiment more with the style of font display to
make it more different.
REFLECTION
Experience: Task 3 was my first attempt to design an entire font,
which was full of challenges for me. In the process of completing the letter
design, I learned that the proportions, sizes, widths, etc. of the letters
need to be kept harmonious. When creating fonts, I don’t know how to make
the style unified. When exporting the fonts, I encountered many
difficulties. For example, my fonts could not be exported in FontForge. In
the end, I tried many times in FontLab before I completed the font export.
But in this process, I learned a lot and mastered new software.
Observation: While completing the assignment, I observed that
the fonts on many music festival posters were sometimes not very readable,
which made it more difficult for people to read. In the process of making
the fonts, I observed and learned that the thickness of the uppercase and
lowercase letters should be consistent.
FURTHER READING
Exploring platforms like Future Fonts and Velvetyne has exposed me to many
great fonts and taught me that type design is expressive, experimental, and
culturally rich. Type is not just a tool for legibility, but also a visual
expression.
I was attracted to Future Fonts’ unfinished, work-in-progress approach, where
typefaces evolve publicly based on community feedback. This made me realize
that type design is a living art—iterative, imperfect, and emotional.
The variety of typefaces I discovered on Typeeverything challenged my
preconceived notions of what a typeface “should” look like. Now I’ve learned
that typefaces can be raw, glitchy, poetic, futuristic, and even weirdly
beautiful.
Comments
Post a Comment