Typography (Week 9 - Week 11)

-

30/05/17 - 13/06/17 (Week 9 - Week 11)
Agnes Cherine Viridiana, (0331332)
Typography
Project 2 (20%)

Lectures :
Lecture 1 (06/06/17) :Introduction to FontLab Studio
So Mr. Vinod teach us how to work with FontLab studio. Make a new document, edit the font info to fill the x-height, ascender, descender, caps height. How to work on the kerning, spacing and preview the work.

Lecture 2 (11/06/17) :Talk from Keith Feng
He told us that we have to know why design? What are we designing for? To understand what am I doing as a designer. Don't compare your design with other people's work, just be yourself. I also ask him how did he master all the software, he told me that he learn it by doing the assignments and don't be afraid to explore and learn more.
Instruction

Project 2 (20%)

The Brief
Font Design.

Duration of Assignment
2 Weeks (Briefing on week 8)

Deadline
Week 10 (30 May, 2017)

Description
You will be expected to design a font of 27 western alphabets along with punctuation marks. To
begin with choose an existing font design that adheres to the direction that you would like to head
in. Study the font carefully by analysing its anatomical parts.

Identify a Form (Basic shapes i.e., Square, Circle, Triangle) this shall be the starting point of your
designs. You may also choose shapes that you see around you or that you like (i.e. an arrow, a
face, a building, etc). One of these shapes will form the basis of your font design. Your font can be
designed to also fulfil a specific need.

Start with rough sketches and upon approval begin digitization of the drawings—software for
digitization shall be determined in class. Artworks shall be printed out for critique sessions followed
by refinements. If time permits we shall generate the font for actual use.

Requirements
The student must utilise the accumulated knowledge from the exercises, lectures and from their
own reading (library books and online sources) to guide them and inform them in their decisions.

The student must document the process (sketches, trial and errors) in their eporfolio and hardcopy
portfolio. The student will be expected to submit the final mock-up in the hardcopy portfolio and
the softcopy PDF (and or JPEG) uploaded or embedded unto the eportfolio. Create a separate
folder in your Google Drive and store all files, artefacts, project submissions, etc. here.

Ensure all items are logically and chronologically ordered, labelled and dated.

Submission
  1. All gathered information (failures, successes, epiphanies, sketches, visual research,
    printouts, websites, images, charts, etc.) documented logically and chronologically in the
    A4 Clear Sheet hardcopy portfolio. The works labelled and dated.
  2. All gathered information (failures, successes, epiphanies, sketches, visual research,
    printouts, websites, images, charts, etc.) documented logically and chronologically in the
    eportfolio for the duration of the project in one post.
  3. Images of all the designed alphabets or glyphs on one A3 printed and uploaded.
  4. All the glyphs transferred to the determined software, formatted for the purpose of
    generation.
Objectives
  1. To develop students ability to construct a readable and legible font.
  2. To develop students ability to design a font with consistent characteristics.
  3. To allow students to experience the various phases of font design
Project 2
Tools and Materials:
  1. Graph Paper
  2. Pencil
  3. Eraser
  4. Marker (optional)
