Typography - Task 3A

-

 15/10/2021 - 28/10/2021 (Week 8- Week 10) 

Ataka Lukman Hamzah / 0350012 
BDCM /  Typography
Task 3A
 

LECTURE

WEEK 7: Typography Task 3 (Demo)

Task 3 To-Do:
1. Research about type design
2. Make sketches (make at least 5)
3. Look for references (that looks like your typefaces)
4. Deconstruction of the references

Deconstructing typefaces allows us to learn how the letters are formed. The strokes, width, thickness and many more. 


When creating a typeface we should follow certain rules of Basic Typography, guidelines. The guidelines are ascender height, capital height, median line, baseline and descender line. 

Notes from Demo:
- x-height = 500 pt
- 1000 x 1000 pt artboard


INSTRUCTIONS



Task 3A:
We are expected to design a limited number of western alphabets. The alphabets are (a i m e p y t g d o b ! , . ). It could be uppercase or lowercase.

Steps:
1. Choose an existing font design that adheres to the direction that you would like to head in.
2. Study the font, deconstructing letterforms
3. Rough sketches
4. Digitization of the drawings

For the approach towards this task, I wanted to create serif typeface. I have been a fan of using serif fonts, it has a classy, luxurious and professional look to it. So these are some fonts that I have chosen are:  
Fig 1.1: Magnolia by Elvinova


Fig 1.3: Nirvana

Fig 1.4: GLITTEN by Brandsemut


After finding reference, I tried to deconstruct the Times New Roman typefamily.

Fig 1.5: A (Times New Roman)

Fig 1.6: B (Times New Roman)

Fig 1.7: D (Times New Roman)

Fig 1.8: G (Times New Roman)

For the serif fonts, I deconstructed the Times New Roman typeface. The letterforms that I chose are A, B, D, G. I decided to deconstructed them because I think that these letters are the hardest to construct later on.

AFter deconstructing I began to sketch my ideas for my typefaces. 

Fig 1.9: Sketch 1

Fig 2.0: Sketch 2

Fig 2.1: Sketch 3

Fig 2.2: Sketch 4 & 5


Fig 2.3: Sketch 6 & 7


After sketching, I decided to go with the 6th sketch and begin to sketch all the letters using style used in the initial sketch.

Fig 2.4: Sketch 6 Progression

Then move on to digitize the sketch in Adobe Illustrator.

Fig 2.5: Guidelines measurement


Fig 2.6: Digitized Font Design (Adobe Illustrator)

This is the progression that is shown to Mr Vinod, the feedbacks are interesting design. However, there are inconsistency on the width of the letterforms and strokes. He advised me to make the width of the letterforms to follow the letter G and T.

Fig 2.7: Final Font Design

Fig 2.8: Font Design Construction Outline

This is the revisions done after the feedback session during class. I made change to the letter P, D and T and added on the unfinished B.

Developing the final font in FontLab 7
After finishing my final font design, I took the fonts into FontLab to create the design a real font file. 

Fig 2.9: Copying final font to FontLab

Fig 3.0: Inputting the guidelines pt

Fig 3.1: Adjustment to the Kerning and Spacing

Final Task 3A: Type Design and Communication

Font Download: https://drive.google.com/drive/folders/1cKIA-WCzMr4Ab_FLvohW5VjiU-wwDVPE?usp=sharing

Fig 3.2: Final Task 3A: Type Design and Communication "Serip" - JPEG

Fig 3.3: Final Task 3A: Type Design and Communication "Serip" - PDF

Fig 3.4: "Serip" Typo Poster A4 - JPEG


Fig 3.4: "Serip" Typo Poster A4 - PDF

FEEDBACK

Specific Feedback:
  • Interesting Design, however, there are inconsistency on the width and strokes of the letter forms.
  • Exclamation mark should have the width of the stroke smaller descending.

REFLECTION

Experience

This task is a great experience, I had fun creating the fonts and enjoy the process making it. We can create a font that is to our liking and learn the proper way of creating it into a real font that can be used in applications. If I had more time, I think I would do another typeface from one of my sketches and improve more to the typeface that I have created.

Observation
A lot of time is needed to create a typeface that is great and aesthetically pleasing. There are set of rules like rounded tend to overshoot the x-height because they look smaller than a straight line. There are guidelines required when creating a good typeface, x-height, ascender, descender, etc. 

Findings

There are a lot of steps required to create a typeface. Research, deconstructing, sketch, digitize and FontLab. FontLab is new for me, I didn't know FontLab before this task. Its good to know more. 

FURTHER READING




Comments

Post a Comment

Popular posts from this blog

Design Principles - Task 3

-
Image
  27/08/2021 - 25/09/2021 (Week 1 - Week 5)  Ataka Lukman Hamzah / 0350012 / BDCM Design Principles Task 3   LECTURE HARMONY Harmony involves the selection of element that share a common trait. Variety is important to avoid harmony becoming monotonous. Harmony is the sense that all of elements f your design fit together. They may fit the same theme, aesthetic style or mood. Variety is about a change or slight difference in elements and objects in composition, to avoid a boring composition. Variety can also involve varying angles, exposure, composition, etc. UNITY Unity refers to the repetition of particular elements throughout your design whether they're colors, shapes or materials to pull the look together. Unity occurs when these elements are c...
Read more

Illustration & Visual Narrative - Task 2

-
Image
 27/08/2021 - 24/09/2021 (Week 1 - Week 5)  Ataka Lukman Hamzah / 0350012 / BDCM Illustration and Visual Narrative Task 2   INSTRUCTIONS For task 2 the name of the exercise is called Decisive Moment. We are told to create a minimalist poster defining the decisive moment of the scene from an existing narrative. Also we are expected to create a looping animated gif of the design. The first movie came into my mind is The Conjuring Universe movies. It is a movie that I have been repeat watching a lot in my free time. There are some scenes that came into my mind, the first scene was from the first conjuring, the hide and clap scene. This scene shows the one of the first encounter between the characters and the ghost. The second scene that I wanted to brought up is the scene where Lorraine meets Valak at the first time in the Conjuring 2....
Read more