Foo Hui Xin || 0351665
Typography || Bachelor of Design in Creative Media
Task 3A
1 || Lectures
(Lectures in Task 1: Exercise 1 & 2)
Typography Task 3A Typeface Construction (Shapes)
This video showed us how to create our own fonts from sketch to Adobe
Illustrator by using shapes and pathfinder tools, guide lines, etc.
Typography Task 3A Illustrator to Fontlab5 Demo
Typography Task 3A Fontlab7 Demo
Typography Task 3A Using Calligraphr (If Fontlab is Not Accessible)
2 || Instructions
Task 3A- Type Design and Communication
We had to design the letters: a e t k g r i y m p n ! # , .
Research
|
| Fig 1, Typography basics |
Mr Vinod has provided us with links we can take a look at in the
Typography Facebook group through the hashtag #fontdesign. With his
advice, I went through them as research and it helped tremendously.
|
| Fig 2, How to Design a Typeface by @worldoftype_ on instagram |
|
| Fig 3.1, Punctuation in typefaces by @grillitype on instagram |
|
|
Fig 3.2, Punctuation in typefaces by @grillitype on
instagram |
|
|
Fig 3.3, Punctuation in typefaces by @grillitype on
instagram |
Sketches
Following the video, I started on my sketches for type designs I
would like to do.
|
| Fig 4, Sketches and ideas, Week 8 (22/5/2022) |
After receiving feedback, I've decided on the 5th sketch and made some changes accordingly.
|
| Fig 5, Chosen sketch, Week 8 (23/5/2022) |
Deconstructing Letters
I deconstructed letters from a typeface, out of the 10 given
typefaces since the beginning of the semester, which I felt is
the most closest in similarity to the typeface I want to design.
The typeface I have chosen to deconstruct is Univers LT Std 55
Roman.
|
| Fig 6, Example on deconstructing letters from video |
|
| Fig 7.1, Deconstructing Univers LT Std 55 Roman, Week 8 (23/5/2022) |
|
|
Fig 7.2, Deconstructed letter 'f', Week 8 (23/5/2022) |
|
|
Fig 7.2, Deconstructed letter 'n', Week 8 (23/5/2022) |
|
|
Fig 7.2, Deconstructed letter 'j', Week 8 (23/5/2022) |
Digitalisation
Guide lines were created referring to letters of Univers LT
Std 55 Roman, using letters f, n, j, as deconstructed, and
letter T for the cap line.
|
| Fig 8, Guide lines, Week 8 (25/5/2022) |
Artboard height: 1000 pt
Ascender line: 740 pt
Cap line: 720pt
x-height: 500 pt
Baseline: 0pt
Descender line: 200 pt
|
| Fig 9.1, Letter 'a' progress, Week 8 (25/5/2022) |
|
| Fig 9.2, Letter 'a' progress with guides, Week 8 (25/5/2022) |
|
|
Fig 10.1, Letter 'e' progress, Week 8 (25/5/2022) |
|
|
Fig 10.2, Letter 'e' progress with guides, Week 8
(25/5/2022) |
|
|
Fig 11.1, Letter 't' progress, Week 8 (25/5/2022) |
|
|
Fig 11.2, Letter 't' progress with guides, Week 8
(25/5/2022) |
|
|
Fig 12.1, Letter 'k' progress, Week 8 (27/5/2022) |
|
| Fig 12.2, Letter 'k' progress with guides, Week 8 (27/5/2022) |
|
| Fig 13.2, Letter 'g' progress, Week 8 (27/5/2022) |
|
| Fig 13.2, Letter 'g' progress with guides, Week 8 (27/5/2022) |
|
| Fig 14.1, Letter 'r' progress, Week 8 (27/5/2022) |
|
| Fig 14.2, Letter 'r' progress with guides, Week 8 (27/5/2022) |
|
| Fig 15.2, Letter 'i' progress, Week 8 (27/5/2022) |
|
| Fig 15.2, Letter 'i' progress with guides, Week 8 (27/5/2022) |
|
| Fig 16.1, Letter 'y' progress, Week 8 (28/5/2022) |
|
|
Fig 16.2, Letter 'y' progress with guides, Week 8
(28/5/2022) |
|
|
Fig 17.1, Letter 'm' progress, Week 8 (28/5/2022) |
|
|
Fig 17.2, Letter 'm' progress with guides, Week 8
(28/5/2022) |
|
|
Fig 18.1, Letter 'p' progress, Week 8 (28/5/2022) |
|
|
Fig 18.2, Letter 'p' progress with guides, Week 8
(28/5/2022) |
|
|
Fig 19.1, Letter 'n' progress, Week 8 (28/5/2022) |
|
|
Fig 19.1, Letter 'n' progress with guides, Week 8
(28/5/2022) |
|
|
Fig 20.1, Punctuation '!' progress, Week 9
(29/5/2022) |
|
| Fig 20.2, Punctuation '!' progress with guides, Week 9 (29/5/2022) |
|
| Fig 21.1, Punctuation '#' progress, Week 9 (29/5/2022) |
|
|
Fig 21.2, Punctuation '#' progress with guides,
Week 9 (29/5/2022) |
|
|
Fig 22.1, Punctuation ',' progress, Week 9
(29/5/2022) |
|
|
Fig 22.2, Punctuation ',' progress with guides,
Week 9 (29/5/2022) |
|
|
Fig 23.1, Punctuation '.' progress, Week 9
(29/5/2022) |
|
|
Fig 23.2, Punctuation '.' progress with guides, Week
9 (29/5/2022) |
|
| Fig 24.1, Progress, Week 9 (30/5/2022) |
|
| Fig 24.2, Progress in command+y, Week 9 (30/5/2022) |
|
| Fig 25.1, Compiled letterforms, Week 9 (30/5/2022) |
|
| Fig 25.2, Compiled letterforms with guides, Week 9 (30/5/2022) |
Extra letterforms
I made some extra letters to be able to play around with
typing them out after finishing the development of turning
them into fonts.
|
|
Fig 26, Letter 'b' progress, Week 10 (2/6/2022) |
|
| Fig 27, Letter 'd' progress, Week 10 (2/6/2022) |
|
|
Fig 28, Letter 'h' progress, Week 10 (2/6/2022) |
|
|
Fig 29, Letter 'o' progress, Week 10 (2/6/2022) |
Developing Final Font
I could not access Fontlab 5 or 7 on my laptop so I had to
reside with Calligraphr. I have errors starting Fontlab up
and just could not launch it even though I have tried over
and over again, uninstalling and reinstalling it.
I had to first download the Calligraphr template pdf and
insert my fonts into it.
|
|
Fig 30, Inserting into Calligraphr template, Week
10 (2/6/2022) |
I had to put the hashtag in a section unrelated because there
was not an option for it...
|
| Fig 31, Uploading them onto Calligraphr, Week 10 (2/6/2022) |
|
| Fig 32, Adjusting baseline and size in Calligraphr, Week 10 (2/6/2022) |
I named the font 'Anemo'.
Font download: Anemo
|
| Fig 33, Font Book |
|
|
Fig 34, Random words with Anemo, Week 10 (2/6/2022) |
Poster
|
|
Fig 35.1, Poster ideas, Week 10 (2/6/2022) |
|
|
Fig 35.2, Idea 1, Week 10 (2/6/2022) |
|
|
Fig 35.3, Idea 2, Week 10 (2/6/2022) |
I decided to go for idea 2 since it has more readability compared to idea 1.
|
|
Fig 36, Final idea, Week 10 (6/6/2022) |
-2nd attempt after submission-
(Lecturer's comment: All words in the poster are supposed to be the
same size)
Font size: 100 pt
|
| Fig 37, Second attempt |
3 || Feedback
Week 9
General Feedback:
The tool we use to sketch can determine how similar all our
sketched designs look (for example, using the same pen with
1 thickness)
Specific Feedback: I chose between 2 favourite
sketches (sketch 4 & 5) and Mr Vinod suggested to go for
sketch 5 but for my first typeface, I should avoid using
both filled and unfilled shapes so it should all remain
fully black if not it can look complicated.
Week 10
General Feedback: We have to watch and refer to the
videos on font design Mr Vinod uploaded on facebook to know
what we should do better.
Specific Feedback: Get rid of the line between the
comma, make the comma and full stop bigger and the dot on the
'i' bigger. So far it looks pretty consistent.
4 || Reflection
Experience
At first, this exercise looked intimidating and difficult,
so I was not looking forward to it, especially after seeing
the deconstruction of letterforms because it looked very
complicated. It felt like I had to work around so many rules
which felt somewhat suffocating.
However, when I got to the point where I am actually doing
the typeface in AI, It did not seem that bad. After
finishing the typeface and being able to type with it, it
felt very rewarding and it was really cool to be able to see
something I have designed used as a font.
Observation
Deconstructing letterforms is something no one regular would
ever think of while reading words. It's interesting how much
there is to a single letter. This kind of opened my eyes to
how much time and work it is put into something that seemed
so simple which is everywhere, and no one really notices
this.
Findings
I found out about how much patience and time and research
people put into designing a typeface. My typeface is far
from perfect, so it is very admirable that designers are
able to come up with good typeface designs and make it
legible and readable and also pleasant or interesting to
look at.
5 || Further Reading
by Andrea Stan
|
| Fig 38.1, Website of the article |
|
| Fig 38.2, Contents of the website (Type Anatomy) |
|
| Fig 38.3, Contents of the website (Illusions) |
This website breaks down typefaces and explains them really well. Andrea goes through everything very thoroughly which helped me understand letterforms better.
Comments
Post a Comment