Rachel Yeo Rong Qing / 0368901
Advance Typography / Bachelor of Design (HONS) in Creative Media
Task 3
CONTENT
LECTURES
- Pre-recorded Lectures
All lectures has been done in the Advance Typography Task 1 and Advance Typography Task 2.
2. Class Summary
-
Week 9 : Mr. Vinod ask us to prepare the proposal with
at lease three ideas for our Task 3.
-
Week 10 : Mr. Vinod ask us to present the proposal in
the Zoom meeting. Once the proposal is approved, proceed to
digitization. Complete the digitization by next week if able to.
-
Week 11 : Mr. Vinod ask us to complete the full
alphabet, numeral and also punctuation. Focus on the structure of
the letters so that the whole letterform can achieve consistency.
-
Week 12 : Mr. Vinod ask us to adjust our side bearing
of our fonts and proceed to the font presentations.
-
Week 13 : Mr. Vinod ask us to complete the font
presentation and font application before next week. We also been
asked to update our E-portfolio before next week class. The
submission deadline of Task 3 is 23th July 23:59 P.M. .
- Week 9 : Mr. Vinod ask us to prepare the proposal with at lease three ideas for our Task 3.
- Week 10 : Mr. Vinod ask us to present the proposal in the Zoom meeting. Once the proposal is approved, proceed to digitization. Complete the digitization by next week if able to.
- Week 11 : Mr. Vinod ask us to complete the full alphabet, numeral and also punctuation. Focus on the structure of the letters so that the whole letterform can achieve consistency.
- Week 12 : Mr. Vinod ask us to adjust our side bearing of our fonts and proceed to the font presentations.
- Week 13 : Mr. Vinod ask us to complete the font presentation and font application before next week. We also been asked to update our E-portfolio before next week class. The submission deadline of Task 3 is 23th July 23:59 P.M. .
INSTRUCTIONS
Fig 1.1 Module Information Booklet
Task 3 : Type Exploration & Application
In tis tasks, we have been aske to use our knowledge and experience that we gained from the exercises and tasks, with the accumulated knowledge from the lectures, our own reading and our software skills to complete this tasks.
We have three options to be choose in this tasks :
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 specialization.
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.
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.
Proposal
As the first step of this tasks, we have create a proposal of our ideas for Task 3.
Fig 2.1 Proposal slide
Based on the feedback that given by Mr. Vinod, I have choose the idea 3 to proceed which is create a rococo style font.
Sketch
Before I start my digitization, I have search for some reference of Rococo pattern on internet and decided the reference font so that my letterform structure wont be very mess up.
Next, I proceed to sketch the letterform by using procreate. Based on the research, Rococo style are mostly focus on the ornate details, asymmetry and delicate forms. Due to I don't want makes my font looks too complicated therefore I have sketch the letterform by using the combination of rococo pattern on some part and simple stroke.
Digitization
After I decide how my letterforms looks like, I proceed to digitization in Adobe Illustrator. First, I draw proceed to the rococo pattern first. I have divide my pattern into two types which is the straight pattern and the curve pattern. First, I have create my pattern based on my sketch and add on some leaves on it.
Fig 4.1 Straight Pattern Ver 1.0
Fig 4.2 Curve Pattern Ver 1.0
For the curve pattern, I have create a lot of different version due to I don't satisfied with the outcome. After I done the first version of my pattern, I have asked for the feedback from Mr. Vinod. Based on the feedback that given by Mr. Vinod, I decide to recreate my pattern.
Fig 4.3 Straight Pattern Ver 2.0
Fig 4.4 Curve Pattern Ver 2.0
The 2nd version of straight pattern has approve by Mr. Vinod but I still not satisfied with the curve pattern so I decide to create version 3.0 .
Fig 4.5 Curve Pattern Ver 3.0
Hence, this is the final version of my curve pattern. After the pattern has done digitizing, I start to digitize the letterform.
Fig 4.6 Uppercase Ver 1.0
At first, I create my font by connecting the stroke and the pattern all together, but I found that there is a bit too narrow, therefore, I have create the second version which have makes some connection part of the strokes and pattern not connected anymore.
Fig 4.7 Uppercase Ver 2.0
Fig 4.8 Full Uppercase Ver 2.0
Due to my font's characteristic is not suitable to be use in lowercase, therefore Mr. Vinod suggest me just create the uppercase only and asked me to proceed to numerals and punctuation.
Same as the alphabet, before I digitize my numerals I also do a roughly sketch so that I can be more easy in my digitization.
Fig 4.11 Numeral Sketches
Fig 4.12 Numeral Digitization
Below are the final version of numerals.
Fig 4.13 Numeral Final Version
Fig 4.14 Numeral Final Outline Version
After the numeral is done, I proceed to punctuations.
Fig 4.15 Punctuation Digitization
Below are the final version of punctuations.
Fig 4.16 Punctuation Final Version
Fig 4.16 Punctuation Final Outline Version
After the digitization of my fonts is done, I proceed to import hem into the Fontlab.
Fig 4.17 Fontlab Screenshot
Next, I adjust the side bearing one by one as following to the chart that provide by Me. Vinod in Teams.
Fig 4.18 Side Bearing
Font Presentation
Next, we have come to the font presentation. In this section, we need to create the font presentation to show our fonts. As the first step, I have choose the color palett on color hunt.
Fig 5.1 Color Pallet Ver 1.0
This is the first color pallet that I choose on the color hunt. But when I proceed to create artworks, I found that the color need to be adjust a little bit.
Fig 5.2 Color Pallet Ver 2.0
Hence, This is the final version of my color pallet.
Then I have proceed to create the artworks. Based on my font style is Rococo, I decide to create the artworks that looks elegance.
Fig 5.3 Font Presentation Ver 1.0
Based on the feedback that given by Mr. Vinod, I have adjust the dark green become light a little bit. Beside of that, for the artwork #4, the green letters has make the whole artwork looks not balance and artwork #5 background are useless and looks not good enough. Last, the Artwork #1 looks to normal so I decide to recreate a new one.
Fig 5.4 Font Presentation Ver 2.0
Based on the feedback on the artwork Version 1.0, I have create the version 2.0.
Fig 5.5 Font Presentation Ver 3.0
Due to the artwork #3 and artwork #4 color is a abrupt in overall font presentation, I decide to change the color pallet become green color and off white only. Hence, this is my final version of the font presentation.
Font Application
For this section, I have create my mock-up by using the mockups-design.com. I have download the PSD and based on the image size that I need, I create the design in Adobe Illustrator.
Fig 5.6 Font Application Design
Below are the Font Application :
Fig 5.7 Font Application Design Ver 1.0
Based on the artwork #6 looks not very nice, I decide to choose artwork #1 to artwork #5 as my final outcome.
Final Outcome :
Font
Fig 6.13 Font Information (JPEG)
Fig 6.13 Font Information (JPEG)
Fig 6.14 Font Information (PDF)
Font Presentation
Fig 6.1 Font Presentation Artwork #1 (JPEG)
Fig 6.2 Font Presentation Artwork #2 (JPEG)
Fig 6.3 Font Presentation Artwork #3 (JPEG)
Fig 6.4 Font Presentation Artwork #4 (JPEG)
Fig 6.5 Font Presentation Artwork #5 (JPEG)
Fig 6.6 Font Presentation (PDF)
Font Application
Fig 6.7 Font Application Artwork #1 (JPEG)
Fig 6.8 Font Application Artwork #2 (JPEG)
Fig 6.9 Font Application Artwork #3 (JPEG)
Fig 6.10 Font Application Artwork #4 (JPEG)
Fig 6.11 Font Application Artwork #5 (JPEG)
Fig 6.12 Font Application (PDF)
FEEDBACK
Week 9 :
General Feedback : Rococo style are hard to create due to it has a lot of useless adornment element. Need to pay a lot of effort on create it.
Week 10 :
General Feedback : Idea looks good.
Week 11 :
General Feedback : Lines not so elegance as the sketches.
Week 12 :
General Feedback : Nice.
Week 13 :
General Feedback : Color pallet no need be the same in the font application.
Week 14 :
General Feedback : Change the themes of the blogger.
REFLECTIONS
This task is a bit challenging to me but I have also gain a lot of reward on it. Engaging deeply with the Rococo style has required me has extensive research and numerous iterations to achieve the desired outcome. This project also enhanced my understanding of font design's and improved my skills in Adobe Illustrator and FontLab.
Throughout this tasks, I have observed that feedback from peers and mentors greatly enhanced the design process. Constructive criticism has helps me refine the pattern and improve the overall design quality. The importance of balancing aesthetic appeal with functional readability is becoming increasingly apparent.
During the task, I have found that creating a Rococo style font has involves balancing intricate, ornate patterns with legibility. Try to maintain the elaborate Rococo aesthetics without overwhelming the text's readability are a bit challenge to me but the process of sketching, digitizing, and refining the patterns has highlighted the complexity and precision required in type design.
FURTHER READING
The picture below are the book that I choose for my further reading.
Fig 7.1 A Type Primer_2nd Ed_ by John Kane
Based on the books that provided in Microsoft teams, I have did some further reading with the book "A Type Primer_2nd Ed_". This book is full of graphic and easy to understand.
Fig 7.2 Chapter 1 : Describing letterforms, page 13
I have learn the specific parts of letterform from this chapter, for examples like, stroke, stem, counter, serif and etc.
Fig 7.3 Chapter 1 : The Font, page 16
I have learned the difference between the fonts such as difference between uppercase numerals and lowercase numerals.
Fig 7.4 Chapter 1 : Describing Typefaces. page 19
This chapter is talking about the differences between different letterform styles and different typefaces.
Fig 7.5 Chapter 1 : Measuring Type, page 21
This chapter has teach me how to measure the type, for examples, the size of type with units is 'points', 1 inches is equals to 72pt and 25.4 mm and what is set width.
Fig 7.6 Chapter 2 : A Timeline, page 27
This section is talking about the history of Typography such as early letterform development : Phoenician to Roman, Han script from 100-1000c.e., Blackletter to Guternberg's Type, Humanist script to Roman type and etc.
Comments
Post a Comment