Typography Project 2

TYPOGRAPHY PROJECT 2 
9/10/19
Yeoh Wen Jun ( 0334234 )
Typography Project 1

Week 7 (9/10/2019) Describing Letterforms

This week we are going to start our project two which we needed to create our own font. Before we start our second project, we learn about letterforms. It is the anatomy of typography, and there is a lot of parts, for example, baseline, median, x-height, stroke, apex, vertex, arm, spine, stem, ascender, barb, beak, bowl, bracket, crossbar, cross stroke, crotch, descender, ear, em, en, finial, leg and so on.
Fg.1.1 The Anatomy of Typography
Ligature- The character formed by the combination of two or more letterforms.

Fg. 1.2 Example of Ligature

Link- The stroke that connects the bowl and the loop of a lowercase g.

Fg. 1.3 Example of link, loop, and ear

Stress- The orientation of the letterform, indicated by the thin stroke in round forms.

Fg. 1.4 Example of stress

Swash- The flourish that extends the stoke of the letterform.

Fg. 1.5 Example of swash

After that, we also learn more about fonts.
- uppercase/ lowercase (Eg. A and a)
- small capitals
- uppercase numerals/ lowercase numerals
- Italic vs Roman
- punctuation/ miscellaneous characters
- ornaments

Fg.1.6 Example of  uppercase/ lowercase 

Fg.1.7 uppercase numerals/ lowercase numerals

                         Fg.1.8 punctuation/ miscellaneous characters

Fg.1.9  ornaments

Ornaments Used as flourishes in invitations or certificates. They usually are provided as a font in a larger typeface family. Only a few traditional or classical typefaces contain ornamental fonts as part of the entire typeface family (Adobe Caslon Pro).

Mr.Vinod also showed and tell us about the differences of all the typeface such as the thickness, the x-height and so on.

Fg. 2.1 Example of some typefaces

Fg. 2.2 The differences of a and R in different fonts.

Week 8 (16/10/2019) 

Recaption of last week lecture. Mr.Vinod recap us last week lecture and talk more detail about it in the class and we continue with our project after that.


Week 9 (23/10/2019) 

No Lecture 

INSTRUCTION


Project 2
For our project 2, we need to create our own font. We were given 11 lowercase alphabets and 3 punctuation. The 11 lowercase alphabets and 3 punctuation are (d,g,i,s,n,o,e,h,t,k,r) and (!.,). We were asked to choose a font that given from the previous exercise and develop or get reference from it. Before we start to design our own font, we were asked to dissect the font that we choose, so that we can understand how it works. After that, I started to do some random sketches just to explore. The random sketch don't really to allow me get an idea so I tried to write the alphabet in the font style (Futura). 
Fg. 2.3 Random sketches
Fg. 2.4 Sketches

Fg. 2.5 Dissect font
Fg. 2.6 Planning


I was planning to design a font like marker pen writing but in a neat way. The Starting point and the ending point of the alphabets will be round. In the end, it looks like comic sans, so I decided to develop more on it. I plan to add a bigger dot and make it like an ear for the alphabet.

Fg, 2.7 My finalize design

After finalizing my design, I start to digitize it in Adobe Illustrator. 

Fg.2.8 s and n

Mr.Vinod and Mr.Shamsul said that my design is interesting and it looks like "Shrek". They said there is not much problem for my design but the way I play with the thickness on s is wrong. The s should be thin to thick and then thick back to thin. After I got the comment from the lecturers, I started to do corrections and continue with my other alphabets. 
Fg.2.9 Digitize version

After I digitize all the alphabets, I import them into Fontlab to see how they look like. Mr.Vinod reminds me of keeping the consistency of the thickness of the alphabets or else it will not look nice. And also the way I do kerning in Fontlab is wrong. The left should be all 0, only adjust the right.

Fg.3.0 Digitize version in Fontlab

Hence, I go back to Adobe Illustrator and make some corrections. And then, import them into Fontlab and do kerning again. 
Fg.3.1 Final Design 


Jun std (s)

Jun std (n)

Jun std (r)

Jun std (o)

Jun std (e)


Jun std (d)
Jun std (g)


Jun std (h)

Jun std (k)

Jun std (t)

Jun std (i)

Jun std (!)
Jun std (,)

Jun std (.)





We were requested to type "god is in the kerning" and export to JPEG and PDF as our final submission for this project. I type the sentence out in Fontlab to see is the kerning ok.

Fg.3.2 god is in the kerning

Fg.3.3 god is in the kerning version 1


Fg.3.4 god is in the kerning version 2


Fg.3.5 god is in the kerning version 3 (Final)




FEEDBACK 

Week 7 ( 9/10/19 )

General Feedback: PDF is only for final submission, for process JPEG is enough. We should create a serious typeface for our project 2 and avoid "funny" typeface.

