ADVANCED TYPOGRAPHY / TASK 3 : TYPE EXPLORATION AND APPLICATION

18/10/2023 - 29/11/2023 (Week 8 - Week 14)

Agnes Fadhyllah / 0360503

Advanced Typography / Bachelor of Design (Hons) in Creative Media

ADVANCED TYPOGRAPHY TASK 3 / TYPE EXPLORATION AND APPLICATION

Lectures

All lectures are completed on Task 1 & Task 2.


Instructions

Module Information Booklet


<iframe src="https://drive.google.com/file/d/1WJhXZip86mf7IAxCbkpYChi-Hqqe9znk/preview" width="640" height="480" allow="autoplay"></iframe>

Task 3: Type Exploration

Research & Idea Exploration

  • So the thing about this assignment was making a typefont that would be related to our topic of interest such as our majors , and as the one that i picked was entertainment design, i have to make something that are related to our topic of interest. so we were told to make a proposal of what what we wanted to do for this final assignment.

  • For this assignment i am thinking of alot of things one of it making a letter font using a cookie and make an advertisement of a cookie with it however with the number of projects and assignment i have from other subject i decided that it'll be wise to make things that would safe me more time, plus my parents want me home asap so idk if i can do alot of great things that needs time and patience.
Proposal of the ideas : 

Fig 1.0 Proposal of the Idea 

Explanation of The Choosen Idea

Fig 1.1 Chosen Idea

I really like how my Key Artwork turns out and always wanted to create my own brand to sell street fashion apparel and stuffs, and im planning to carry on the project using this concept and improve it when im done with uni or have a free time, and since i might wanna carry on with the project i might need to make my own font for expansion of branding cause i dont wanna use font that are not commercially used on the internet, i can use it for the website or even ads/posters promoting my product

the concept of my brand is pretty much playful 8bit, game adding street into it so its gonna be like a neo-street concept with the pixel game concept with street style, pretty much like a Harajuku/Tokyo tech type of thing.

afterward, i do some research on pixel fonts and try making sketches in class due to me not having a laptop (oops), so rather than not doing anything i tried sketching on how i shud do the font, here are the references i used as i sketched the font.


Fig 1.2 Reference Used for The Fonts
  • After looking at references i start doing sketches, i will still go with the same concept i had with the key artwork sketch i had on the previous assignment, since i got lazy sketching the rest i just continued the rest on adobe illustration and straight up did digitalization over there.

Digitalization

Adobe Illustrator
  • I started by making the guide for each letters and make the uppercase letters to began with.

  • Height of letters : 
    • Ascender line : 560 pt
    • Cap line : 560 pt
    • Median line : 453 pt
    • Baseline : 0 pt
    • Descender line : -119 pt
Fig 1.4 Uppercase Digitalization Rough Ver [Week 11 (06/11/2023)]

Fig 1.5 Uppercase Digitalization Rough Ver (Outline) [Week 11 (06/11/2023)]
  • making the uppercase letters are easy but then when i start making the lower case letters its kind of getting challenging cause even in previous semester i only made uppercase letters cause in my opinion it was easier
Fig 1.6 Lowercase Digitalization Rough Ver  [Week 11 (07/11/2023)]

Fig 1.7 Lowercase Digitalization Rough Ver (Outline)  [Week 11 (07/11/2023)]
  • Some of it went over the guide but then since im thinking its still the rough ver i leave it be cause i will refine it later and just continue with numbers and symbols afterwards.

    Fig 1.8 Numbers And Symbols Digitalization Rough Ver  [Week 11 (07/11/2023)]

    Fig 1.9 Numbers And Symbols Digitalization Rough Ver (Outline)  [Week 11 (07/11/2023)]
  • Afterwards i start refining the letters in class, adding round edges on every letters, and some modifications on the lowercase letters so that it fits the grid and guidelines.

Fig 1.10 All Font Digitalization Refined Ver 1  [Week 13 (22/11/2023)]

Fig 1.11 All Font Digitalization Refined Ver 2  [Week 13 (22/11/2023)]

Fig 1.12 All Font Digitalization Refined Ver 3  [Week 13 (22/11/2023)]

Fig 1.13 All Font Digitalization Refined Ver (With Guides)  [Week 13 (22/11/2023)]

Fig 1.14 All Font Digitalization Refined Ver (Outline)  [Week 13 (22/11/2023)]

FontLab 8
  • After making all the letters , numbers and symbols i started exporting everything into fontlab 8, as always there isnt any issues with exporting the fonts into fontlab and i just started kerning the letters.
Fig 1.14 Adding Letters to FontLab [Week 13 (22/11/2023)]

Fig 1.15 Kerning in FontLab [Week 13 (22/11/2023)]

Fig 1.16 Type Presentation [Week 13 (22/11/2023)]

Task 3 : Application

