Typography Task 3A
.png)
06.10.2021 - 27.10.2021 (Week 7 - Week 10 )
Ng Ee Chyn / 0344762
Typography / Creative Media Design(minor)
Task 3A : Type Design & Communication
LECTURES
All lecturer note has been completed in Task 1:Link to Task 1
All lecturer note has been completed in Task 1:Link to Task 1
INSTRUCTIONS
Week 7:
1. Research
Fig A 1.0: Typeface research(Week7, 06.10.2021)
2. Exploration
Fig A 2.0: Sketches (Week 7, 06.10.2021)
Week 8:
3. Digitization
3. Digitization
Digitization progress 1: Firstly, I decided to use 1 circle and 1 oval to create an "O" letter as my guideline. Later on, I rotate the O letter to a 330°(30°).
Digitization progress 2: I used the Myriad Pro font and type "Tyd" in 1000px as my rule guideline.
Digitization progress 3: After forming boxes and lines to design conveniently, I labeled out the baseline, median line, cap line, ascender, and defender line size in points.
Digitization progress 4: Lastly but not least, I design the letters "aimepytgdob1,." by referring to the serif font. Before shaping it in pathfinder, I duplicate the letters so I can change them anytime.
Fig A 3.0: Digitization progress 1 (Week 13, 06.10.2021)
Fig A 3.1: Digitization progress 2 (Week 8, 13.10.2021)
Fig A 3.2: Digitization progress 3 (Week 8, 13.10.2021)
Fig A 3.3: Digitization progress 4 (Week 8, 15.10.2021)
Fig A 3.4: All letters and punctuation in adobe illustrator placed on a baseline, with x-height, ascender, descender, and cap lines visible (Week 8, 15.10.2021)
Mr. Vinod: "Interesting approach, but "y" and "t" have a bit of a problem because of the thickness. It is quite tough to solve because of the drastic angle which causes the difficulty to connect the loop into the stem. Need to do a bit of research to find out what the solution should be."
Fig A 3.5: Lecturer check 1 (Week 9, 20.10.2021)
Based on what Mr. Vinod said, I try to do some research in Google Font, but at the end, I decided to change the angle to 270°(90°) instated of 330°(30°).
- y: If chose the top Y it must be flattened at the top of the stroke.
- m: Need to be thicker
- Comma: Some people prefer to flatten the bottom comma stroke and little flatten at the side/corner of the stroke.
- Exclamation mark: Make it more space a bit and it needs to be taper but not too much.
Fig A 3.6: Lecturer check 2 (Week 9, 20.10.2021)
Fig A 3.7: After amend (Week 9, 20.10.2021)
Fig A 3.8: After amend without boxs (Week 9, 20.10.2021)
Measurements
- Ascender height: 710pt
- Capital height: 677pt
- Median line: 500pt
- Baseline: 0pt
- Descender line: -200pt
- X-height: 500pt
Week 9:
4. Fontlab progression
4. Fontlab progression
Fig A 4.0: Progress in FontLab7(Week 10, 26.10.2021)
Fig A 4.1: Letter kerning in FontLab7(Week 10, 26.10.2021)
5. Font generation and basic black and white poster
Fig A 5.0: Display Poster(Week 10, 26.10.2021)
Fig A 5.1: Dope - Generated typeface(Week 10, 26.10.2021)
Fig A 5.2: Dope - Typo Poster A4(Week 10, 26.10.2021)
Fig A 6.0: Display Poster PDF(Week 10, 26.10.2021)
Fig A 6.1: Dope - Generated typeface PDF (Week 10, 26.10.2021)
Fig A 6.2: Dope - Typo Poster A4 PDF (Week 10, 26.10.2021)
Week 8(Independent learning week)
General feedback: I asked my friend about my sketches, they said the dope with the serif is look better.
Week 9
General feedback: Need to do a bit of research to find out what the solution should be in Google Font.
Specific feedback: Interesting approach, but "y" and "t" have a bit of a problem because of the thickness. It is quite tough to solve because of the drastic angle which causes the difficulty to connect the loop into the stem.
REFLECTIONS
Experience:
In this task, I learned and exprerienced how the letters and pancuation was create. It was intreasting and challenging while creating each letter myself. To be honest, the procress of creating letter are fun. Even though I did some mistake and faced some difficulty, but at the end I was able to finish my task and I was satisfied to see my final outcome.
Observations:
Before starting to create our typeface, we need to do a lot of research and observe how the letters was created and the detailness of letters. Such as the connection of the loop and stem must be thinner and the exclamation mark need to be a little taper. During digitalisation the letters in Fontlab, I was regret that I didn't make the comma tail long which caused the comma look like a full stop.
Findings:
During completing the task, I found I was not do enough research and I was not paying attention on letters detail because 1 single mistake will effect the whole outcome. The mistake I did is I try to create a 30° slant which caused the difficulty to connect the loop into the stem.
In this task, I learned and exprerienced how the letters and pancuation was create. It was intreasting and challenging while creating each letter myself. To be honest, the procress of creating letter are fun. Even though I did some mistake and faced some difficulty, but at the end I was able to finish my task and I was satisfied to see my final outcome.
Observations:
Before starting to create our typeface, we need to do a lot of research and observe how the letters was created and the detailness of letters. Such as the connection of the loop and stem must be thinner and the exclamation mark need to be a little taper. During digitalisation the letters in Fontlab, I was regret that I didn't make the comma tail long which caused the comma look like a full stop.
Findings:
During completing the task, I found I was not do enough research and I was not paying attention on letters detail because 1 single mistake will effect the whole outcome. The mistake I did is I try to create a 30° slant which caused the difficulty to connect the loop into the stem.
FURTHER READING
Typographic Design: Form and Communication
Reference:
Carter, R., Day, B., Meggs, P. B., Maxa, S., & Sanders, M.
(2015). Typographic design: Form and communication.
Hoboken, New Jersey: John Wiley & Sons, Inc.
Fig 1.0: Typographic Design: Form and Communication cover(week 9, 23.10.21)
Chapter 8: Typography on Screen (pg 133)
Rendering type on screen
- Screen fonts are bitmaps, which are digitized images made up of tiny dots.
- The curve on a computer screen needs to be rasterized/converted into tiny dots(pixels)
- "The jaggies" - The curved and diagonal edges rendered as pixels on a raster scan display have a jagged step quality
- The more pixels used to generate the letterform, the higher the resolution
Fig 1.1: As the number of pixels decreases, the resolution of digital fonts decreases. (week 9, 23.10.21)
Fig 1.2: The magnification of a displayed at a height of 5px on the computer screen shows the resulting distortion. (week 9, 23.10.21)
Fig 1.3: The screen shows the "jaggies" when it is enlarged, which caused by pixels.(week 9, 23.10.21)
Fig 1.4: Antialiasing smooths out the hard, stair-stepped diagonal and curved edges. (week 9, 23.10.21)
Fig 1.5: The enlarged antialiasing letter shows how colors can be blended to get a smoother look at a smaller size. (week 9, 23.10.21)
Fig 1.6: Four sizes of a hinted letter a are shown enlarged and at on-screen reproduction sizes. (Designer: Matt Woolman)(week 9, 23.10.21)
.png)
.png){kind=link}
Comments
Post a Comment