ADVANCED TYPOGRAPHY [ TASK 3 ]

   12.06.24 - 22.07.24 / Week 8 - Week 14

Kim Abin 0365392
Bachelor of Design (Hons) in Creative Media / Advanced Typography / Taylor's University
Task 3



OUTLINE

Instruction

Feedback

  • WEEK 8
  • WEEK 9
  • WEEK 10
  • WEEK 11

Reflection

Quick Links



    INSTRUCTION



    Module Information Booklet (MIB) of Advanced Typography


    <iframe src="https://drive.google.com/file/d/10YYCqgxc3at2ia1pBnX9o58EuHpYWWUs/preview" width="640" height="480" allow="autoplay"></iframe>



    Task 3: Exercise 1 - Font Presentations

    In task 3, we are tasked to utilize knowledge from exercises, lectures, reading, and software to synthesize and apply learning to functions, allowing it to guide decisions for the effective execution of the final task. 

    The options:

          1. Create a font for a larger problem or part of a solution in your area of interest, such as graphic design, animation, new media, or entertainment design.

          2. The process involves analyzing an existing letterform, identifying areas for improvement, and exploring potential solutions to create a fully generated font (.ttf) with various applications.

          3. The student must create a unique and novel experiment using various materials, such as 3D, digitally augmented, edible, or fine art, with the end result defined by the student.


    Presentation


    Final Project ideas proposal slides


    Fig. 1.1 Selected idea (Week 9 / 18.6.2024)


    After the lecturer approved the topics, I chose the first idea. 

    First, I traced the form of the Monoton font in Adobe Illustrator. Then, using that form as a base, I designed the font. I also captured the feeling of the chosen painting in the letters as much as possible.


    Fig. 1.2 Process 1 (Week 9 / 19.6.2024)


    Fig. 1.3 Process 2 (Week 9 / 19.6.2024)


    Fig. 1.4 Process 3 (Week 9 / 22.6.2024)


    Fig. 1.5 A slide to show the process (Week 10 / 28.6.2024)


    After completing all the letters, I received feedback from the lecturer that using existing letters to create new ones was not acceptable. Even if they were completely remade, it still wouldn't be allowed. So, I decided to scrap the fonts I had already created and start over. Having made the fonts once already, it was challenging to design new ones without any connection to the previous fonts. However, I tried my best to design without thinking about the original fonts.

    Due to the lack of time, I aimed to keep the design as simple as possible while capturing the characteristics of the image.


    Fig. 1.6 Process 4 (Week 10 / 28.6.2024)


    Fig. 1.7 Process 5 (Week 11 / 1.7.2024)


    Fig. 1.8 Process 6 (Week 11 / 5.7.2024)


    Fig. 1.9 Process 7 (Week 11 / 5.7.2024)


    Fig. 1.10 Process 8 (Week 11 / 6.7.2024)


    Fig. 1.11 Pre-submission (Week 12 / 8.7.2024)


    He mentioned that the shape of the letters was fine, but the spacing between them needed adjustment. So, following his advice, I adjusted the spacing between the letters according to the rules he provided.


    Fig. 1.12 Process 9 (Week 13 / 15.7.2024)


    After completing the font, I created five artworks for the next stage, font presentations. Following the examples shown by the lecturer, I designed the artwork to be as clean and clear as possible to showcase my letters effectively.


    Fig. 1.13 Process 10 (Week 13 / 15.7.2024)


    Fig. 1.14 Process 11 (Week 13 / 16.7.2024)


    Fig. 1.15 Process 12 (Week 13 / 17.7.2024)


    Fig. 1.16 Final font presentations 1


    Fig. 1.17 Final font presentations 2


    Fig. 1.18 Final font presentations 3


    Fig. 1.19 Final font presentations 4


    Fig. 1.20 Final font presentations 5



    Fig. 1.21 Final Font presentation PDF



    Task 3: Exercise 2 - Font Applications

    After finishing the font presentations, I began working on the font applications by collecting photos and paintings of Van Gogh.


    Fig. 2.1 Process 13 (Week 13 / 19-20.7.2024)


    Fig. 2.2 Process 14 (Week 13 / 21.7.2024


    Fig. 2.3 Final font applications 1


    Fig. 2.4 Final font applications 2


    Fig. 2.5 Final font applications 3


    Fig. 2.6 Final font applications 4


    Fig. 2.7 Final font applications 5



    Fig. 2.8 Final Font application PDF


    Final Submission

    Font download link: https://drive.google.com/file/d/1wqe3ic3hIETsoFpQYD7ZXWeIAEH_Qorq/view?usp=drive_link


    Fig. 3.1 Final font presentations 1


    Fig. 3.2 Final font presentations 2


    Fig. 3.3 Final font presentations 3


    Fig. 3.4 Final font presentations 4


    Fig. 3.5 Final font presentations 5


    Fig. 3.6 Final font applications 1


    Fig. 3.7 Final font applications 2


    Fig. 3.8 Final font applications 3


    Fig. 3.9 Final font applications 4


    Fig. 3.10 Final font applications 5



    Fig. 3.11 Final Submission PDF (Week 14 / 22.7.2024)



    FEEDBACK

    WEEK 8

    Specific Feedback: No feedback

    General Feedback: No feedback


    WEEK 9

    Specific Feedback: No feedback

    General Feedback: No feedback


    WEEK 10

    Specific Feedback: The lecturer suggested when explaining the idea, it might be more accurate to say that the new font is created by drawing inspiration from a selected image, rather than modifying an existing font.

    General Feedback: The lecturer said that even if I take an existing font and modify it so extensively that its original form is unrecognizable, this is something to avoid. It’s better to create something new by drawing inspiration from an image.


    WEEK 11

    Specific Feedback: The lecturer suggested the uppercase looks a bit complex, so set the lowercase to be not too small, around 70%-80% of the height of the uppercase.

    General Feedback: The lecturer said the current design is much better than before. However, since I haven’t finished the uppercase yet, I need to complete the lowercase as quickly as possible.


    WEEK 12

    Specific Feedback: No feedback

    General Feedback: No feedback


    WEEK 13

    Specific Feedback: The lecturer advised that the font kept changing when transferring it from Adobe Illustrator to FontLab 7 because the font in Illustrator was a stroke instead of an outline. So, in Adobe Illustrator, click Object -> Path -> Outline Stroke to merge everything. 

    General Feedback: He said the overall font design seems fine as it is. But just make the necessary font adjustments and quickly complete the font presentation.


    WEEK 14

    Specific Feedback: However, the lecturer advised that it is best to indicate "Final Submission" in the last section and to provide a link to download the font.

    General Feedback: The overall design of font presentations and font applications is fine.



    REFLECTION

    Experience

    For about six weeks, I worked on a project to design fonts using my chosen ideas. As much as the idea I chose was based on Vincent Van Gogh's paintings, I focused on drawing well and representing the texture.


    Observations

    Recording in the E-portfolio was essential, making time management and a self-directed attitude crucial. However, I struggled midway through, possibly due to inadequate time management.


    Findings

    Since this is not the only assignment, I need to be more thorough with time management in the future. Additionally, I should actively seek feedback from the lecturer, but my shy personality often holds me back. I need to make more effort to improve my communication skills. The task itself was most meaningful, especially when doing font applications because it used the painting of my favourite artist.



    FURTHER READING

    A Type Primer 2nd Ed by John Kane 1


    Introduction

    Typography is the art and technique of arranging type to make written language legible, readable, and visually appealing. It involves selecting typefaces, point sizes, line lengths, line spacing (leading), and letter spacing (tracking).

    Basics:

        Baseline, X-height, Cap Height, Stroke: Key components of letterforms.

        X-height, Stroke Contrast: Ensuring readability by considering the height of lowercase letters and the contrast in stroke thickness.

    Development of Typography

    Typography has evolved over 500 years, with significant advancements in typefaces and printing technology.

    Letters, Words, Sentences

        Form and Counterform, Contrast, Reinforcing Meaning: Balancing the positive and negative spaces in letterforms, using contrast, and selecting typefaces that match the tone and context.

    Text:

        Components of the Text Page: Includes text area, margins, folios, and headers to provide structure and navigation.

        Placing Text on a Page: Considering line length, spacing, and alignment for readability and aesthetic appeal.

    Columnar Organization and Grid Systems:

        Columnar Arrangement: Organizes text into vertical columns, often used in newspapers and magazines.

        Grid Systems: Provide a framework for organizing content, ensuring consistency and alignment.



    QUICK LINKS

    Projects


    Comments