Typography / Task 3(A): Type Design and Communication
8.10.2021- 29.10.2021 (Week 7 - Week 10)
Cheryl Voo Yie Qi / 0349878Typography / Bachelor of Design in Creative Media
Task 3(A) / Type Design and Communication
LECTURES
Lectures are completed in:
Typography / Task 1: Exercises
Typography / Task 2: Typography Exploration and Communication
Jumplinks:
INSTRUCTIONS
Task 3(A) submissions:
- research (other typefaces, deconstruction 3 letters from 10)
- exploration (sketches minimum 5, good variety)
- digitization (document your progression)
- FontLab progression
- font generation and basic BW poster
- Provide link to download generated typeface
EXERCISE
Research on other typefaces
In my opinion, a lot of typefaces
online that are being frequently used are mostly round, so I wanted to make
a different typeface by using more like a square typeface. Here are some
typefaces I found on Pineterest:
Then, I need to deconstruct 3 letters from one of the 10 typefaces provided. I chose Futura Std from the 10 typefaces, because I'm going for a square look typeface, and Futura Std has a straight look that I needed for a square typeface.
Fig 1.4, Letter 'm,b,a' deconstruction (8.10.21)
I realized that the two curves in the 'm' are not the same, they have
different sizes for it, so I did my best to deconstruct them. The curves
on top exceed the median line. Other than the two curves, the rest are
straight.
Fig 1.5, Letter 'm' deconstruction (8.10.21)
Fig 1.5, Letter 'm' deconstruction (8.10.21)
For letters 'b' and 'a' is almost the same, they are both oval in
shape for the round part. And both of their round parts exceed the
median line and the base line.
Fig 1.6, Letter 'b' deconstruction (8.10.21)
Fig 1.7, Letter 'a' deconstruction (8.10.21)
Exploration
I wanted to go for a square typeface, so my sketches are all focused on
squares and variations of squares. I tried different alphabets and tried
different variations:
Fig 1.8, Sketches (8.10.21)
Fig 1.9, Sketches (8.10.21)
Digitization
First I set the guidelines like how Mr.Vinod did in the video that he
provided. Then, I started to work on it by duplicating it and adjusting
the curves that I wanted my typeface to be.
Fig 1.10, Process of digitization (15.10.21)
Measurements :
Ascender line : 751.9 pt
Cap line :714.6 pt
Median line : 515.66 pt
Baseline : 0
Descender line : -226.45 pt
I adjusted the corners to 30pt, but not all of them, I adjusted them on
the top left and right bottom, and it turned out like a leaf
shape.
Fig 1.11, Process of digitization (15.10.21)
Fig 1.12, first attempt of digitization (15.10.21)
On week 9, after Mr.Vinod gave feedback, I adjusted some details and
according to his feedback like the letter 't' should have a shorter line
on the left. This is how it turned out:
Fig 1.13, second attempt of digitization (22.10.21)
FontLab progression
I am using the FontLab 7 to work on my typefaces. I copied and pasted
the letters like how Mr.Vinod did in the video that he provided.
Fig 1.14, Copy and paste letters in FontLab 7 (23.10.21)
After pasting them to FontLab 7, then I adjusted their kernings.
Fig 1.15, Adjust kerning (23.10.21)
Font generation and basic BW poster
This is the poster that I made:
Fig 1.16, basic BW poster (23.10.21)
Fig 1.16, basic BW poster (23.10.21)
Try typing in the box !
Final submission
Fig 1.17, Typeface final JPG (28.10.21)
Fig 1.18, Typeface final PDF (28.10.21)
Fig 1.19, BW poster final JPG (28.10.21)
Fig 1.20, BW poster final PDF (28.10.21)
FEEDBACK
Week 8
General feedback: Remember to use guidelines when making the
typeface.
Specific feedback: -
Week 9
General feedback: Every letters should not be too different from
others,should have same characteristic.
Specific feedback: The horizontal line in letter "t" has different
length for left and right, make sure to adjust the left side shorter.
Overall is good, can continue to work in FontLab.
Week 10
General feedback: Need to provide the link to download the typeface.
Specific feedback: The poster should be in A4 size.
REFLECTION
Experience:
It is very fun to make my own typeface. It is not easy as I thought, but
in the process of making my own typeface, I used the techniques that I
learned from Mr. Vinod's classes and it really helps a lot. Although the
process is not easy and there are a lot of things to do, but I'm happy
with the result turned out!
Observation:
When I was doing researching on the internet, there are a lot of
typefaces that I saw. Even though there are a few details that
are different from the original typeface, it can make a new typeface
too.
Findings:
I found out that I spent a lot of time on this project than I expected, I
think it is because I forgot something that Mr.Vinod taught before, then I
need to watch the video again. Even though I spent lots of time on this
project, but after all it is worth it!
FURTHER READING
A type primer
by John Kane.
Fig 2.1, Cover of the book
Knowing a letterform's component parts make it much easier to identify
specific typefaces, there are some examples:
Fig 2.2, Describing letterforms
Fig 2.3, Describing letterforms
Fig 2.4, Describing letterforms
Typography has its own units of measurement. Originally, type size was
determined by the height of actual pieces of lead type.
Although type size originally referred to the body of the type, today
we typically measure it from the top of the ascender to the bottom of
the decsender.
Fig 2.5, Measuring Type
All letterforms have set width: the width of the form itself plus the
space required on either side to prevent one letter from bumping into
another.
Set widths are described in units, an entirely arbitary measure
that changes from one system to another.
Fig 2.6, Measuring Type
Comments
Post a Comment