Software needed:
  1. Adobe Illustrator
  2. FontLab Studio
 Step by step:
  1. Draw your font sketches in the graph paper before moving it to Illustrator.
  2. Open Adobe Illustrator and make a New Document (Weight : 1000pt, Height : 1100 pt, add artboards with grid by row, and type on how much art boards you'll need (I use 94) )
  3. Click on View-Rulers-Show Rulers
  4. Drag the lines to make ascender,descender,caps height and x-height (500pt)
  5. Start digitalize your font. You can use pen tool,line tool, rectangle tool, ellipse tool or other tool that fit your font
  6. When you’re done digitalizing all the font and punctuations save the file
  7. Select one of your font click on object – path – outline stroke
  8. Open your pathfinder, click on window – pathfinder and merge the font that you have made to outline stroke
  9. When you’re done changing the strokes to outline stroke and merge all the font save file with different file name
  10. Open your fontlab studio and make a New Document
  11. Go to File – Font Info – Metrics and Dimensions – Key Dimensions and fill your ascender 750, descender -250, caps height 700 and x-height 500 – Ok
  12. Double click on the font  you want to move
  13. Copy the outline stroke font form Illustrator to Fontloab studio
  14. After you paste it you might not able to find your font so go to the bottom part with 150% or other size  on it and make it to 25%, find your font and drag it to the x-height or other depend on your font
  15. Don’t forget to make the space, you just need to drag the middle line to any size that you want
  16. When you’re done copy paste all the font click on New Metrics Window (under Edit button) – Metrics Mode and start kerning your font
  17. Don’t forget to save your file
  18. Go to File – Generate Font – Save as type True Type for Mac user and Open Type PS for Microsoft user – Save – Ok
  19. Check on your font if your descenders gone, go to File – Font Info - Metrics and Dimensions – TrueType-specific metrics – Set custom values and change to your size, you can use recalculate after changing the ascender and descender size but if it’s not working you’ll need to fill everyhing on your own
  20. Regenerate your font
1st sketches
2nd sketches
So for my sketches of font that I made, it's biased on Futura font anatomy and a bit mix of fake lettering to know where I should add the thick and thin lines so it won't be messed up.
Creating New Document
How to outline stroke
How to open pathfinder
How to merge
Font info
Editing font info
New Metrics Window
Metrics mode
Work on descender
Final Outcome

Feedback

Week 9
I need to look at another font to know where is the thick line and thin line.

Week 10
Mr. Shamsul told me my uppercase f stroke is slightly thicker from the other and I have to work on the kerning.

Week 11
Overall it's good but Mr. Vinod say if in the future I'm planning to design a font again, I might want to consider more with the strokes so it looks somehow better and the dots in my uppercase 'i' and 'j' looks a bit weird.
Reflection

Experience
This is my very first time designing a new font so it’s a new experience for me. Well it’s good that I don’t mess up with my sketch so I can start on digitalizing it. When I’m in the middle of digitalizing my font Mr. Vinod tells me to make the font just half like my capital B so it’s how I make the other letters following the capital B design and Futura anatomy. In last minute sadly I lost all my files, everything was corrupted and it’s so annoying but I till redo everything.

Observation
It's quite hard to find the anatomy of Futura font but thankfully I manage to find one. It’s hard to find the idea, what should I make? What font to choose as the basic for my design? I get my sketches done in 2 days because I just got the idea on Sunday after I went to Church and I have to finish it before Tuesday. I choose to kind of combining Futura anatomy and Fake Lettering style for the thick strokes.

Findings
Redoing everything really sucks but that’s what happen if you’re not careful with your stuffs. I suggest to make more than one backup, never use your thumbdrive on everything, save file on your harddisk and only use your thumbdrive for saving file, some people who borrow your thumbdrive might not savely eject before unplug it.
References

Futura: Font Study

El Kalyoubi, A. (2015) Futura: Font Study. Available at: http://www.studentshow.com/gallery/5837639/Futura-Font-Study
 
I would say this is a very good website you can use as your reference. You can find the anatomy, size, x-height, ascender, descender, caps height for letters, punctuations, numbers and how big is the bowl, where to put it to, how's the tip of the numbers. A complete site to find most of the details that you need. You can even find some poster designs on it.

Comments

Post a Comment

Popular posts from this blog

Advertising Exercises

-
Image
01/09/17 - 03/11/17 (Week 1 - Week 9) Agnes Cherine Viridiana, (0331332) Advertising Principles & Practice Exercises (25%) Lectures :

 Lecture 1/Tutorial 1 (01/09/17)
 We didn’t have class this week because it’s public holiday. The lecture was given on week 2. Forum Question Bernbach's Principles 1. In your view - based on what you have heard and discussed - is advertising relevant today?
 Yes. Advertising play the important role for a company to sell their product successfully, to gain consumers's trust and to be able to survive in the market competition. 2. From the 10 principles mentioned, list 3 principles that you felt strongly about? Explain why you felt strongly about these 3 principles? - To make the product as the actor. I feel like you have to make the product as the "star" in the advertisement so people know what you're trying to say and not making the add on as the "star" or making people confuse about what are you trying to se...
Read more

Entertainment Design - Week 8

-
Image
26/02/19 - 28/02/19 (Week 8) Agnes Cherine Viridiana, (0331332)  Entertainment Design  Assignment 2 Progression Group Presentation Notable Brand Activation case studies analysis. Produce a case study on your selected Brand Activation designs and explain why is it the best you have seen. Slide Feedback It's a very clear and straightforward case study and it's good that our group choose to research on our own chosen brand. Everything was easy to understand and good choice of visuals. The flow was not confusing. It was good that we include the sales info at the end. But we missed out the mutually beneficial relationship between Puma and BTS. There is actually a lot to be said about how the brand and the band boosted each other's reputation. Assignment 2 Progression Campaign timeline So we started to split the job for everyone to work on. One of my jobs is that I'm in charge of designing the merchandises. The process started with choosing the elem...
Read more

Entertainment Design - Week 9

-
Image
05/03/19 - 07/03/19 (Week 9) Agnes Cherine Viridiana, (0331332)  Entertainment Design  Assignment 2 Submission and Reflections Assignment 2 Submission So for this assignments, I'm in the same group with Samantha, Bernice and Tiffany and we're working on the music festival event called Natsukashii 2A Microsite Homepage About Us Page, more explanation about the event Performers Pages, a more complete list of the performers Performers Pages, when you click on each artist it'll show more detail about the artist Contact Page, a more detailed explanation on the map and the important contacts Merchandise Page, a complete list of merchandises that are offered in the event Merchandise Page, explanation about each of every merchandise when you click on it  FAQ Page, where you can find the answers to your questions Ticket Page, in here you can find detailed information for the tickets and it's where you can purcha...
Read more