Typography | Task 3 : Type Design & Communication

10/28/2024 - 11/11/2024 (Week 8 - Week 14)

Katherine Alexandra Sutanto / 0373585
Typography / Creative Media / School of Design
Task 3 / Type Design & Communication 


TABLE OF CONTENTS

1.   Lectures

2.   Instructions

3.   Process Work

    3.1 Research  

    3.2 Sketches and Ideation

    3.3 Digitization

    3.4 Final Text Format

4.   Feedback

5.   Reflections

6.   Further Reading


 LECTURES

Figure 1.1 Letter Dissection

Mr Max introduced us to the importance of the anatomy of Type . Such crucial elements would be: Baseline, X-height, Ascender, Descender, Uppercase, Lowercase and Cap Height. 


Figure 1.1 Anatomy of Type Templates

All the letters are ruled to be written on the same baseline. Uppercase letters should not exceed the Cap Height while ascenders of lowercase letters such as "d" or "l" should not exceed the ascender length.


INSTRUCTIONS




TASK 3: PROCESS WORK

We were assigned to design our own text fonts using 3 different pens/markers on paper.  The works that i made of the pens i picked and use are as followed: Brush pen, Calligraphy pen, Rounded Tipped pen.


  • Research
I was looking towards for fonts that are vintage and curvy which is my main interest however I'd also picked a simpler and modern styled fonts.



Figure 3.2 References



  • Sketches & Ideation

    After time spent for researching references, I began to sketch different fonts from 3 pens which Mr. Max demanded 3 mininums each which counts to 9 sketches in total:

Figure 3.3 Sketches

After further consultation and choices made by Mr. Max, he chose this particular font that is illustrated from the calligraphy pen. 




Figure 3.4 Design chosen

 


  • Digitalization (Adobe Illustrator)

    After getting my design chosen, I immediately got into digitalizing where I took a while to finally make each word look consistent as Mr. Max commented. 


Figure 3.5 Adobe Illustrator window

I personally used the efficient way of what Mr. Max taught during his lectures which is using the width tool which I would find easier for my calligraphic design. My experiments of the tool is as followed:



    • First off, I'd draw an "S" shape line using the pen tool with a thick line stroke as my first step.

    • Next, I'd use the width tool and start experimenting by widening within spaces.



    • After I've done with the widening process, I'd expand the object so I'm able to manually adjust the letter to my desired shape.

    • After a whole adjustment and experiment, I've come up with the final shape of my font.


 


Finally, these are the final outcomes of the digitalizing process:


Figure 3.6 Digitalized Text




  • Digitalization (Font Lab)

    After the process of digitization in Adobe Illustrator, I've continued my way to FontLab, a software where I'll export my font. With that, I'd copy paste each of my letters in Adobe Illustrator format.

Figure 3.7 Copy Pasted Text in FontLab



Figure 3.8 List of Texts in FontLab



Besides Copy Pasting, I'd do some kernings to fit and balance the spaces within words.

Figure 3.9 Kerning process






After a few adjustments, this is the final outcome:


Figure 3.10 Final Outcome in FontLab






  • Digitization (Poster)

Before I go back to Adobe Illustrator to resume my work, I'd export my text as OpenType PS.


Figure 3.11 Exporting process


After Exporting, I'd install the OpenType PS from my computer's file.

Figure 3.12 Installed Font


After installing, I'd proceed to my Adobe Illustrator where I'd try my font with the Typing tool.



Figure 3.13 Typing Designed Font in Adobe Illustrator

 

I'd proceed then to make the poster of a sentence.

 

 Figure 3.14 Poster process in Adobe Illustrator




 


FINAL TEXT FORMAT

Figure 3.16 Task 3, JPG




Figure 3.17 Task 3, PDF





Figure 3.18 Task 3 Poster, JPG






Figure 3.19 Task 3 Poster, PDF







FEEDBACKS

Week 9 
General Feedback : Mr. Max introduced Task 3 which was about designing our own text fonts with 3 different pens in which he requested 3 font designs for each pen.
Specific Feedback : Mr. Max came to consult on each table regarding the ways of how to illustrate the texts on paper.

Week 10
General Feedback : Mr. Max prioritizes on checking each student's sketches for feedback. Besides that, he introduced us the correct measurement of lowercase and uppercase texts through Adobe Illustrator as our lecture for this week. 
Specific Feedback : I consulted Mr. Max regarding 9 of my sketches, he chose one of my calligraphy pen designs.

Week 11 
General Feedback : Mr. Max prioritizes in providing feedback regarding the digitization process in which he taught us the efficient ways to digitize each font style through Adobe illustrator as this week's lecture. 
Specific Feedback : Mr. Max seemed to approve my digitized text but he demanded to make the texts look more consistent.

Week 12
General Feedback : Mr. Max prioritizes in providing feedback regarding the digitization process whereas he also introduced and taught us how to export our texts in Fontlab as one of our assignment requirements in this week's lecture.
Specific Feedback : Mr. Max approved my digitized fonts and gave me feedback about my exported work in Fontlab.

Week 13
General Feedback :  Mr. Max prioritizes in giving feedback regarding our progress in FontLab and resuming the poster of our final assignment for the semester. 
Specific Feedback : After I'm done with my poster, I let him choose between the two designs I made, he eventually approved and preferred the one I'd chosen for my submission.



REFLECTION
As times pass, I'm getting more of a fondness for Adobe Illustrator as it is the key program. I get to be experimental with the program where in this class.. we're more headed towards Typography which is a good way to start learning Adobe Illustrator. We also eventually introduced to FontLab where we're able to create our own text font that will be exported to Adobe Illustrator for us to be able to type out the text we designed. I had fun and absorbed a lot of knowledge from Mr. Max's lecture while experimenting throughout this assignment.


FURTHER READING


  • The Evolution of Typography

Typography has progressed through multiple phases, starting with early writing in ancient cultures, advancing to Gutenberg's invention of movable type, and continuing from the industrial revolution to modern digital typography. Each period has introduced new styles and technologies.

  • Understanding Typography

Typography is a multifaceted discipline that requires knowledge of letterform structure. Key concepts such as x-height, baseline, capline, and serifs are vital for creating well-crafted type.

  • Importance of Legibility and Readability

Legibility is fundamental to typographic design. The shape, alignment, and spacing of letters significantly influence how easily text can be read, whether in print or on screen. Factors like stroke contrast, letter spacing, and proportions are crucial to consider.

  • The Typographic Grid

Grid systems, including single-column and modular grids, are employed in typographic layouts to create organization and coherence. These grids aid in visually structuring content.

  • Typography in Motion and Digital Media

With advances in digital typesetting and motion graphics, typography has expanded into time-based media, such as film titles and screen designs. This evolution necessitates a new approach to understanding how types interact and move in dynamic environments.

  • The Typographic Design Process

The design process encompasses both traditional and innovative techniques for creating visual communication through type. Designers investigate typographic variations and transformations to effectively address visual challenges

Komentar

Postingan Populer