Advanced Typography / Task 3

19.06.2024 - 24.07.2024 (Week 9 -Week 14)
Ng Kar Yee / 0367743
Bachelor of Design (Honours) in Creative Media
Advanced Typography / Task 3


INTRODUCTION


TASK 3

EXERCISE⇒ TYPE EXPLORATION & APPLICATION

For our third task, Mr Vinod introduced Type Exploration And Application to us, which is to create, explore or experimental a font where the end outcome could be a designed font and its application in the form or format that it is intending to provide a solution to, or a designed font that adds value to an existing use, or an experimentative output that results in something novel and unique. The work can manifest into any kind of format related to the issue being solved or explored or experimented: animation, 3d, print, ambient, projection, movie title or game title, music video, use of different material etc.

For this task, we are required to 

With the knowledge and experience gained in the exercises and tasks, with the accumulated knowledge from the lectures and your own reading (library books and online sources), with the experience gained in the different software covered in the programme thus far, synthesise and apply the learning in the tasks to be mentioned. Allow the knowledge gained to guide and inform your decisions for the effective execution of your final task.

OPTION 1
Create a font that is intended to solve a larger problem or meant to be part of a solution in the area of your interest be it graphic design, animation, new media or entertainment design or any other related area not necessarily reflecting your specialisation. End result: a complete generated font (.ttf) with applications.

OPTION 2
Explore the use of an existing letterform in an area of interest, understand its existing relationship, identify areas that could be improved upon, explore possible solutions or combinations that may add value to the existing letterform / lettering. End result: a complete generated font (.ttf) with applications.

OPTION 3
Experiment. For your idea to qualify as an experiment it must be novel and unique — working with material that might be 3- dimensional, digitally augmented, edible, unusual, typographic music video or fine art. End result: defined by student. To be effective you will need to study your selected area, look at how type is used in the area and identify potential weaknesses or possible areas of further exploration or experimentation. You can then attempt to provide a creative solution or add value to an existing use.

RESEARCH

To have a head start, I began to do some research to get a briefly idea on how should I design my key artwork.

Figure 1.0 Typography Cake, week 9 (19.06.2024)

Figure 1.1 Origami Fonts, week 9 (19.06.2024)

Figure 1.2 Example From Pinterest, week 9 (19.06.2024)

SKETCH

After doing some research, I started roughly sketching out my ideas

Figure 1.3 Sketch 1, week 10 (26.06.2024)

Figure 1.4 Super Rough Sketch 2, week 10 (26.06.2024)

Figure 1.5 Trial Process, week 11 (03.07.2024)

IDEA PROPOSAL

After sketching my ideas, I started preparing my idea proposal in Canva.


DIGITIZATION

After showing Mr Vinod my proposal, he found that my second idea, which is creating a font for dyslexia legibility worth trying. Therefore, I started doing more research on it and digitize the fonts.

During the process, I designed the fonts following the guide for friendly-dyslexic font which are simple letter shapes, precise letter spacing, consistent letter height, open rounded shapes and heavier weights. 

Figure 1.6 First Digitization Processweek 11 (03.07.2024)

Figure 1.7 First Digitization, week 11 (03.07.2024)

However, after showing Mr Vinod the first digitization, he felt that the font wasn't quite descent and not what we expected. Besides, the guides and "rules & regulations" have limit the creativity and the design. Therefore, I change my project to idea 3 which is to an experimental exploration on ribbon fonts. After getting a green light from Mr Vinod, I started preparing the materials and probs for the shoot.

Figure 1.8 Preparation, week 12 (10.07.2024)

Figure 1.9 Ideation, week 12 (10.07.2024) 

After roughly shooting an ideation for the task, Mr Vinod suggested shooting in a brighter and more clearer environment for the presentation. He also suggested to do an animation as my final submission. 

After getting advice and feedback from Mr Vinod, I decided to do a stop motion for my final submission. I started by taking step by step images for every alphabets and numbers.

Figure 2.0 Process, week 13 (17.07.2024)

After shooting every step for the alphabets and numbers, I started editing every letters and numbers separately in After Effect.

Figure 2.1 Editing Process, week 13 (17.07.2024)

Figure 2.2 Completing All Letters & Numbers, week 13 (17.07.2024)

After editing and compiling every letter and numbers, I used Capcut to combine the whole video.

Figure 2.3 Combining Whole Video, week 13 (17.07.2024)

FINAL PRESENTATION

Task 3 Final Presentation by Rainn

STOP MOTION PRESENTATION

FEEDBACK

WEEK 9

General Feedback

  • Advised to plan ahead as timeline is tight

Specific Feedback

  • Need more research on the history of the idea I wanted to do
  • Should have a sketch or something to demonstrate 
WEEK 11

General Feedback

  • Advise to use Fontlab 7 
  • Create the font in the actual size in Illustrator so that it's more convenient to transfer to Fontlab 
  • Do complete uppercase, lower case and punctuation mark by next week's class
Specific Feedback
  • The ribbon font looks fine 
  • Try to experiment on the presentation 
  • Advised to combine the ribbon in the background as well in the animation or the stop motion
WEEK 12

Specific Feedback

  • The stop motion was okay👍 
WEEK 13

General Feedback

  • Continue working progress, do complete all the task including final compilation and reflection blog. Will check the blog by next week’s class.

REFLECTION

Learning Type Exploration And Application was quite interesting as we get to learn how to experiment and design our own fonts from nothing. Moreover, we have the opportunity to experiment on new one of a kind objects, while also redesigning the font to maintain visibility without compromising its uniqueness. From this task, I got to learn to be more creative and imaginative with just a plain string of ribbon. Besides that, it was also my first time shooting a stop motion presentation using ribbons. It was quite challenging at first, however with the guidances and advices given by Mr Vinod, everything sailed smoothly.


FURTHER READING

A Type Primer By John Kane

  • Typography employs a number of technical terms. 
  • It is a good idea to familiarize yourself with this lexicon. 
  • Knowing a letterform's component parts makes it much easier to identify specific typefaces.
Figure 3.0.1 Types of Letterforms

Figure 3.0.2 Types of Letterforms

Figure 3.0.3 Types of Letterforms

The Font

the full font of a typefaces contains more than 26 letters, 10 numerals and a few punctuation marks.

1. Uppercase
  • Capital letters
  • accented vowels
  • the c cecillia
  • the n tilde
  • the a/e
  • o/e ligatures

Figure 3.0.4 Uppercase

2. Lower Case

Lowercase Letters 

Figure 3.0.5 Lower Case

3. Small Capitals

Uppercase letterforms, drawn to the x-height of the typeface

Figure 3.0.6 Small Capitals

4. Uppercase Numerals

  • These numerals are the same height as uppercase letters and are all set to the same kerning width
Figure 3.0.7 Uppercase Numerals

5. Lowercase numerals

  • Also called old-style figures or text figures
  • these numerals are set to x-height with ascenders and descenders
Figure 3.0.8 Lowercase Numerals

6. Italic

  • Most fonts today are produced with a matching italic 
  • Small caps however are almost always only roman
Figure 3.0.9 Italic

7. Punctuation, miscellaneous characters

  • Although all fonts contain standard punctuation marks, miscellaneous characters can change from type-face to typeface
Figure 3.1.0 Punctuation, miscellaneous characters

8. Dingbats
  • Various symbol and ornaments that intended for use with type are call dingbats
  • The majority of dingbats are marketed as their own fonts and not in conjunction with any particular typeface
Figure 3.1.1 Dingbats

Comments