22.5.2023 - 29.6.2023 l Week 8 ~ Week 13
Kim Seoyeong l 0335903
Bachelor of Mass Communication [Digital Media Production]
TYPOGRAPHY
Task 3 l Type Design & Communication
LECTURES
Lectures 1-6 are completed in Task 1: Exercises
INSTRUCTIONS
Task 3: Type Design & Communication
For task 3, we are supposed to create a new typeface by ourselves with various tools and apps based on what we learned so far. Then, I need to digitize my own writing style with Adobe Illustrator and Fontlab and create an A4 poster with my new typeface.
The characters we need to design are:
'A / E / T / K / G / R / I / Y / M / P / N / ! / # / . / ,'
1. Research
First, I started to search for various types of typefaces on Google Fonts and Pinterest to refer to when I try to create my own writing style of typeface.
Figure 1.1.1 | Research typefaces for reference (Week 7, 20/5/2023)
Then I decided to deconstruct the letter 'a' from Jason Text LT Std (55 Roman) and 'm' from Bembo Std (Bold Italic) as I think these strokes are a bit related and similar to my typeface using a brush pen and the same stroke angle what I am looking for.
Figure 1.1.3 | Deconstruction 'm', Bembo Std (Week 9, 3/6/2023)
2. Exploration
After researching for the references, Mr. Vinod gave us some exercises for the task process which is handwriting with 5 different pen tools with the below conditions:
- Writing diagonal, horizontal, vertical, and circular lines for all 5 tools in 5 different ways for each tool.
- Writing 'A / O / T / M / X' for all 5 pens in 5 different ways.
- Choose 1 option from my 5 different kinds of writing styles with 5 different tools and try to practice writing 'A / E / T / K / G / R / I / Y / M / P / N' with it.
The tools I have chosen are 'standard fine, standard broad, calligraphy 3.0, brush, and super fine'.
Figure 1.2.1 | 5 Tools (Week 7, 19/5/2023)
I started to write using each tool from different angles. During this process, I understand how it becomes different when I write with different angles and ways with the same tool.
Figure 1.2.2 | Tryout for different 5 tools (Week 7, 19/5/2023)
I finally had 5 outcomes of my chosen writing style typeface with 5 different tools that I used. 3rd and 4th is the one I choose to practice and continue on digitizing a typeface.
Figure 1.2.3 | 5 final options from the 5 tools (Week 8, 26/5/2023)
After choosing the typeface style, I kept practicing my 2 chosen writing styles to be consistent with specific vertical, and horizontal lines and proportions.
Figure 1.2.5 | Practicing the chosen writing style to digitization (2) (Week 9, 1/6/2023)
Figure 1.2.6 | Practicing the chosen writing style to digitization (3) (Week 9, 2/6/2023)
After digitization my chosen typeface which is the one using a brush tool, I realized that my writing stroke is too inconsistent to refer to digitization work with Adobe Illustration. So, I redo writing some of letterform for the better digitization. And below is the final letterform that I choose for digitization.
Figure 1.2.7 | Final sketches of a final option for digitization (Week 11, 17/6/2023)
3. Digitization
During the digitization part, I am supposed to digitize my selected writing option on Adobe Illustrator. Before digitization, I choose 1 option for each letter based on my writing with a brush pen. After that, I insert it in Adobe Illustrator and copy it with a pen tool.
Figure 1.3.1 | First tryout of digitization with the pen tool (Week 10, 9/6/2023)
After getting feedback for my 1st tryout, I realized that my digitization typeface is inconsistent and the vertical & horizontal lines of each letterform are not the same. I tried to create various strokes for each specific letterform first and then I use the same stroke that I set for my typeface for each letterform for my second tryout.
Figure 1.3.2 | Construction progress (Week 11, 14/6/2023)
Figure 1.3.3 | Second tryout of digitization (Week 11, 16/6/2023)
During the process until my second tryout, Mr. Vinod recommend me to redo my digitization because it is not consistent and I mostly didn't follow the rules and details to create a typeface. So I used 'Art: brush tool 40' (a calligraphy tool) for the new digitization of my typeface since my typeface is based on a brush pen. Below two lines of pictures are showing the differences in the consistency of strokes before and after.
Figure 1.3.4 | Process of Digitalized Letterform (Week 11, 16/6/2023)
Figure 1.3.5 | Process of Digitalized Letterform with Pathfinder (Week 11, 17/6/2023)
This is my final digitization work in Adobe Illustrator with specific measurements. Strokes that are used for the typeface and final typeface are shown below.
- Measurements for digitized fonts
Ascender: 700 pt
Capital Height: 670 pt
Median: 500 pt
Baseline: 0 pt
Descender: -208 pt
Figure 1.3.6 | Final digitalized letterform (Week 11, 17/6/2023)
4. Fontlab
First of all, I named my font and set the typeface information before I transfer the letterforms of my own typeface to Fontlab.
Figure 1.4.1 | Setting for Typeface Information (1) (Week 12, 20/6/2023)
Figure 1.4.2 | Setting for Typeface Information (2) (Week 12, 20/6/2023)
After then, I transfer all letterforms (A / E / T / K / G / R / I / Y / M / P / N / ! / # / . / ,) that I created in Adobe Illustrator. I also make the letterform's stroke to be smoother, especially with some curved ones.
Figure 1.4.3 | Process of modifying a letterform (Week 12, 22/6/2023)
Figure 1.4.4 | Final digitalized letterform (Week 12, 23/6/2023)
Once I have done this, I proceed with bearing and kerning the letterform I'm going to export.
Figure 1.4.5 | Process of Bearing of digitalized letterform (Week 12, 23/6/2023)
Figure 1.4.6 | Process of Kerning of digitalized letterform (Week 12, 24/6/2023)
For this step, we are supposed to create an A4 poster using our own font.
Requirements
- The dimension of the poster must be A4 size.
- The name of the font, creator, and year that was made should be 'Arial' or 'Helvetica' with 12 pt.
- The poster should include all the letters created.
- The type should be the same size.
- The poster must create an impact to promote.
I exported my font from Fontlab and put it into creative cloud font. Then I started to create an A4 poster for promoting my own typeface, 'Brushe'. These are my A4 poster design artworks for the first tryout.
Figure 1.5.1 | 3 Poster Designs (Week 13, 26/6/2023)
Figure 1.5.2 | 1st option for Design #3 (Week 13, 27/6/2023)
Figure 1.5.3 | 2nd option for Design #3 (Week 13, 27/6/2023)
And this is my final outcome for the A4 poster to promote my typeface.
Figure 1.5.4 | Final Task 3, 'Brushe' A4 poster (Week 13, 28/6/2023)
6. Final outcome (Type Design & Communication)
Figure 1.6.1 | Final Task 3: Type Design & Communication, 'Brushe' jpeg (Week 12, 23/6/2023)
Figure 1.6.2 | Final Task 3: Type Design & Communication, 'Brushe' pdf (Week 12, 23/6/2023)
Figure 1.6.3 | Metrics window with sentences, Fontlab Screenshot (Week 12, 24/6/2023)
Figure 1.6.4 | Final Task 3: Type Design & Communication, 'Brushe' Poster jpeg (Week 13, 28/6/2023)
Figure 1.6.5 | Final Task 3: Type Design & Communication, 'Brushe' Poster pdf (Week 13, 28/6/2023)
FEEDBACK
Week 8:
General Feedback It was an independent learning week, but the lecturer emphasize that we keep practicing our chosen writing style to be consistent before we move on to digitalization.
Specific Feedback The 4th design looks interesting but it needs to be controlled and consistent because it is too wild and inconsistent. And 3rd one is fine but there are some inconsistencies in the stroke angles G vs P, too. I need to practice writing in these two styles and identify the best letterform I can use for digitization. For now, I should keep practicing writing in these two styles first.
Week 9:
General Feedback With the practice of writing specific letterforms, it is necessary to be consistent with a specific stroke angle. Try to digitalize my chosen stroke angle with my chosen writing style.
Specific Feedback Choose the best one among the styles of writing that I practiced for each letterform, and I'm okay to digitalize mine.
Week 10:
General Feedback Digitalized letters should be controlled and consistent with the same vertical and horizontal lines and strokes in my own letterforms.
Specific Feedback Keep the vertical line for all the letterforms with the same angle for each stroke.
Week 11:
General Feedback Keep the vertical and horizontal lines at the same line and angle. After we finish digitalizing our writing style of letterforms, we need to transfer to Fontlab.
Specific Feedback The one I show for the feedback is not the correct way I am supposed to do this task. I need to redo all of my letterforms with the brush tool and the vertical and the horizontal line should be the same as I set in my writing style.
Week 12:
General Feedback Next week, we don't have class but it is the submission week for task 3. Follow the structure that we need to include for the final submission. And we need to create a post for the final compilation. Make sure the sentences make sense. The same size makes the viewers feel its connection.
REFLECTIONS
Experience
The whole progress of this task was the longest and hardest one that I have done. I learned how to create and export my own typeface professionally through design work from a pen tool in Adobe Illustrator and Fontlab. The difficult part that I had in problem was the proportion of the typeface with making the same vertical and horizontal lines of my specific font information. It was challenging for me to design my own typeface based on what I learned through exercises, lectures, and various tasks I have done. But after all, I feel satisfied that I created my own typeface.
Observations
I realized that research and exploration are the most important during the progress of this design work. In the progress of creating new fonts, I found that the principles of typography and the things to learn and apply detailed information and rules used to design fonts and, they are essential as well.
Findings
The process of creating fonts is really complicated and rigorous, and it takes delicate work to set the exact details of my font and adjust the stroke angle and font ratio, and center of gravity accordingly, so this task made it difficult and interesting to me at the same time.
FURTHER READING
1
Figure 2.1.1 | Typography And Font Deconstruction (Article)
Figure 2.1.2 | Typography anatomy (Source: tlc(thelogocompany))
Ascender
An upward vertical stroke is found on the part of lowercase letters that extends upward.
Aperture
An area entirely or partially enclosed by a letter form or a symbol.
Arm
The arm of a letter is the horizontal stroke on some characters that do not connect to a stroke or stem at one or both ends.
Counter
The open space in a fully or partly closed area within a letter.
Crossbar
The horizontal stroke across the middle of uppercase 'A' and 'H'.
Descender
The part of a letter that extends below the baseline.
Ear
A small stroke extending from the upper-right side of the bowl of a lower-case 'g'.
Leading
The amount of space between lines of words.
Kerning
The process of adjusting the spacing between characters in a word.
Serif & Sans-serif
Serif is the small, finishing strokes on the arms, stems, and tails of characters. When a character doesn't have the finishing strokes, it's called Sans-serif.
Spur
A small projection off a main stem.
Stem
The stem is the main, usually vertical stroke of a letter.
Terminal
The end of a stroke is not terminated with a Serif.
Tittle
A small distinguishing mark, such as a diacritic on a lowercase 'i' or 'j'.
X-Height
The height that lowercase letters reach is based on the height of lowercase x; does not include ascenders or descenders.
X-Line
A line marking the top of those lowercase letters, such as 'o', having no ascenders.
Comments
Post a Comment