Letter Presentation

  • For letter presentation im thinking of making the letter presentation just like the example Mr.Vinod gave us which is the Voodoo type specimen, i think it look really good and cool and i would like to make my own version just like that. previously on the kerning on fontlab i tried testing all the letters and symbols and i decide that i will use the words i used on the Fig 1.15

  • I decided to make 5 and thinking i would like to make my own inspired by the game that i love to play which is pokemon, in NDs u will be brought into a keyboard where u were asked what your name was and i think i will use that reference as and example

Fig 2.0 Reference

afterwards i started working on making the Font presentation on Adobe Illustration, starting with making the layout and design, for the first page i want it to showcase the letters on words that i wrote as an example on the Fontlab, and i decide to use the same color palette on the first page for the font using the palette i used for the keyartwork

Fig 2.1 First page of font presentation [Week 14 (29/11/2023)]

after making the first page i start making template for the rest to showcase all the letters, starting with uppercase, lowercase, number and ending with symbols. 

Fig 2.2 Templating the letter showcase [Week 14 (29/11/2023)]

Fig 2.3 Final font showcase result [Week 14 (29/11/2023)]

Final Outcome

Font

Link to Font File : bhttps://drive.google.com/file/d/1qv9RgNTaler2FD9PoFyGcmy6BD6bwvtq/view?usp=sharing

Xeno Street Font

Fig 3.0 Fontlab Screengrab [Week 14 (29/11/2023)]

Fig 3.1 Type Exploration and Application "XenoStreet" (jpg) [Week 14 (29/11/2023)]

Application


Fig 3.2 Font Application 1 (jpg) [Week 14 (29/11/2023)]

Fig 3.3 Font Application 2 (jpg) [Week 14 (29/11/2023)]


Fig 3.4 Font Application 3 (jpg) [Week 14 (29/11/2023)]

Fig 3.5 Font Application 4 (jpg) [Week 14 (29/11/2023)]


Fig 3.6 Font Application 5 (jpg) [Week 14 (29/11/2023)]

PDF :

Font Presentation

Fig 3.7 Font Presentation (PDF) [Week 14 (29/11/2023)]

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

Font Application

Fig 3.8 Font Application (PDF) [Week 14 (29/11/2023)]

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

Feedback

WEEK 9:
  • General Feedback: make proposal and find a purpose why you're making the font
WEEK 10 :
  • General Feedback: font have to be consistent
WEEK 11:
  • General Feedback: some letters should not be on the baseline,ygjqp are supposed to be on descender
WEEK 12 :
  • General Feedback: continue on completing symbols
    WEEK 13 :
    • Specific Feedback: you have to quickly export fonts and start making font presentation

        Reflection 

        • Experience : In this assignment basically i learn more about making fonts and also making concepts for fonts and everything, back then when we were doing the same assignment in previous semester i was still lacking and needs more to learn, but nowadays since we have more freedom its more fun and the way we are allowed and freely to do with the topic of interest we chosen, overall this assignment is still challenging however much more fun to do

        • Observations : Looking at everyones idea, i felt like mine wasnt the best and sometimes i got this feeling that my topic is just not as amazing as others, cause i felt like everyone that i know are doing so many unique things, there were alot of times where i felt the imposter syndrome however it got cleared up as days passed by cause at the end of the day everyones work are different and unique on their own way and it doesnt mean mine is less good. so i learn alot about criticizing myself and doing self check.

        • Findings : I learned about fontlab 8 and getting even better at using it, i also learn again about making fonts and this time i understand it way better than the previous semester cause last semester i was doing what we were told without deeper understanding, and now that i learned even more i can feel more confident if in the future i had to make another fonts, altho it wont be automatically "professional" its fine its part of learning process lmao, at least it gets better and better and the improvement is what matters :]

        Further Reading


        Fig 4.0 Book Cover

        Type Team Perfect Typeface Combinations
        By Tony Seddon's
        • A typography handbook that focuses on the skill of successfully combining several types. The book explores the fundamentals of font mixing, providing guidance on how to produce aesthetically pleasing and harmonic arrangements. Seddon covers a variety of typographic topics, including similarity, contrast, and mood. He offers examples and helpful guidance to assist designers in choosing typefaces wisely for their projects. All things considered, the book is a great tool for designers who want to learn more about typography and use deliberate font pairings to produce visually striking designs.

        Fig 4.1 Book Cover

        Type on Screen: A Critical Guide for Designers, Writers, Developers, and Students
        By Ellen Lupton 
        • this book is a helpful companion that will guide you through the world of digital typography. It's not just about fonts—it's about using them wisely! It reveals how to choose fonts, pair them, and make them function like magic for your digital projects—from webpages to apps. Ideal for anyone who enjoys writing, designing, or creating great stuff for the internet

          Comments

          Popular Posts