Typography / Project 2A

5th June - 11th June 2020 / Week 7 -  Week 9
Ali Nazhan Al-Baharin bin Azmi / 0328763 / BSE
Typography / Taylor's Lakeside University
Task
THE LECTURES

Week 7 - Understanding Letterform
Eventho some uppercase letter forms looks symmetry but in fact is not symmetrical. A stroke weights can play a lot of role to make that letter much more elegant. Also, the x height generally describe the size of lowercase letterforms. However some letters some curved strokes as it needs to be higher than the median. This is to ensure that letter to appear to be same size as the vertical and horizontal strokes they adjoin of other letters. Also, we need to know the counter-form of the letter or counter, like the spaces in the middle of the O called a counter form.
THE INSTRUCTIONS

PDF Check Page 7 for Project 1 instruction

Project 2a Creating Font

For the second project, we were task to design a limited number of western alphabets or other known as fonts. To begin we need to choose a reference point or a reference alphabet from any typefamily that I like and try to begin it from there. Our first Exercise was to analyse the letter O, H and D in either lowercase or uppercase which I choose any. The reason we analyse this specific letter because usually when somebody start to design a font, they start with H and O.

Figure 1.01: Analysis of alphabets H O D A
I did a few sketch on what I thought will my font would look like before I start to do it in Illustrator. Some inspiration would be from Start Industries logo design from Iron Man.


My choice of reference to start design my own font was Universe. I start to do A I and M. I slowly try to trace it back how it looks and create a futuristic and boxy lookalike.

Figure 1.02

Then I continue making it until I satisfied with it. My first results was this before get some feedback from Mr Vinod

Figure 1.03


After I get Feedback from Mr Vinod, I did a few fixes on the E, G, D, O and B. And Figure 1.04 is my final results of my Font.

Figure 1.04

 Then follow up to that we need to generate it in Font lab provided by Mr Vinod, Mr Shamsul and Taylors University for the license. First when I open I start with the font names and filled up the detail. I choose the font name based on my second name which is Nazhan but shorten it to Naz.

Figure 1.05
After that I start add details on the x height, cap height, ascender/descender line.

Figure 1.06
Then one by one I start passing all the font I made in Illustrator to FontLab. The First word I make sure that the x height, baseline, and the ascender/descender follow the lines for each individual letter that I made in Illustrator.

Figure 1.07
Then I start put all the font into FontLab one by one then I adjust the tracking of each letter. I make sure the spacing between each of the font is good and pleasing.
Figure 1.08

Figure 1.09


Project 2a Poster

The Final masterpiece with the word type in "I am a type god" then I use the font and install it in my Computer. Then I retype it in Illustrator for Project 2b.

Figure 1.10 Final JPEG Font

Figure 1.11: Final JPEG POSTER 


FINAL PDF I AM A TYPE GOD, OBEY ME



THE FEEDBACK

Week 8
Mr Vinod says need to fix the D and O curvature as it looks a bit small than it should be. Also no need to do alot of angular design on the E and I. Can use it on the coma. The exclamation mark also can increase the height even more. The coma also I need to flip it mirror it.

Week 9
Mr Vinod and Mr Shamsul say that everything is good for the poster design and both like it. Just need to fix the G abit the inside to make it smaller.
THE REFLECTIONS

Experience
I found out that making font is tough and need take some time. But besides all that its enjoying and fun as I can create my own font. Thus, it need a lot more time  before the final piece is good to eyes.

Observations
I observe alot of people making font takes time and effort for them to reach the final piece.

Findings
I found alot of example that inspired me. This findings inspired me and lead me to design this futuristic font that I created.
FURTHER READING

The Elements of Typographic Style
By Robert Bringhurst

This book will inspired you to love typography. It inspired you to be do what type of style is suitable and some font that are suitable for poetic as an example. There also a chapter about how important the page layout can be for magazine and book design, with all the specific information about the picas and columns and such. Although, if you design for screens, you cant find much about it but you can take all the tips from other chapter which can benefit in design for screens.


Comments

Post a Comment

Popular posts from this blog

Typography / Exercise

Image
13th April 2020 - 8th May 2020 / Week 1 - Week 4 Ali Nazhan Al-Baharin bin Azmi / 0328763 / BSE Typography / Taylor's Lakeside University Task THE LECTURES Week 1 For the summary of first week of lectures, we have a meet and greet session with the lecturers Mr Vinod and Mr Shamsul. The lecturers are friendly with the student and also helpful throughout the class. The first class started with Mr Vinod explaining the module and also show us how to get attendance by replying through Facebook reply. In addition to that he also briefly explain and commented on few of the student blog which one of it is mine (thanks for informing me about the missing 'Further Reading' in my blog Sir!). He also mention that we students need few applications to be installed so that we can do the exercise given by the lecturers. Moreover, the third session was handled by Mr Shamsul using Zoom where he shows his screen and introduce few tools in Adobe Illustrator that would be helpful fo...
Read more

Typography / Final Compilation & Reflection

Image
17th July 2020 / Week 14 Ali Nazhan Al-Baharin bin Azmi / 0328763 / BSE Typography / Taylor's Lakeside University INSTRUCTIONS Exercise : Lettering & Type Expression Project 1 : Text Formatting and Expression Project 2A : Font Design Final Project 2B :  Typography: Expression, Hierarchy and Composition EXERCISE Figure 1.0 JPEG 6 Word Expression PDF 1.0 6 Words Expression Figure 1.1 GIF Single Word Animation PDF 1.1 PDF Text Formatting PROJECT 1 Fig 1.2  Editorial Layout JPEG PDF 1.2 Editorial Layout PROJECT 2A Figure 1.3 Final JPEG Font Naz Figure 1.4 Final JPEG POSTER Naz PDF 1.3 Final Poster Naz Link to FONT ttf https://drive.google.com/file/d/1_rSiDTzZaUbsZCPT9uZ-6z_gH4u7fUWu/view?usp=sharing PROJECT 2B Figure 1.5 FINAL JPEG POSTER 2B PDF 1.4 FINAL JPEG POSTER 2B Figure 1.6 Final Gif Animation 2B THE REFLECTION First and foremost, I would like to than...
Read more

Typography / Project 1

Image
15th May 2020 - 29nd May 2020 / Week 5 - Week 6 Ali Nazhan Al-Baharin bin Azmi / 0328763 / BSE Typography / Taylor's Lakeside University Task THE LECTURES Week 5 Sir gave instruction and explaining the assignment before the start of consulting session for exercise. He said that there's 3 type of editorial text that I need to choose one of it. Then we need to use our knowledge in our type expression exercises and formatting text and do our project 1. Also, the lecture video talks about leading, paragraph spacing which both of it must be the same to achieve cross alignment. I also learn the name term pilcrow. The video also talks about line space vs leading, indentation, widows and orphans. Also. when highlighting a text of type family, its better to reduce .5 for the point size of that type family if highlighting it with a bold text Week 6 Firstly we have a consultation about the design that we were supposed to show to both lectures and get feedback on it for proj...
Read more