I don't really get any feedback this week since the lecturer doesn't have enough time to give everyone feedback in the class. But, I got some feedback from Mr.Vinod in the feedback sheet. "Your Project 1 e-portfolio post is incomplete. You must ensure you meet your deadlines and manage your time well. Your submission will be considered late due to the post being incomplete. Please update ASAP"
by Mr.Vinod.

Week 8 ( 16/10/19 )

Specific Feedback: Mr. Vinod and Mr. Shamsul say that my fonts look interesting but there is still some part I can improve it. First, the alphabet r is too long, it should be shorter, the thickness of the alphabet s can do some correction (thin to thick, thick back to thin). The straight line of the alphabet k will be better if I make it more curve since I had made it curve because mine looks like curve and suddenly straight. The second part of h and n can be thinner a bit (thin to thick).

Week 9 ( 23/10/19 )

Specific Feedback: Mr.Shamsul guided me on how to do kerning on Fontlab in the right way since I did a lot of mistakes. ( Left should be 0 and only adjust the Right) (create <space>). Mr.Vinod reminds me of keeping the consistency of the thickness of the alphabets or else it will not look nice.

Week 10 (30/10/19)

I align the word "god is in the kerning" at the center. Mr.Vinod said that the word kerning looks a bit awkward because it looks longer than other words and he asked me try to rotate the word kerning. The font for the name and year should be 7pt, Arial.

REFLECTION

Week 7, I did finish my blog but forgotten to update it, this caused my submission counted as a late submission. Again, I felt so upset and lost. This is the first time I submit my assignment late. Week 8, I realize that the thickness of the alphabets is really important, it affected the aesthetic. Week 9, I should not skip while watching the video of Mr.Vinod demo how to use Fontlab. That caused me to made a lot of mistakes while using Fontlab.

FURTHER READING

Web UI Trends Present & Future: Dramatic Typography
Website and apps are very useful and important nowadays. Typography is a very important element for websites and apps. This book is written in a quick and practical format that focuses on teaching through real words example. There is 21 hand-picked examples of timelessly captivating typography. The topics in this book included artistic typography, popular typefaces, typography’s design objectives, creative ways of applying small and large fonts, and more. Also, there is some pro tips for working with large and small type, overlaying type on images, staying current yet timeless.

Comments

Post a Comment

Popular posts from this blog

Major Project

Image
  Yeoh Wen Jun ( 0334234 ) Major Project INSTRUCTION Week 1 For the first class of Major Project, we were given a short brief by Mr. Asrizal in the class. It was the first time we can all sit in class together after so long since the pandemic. We went through the MIB and we were told that we can conduct the project in 3 ways. The first is to continue with our dissertation topic, the second is to get a client and the last is to make something with the 17 Sustainable Development Goals.  After the instruction, Mr.Asrizal showed us some seniors' work to give us some ideas. Someone designed a font for Pasar Raya, someone illustrated her own Tarot card, and someone designed a series of collateral. We will need to propose our ideas to Mr. Asrizal in the next class and we started to brainstorm our idea until the class ended. Week 2 This week, the class was separated according to the 4 specializations. The animation group started for the first and we propose our ideas to Mr. A...
Read more

Sonic Design Final Project

Image
Yeoh Wen Jun ( 0334234 ) Sonic Design Final Project  INSTRUCTION Week 12 In the final project, it is different from what we did before. Before this, we normally use the free stocks sound effect to conduct our exercises. But this time we will need to record our own sound effects. We were given a variety of videos to choose from. Also, an audio storyboard was prepared by Mr.Razif. The reason to have an audio storyboard is that if we are going to record sound in a studio, we need to save time as it is not cheap. We need to get ready for all the materials and know what sound we need to create. Audio storyboard and video provided by Mr. Razif: https://drive.google.com/drive/folders/0B4qFCRRLg21uaVVfNTFsMGsyMU0?resourcekey=0-aaijjah6ADp53WbCOfaCsg&usp=sharing Other than sound effects, we were required to create simple background music and some narration if needed. In this case, our classmate Avery Ong was invited to give us a talk about piano.    The tone for different...
Read more

Professional Development Week

Image
Yeoh Wen Jun ( 0334234 ) Professional Development Week Introduction As this is our final semester and we will be graduating very soon, we were asked to learn different knowledge from the people working in the industry and make a report. Hence, we were assigned to take part in the Professional Development Week. Professional Development Week is on week 8 of this semester, and there are many types of workshops provided. In this case, we will need to attend at least 6 workshops which is a total of 6 learning hours. Some workshops were compulsory as it was selected by our Program Director but for the rest, we can choose for ourselves. Below are the workshops that I took part in: Tuesday, May 17 For me personally, I enjoyed the “Financial Literacy for Fresh Graduates" workshop by Mr. Fairuz Izman from MAYBANK the most. The way he presented was really interesting and made me feel like I want to listen more from him as he was sharing his own story as an example. From this workshop, I ...
Read more