Typography Project 2A

-
29/05/20 - 12/06/20 / Week 7 - Week 9
Mohamed Shaayif Shakir / 0332075
Typography / Bachelor of Design (Hons) in Creative Media / Taylors University
Task 2 / Project 2B

LECTURES        

Week 7: 29/05/20 Project Briefing

We were given the briefing for project 2a. We have to design our very own typeface, starting from scratch. We were shown a video of how typefaces are made to get a basic idea. We can look back at lecture of week 5 as it was about font design. In class we had to pick a type face for reference and do sketches.

Week 8 : 05/06/2020 Feedback Session

Todays session was feedback on the digitized fonts for all students, and tutorial on how to use fontlab to make your digitized font into and actual font.

INSTRUCTIONS



Task 2 / Project 2A

For project 2A, We have to design our own typeface from scratch. We were given a select number of characters to design in either uppercase or lowercase. The letters were : a i m e p y t g d o b ! , .
First we chose a reference typeface, from the 10 typefaces we were given earlier. I Chose futura std. Then we had to make analyse the letters of these by drawing the guides and other shapes and elements so we can really see the symmetry and detail in it. After doing so we had to make rough sketches, while referring to the futura typeface, of our own typeface. I chose Futura because I have always favoured simple, low contrast typefaces and I wanted make one like that.

Figure 1.00- analysis of Futura std typeface

Figure 1.01 - Rough sketch 1 Arc

Figure 1.02 - Rough Sketch 2 Tall

Figure 1.03 - Rough sketch 3 Box

Figure 1.04 - Rough Sketch 4 Gap

Figure 1.05 - Rough Sketch 5 Wide

From the sketches, I decided to make a tight sketch for Gap and Tall, because I like those the most.

Figure 1.06 - Tight sketch for Gap and Tall

Before digitizing I decided to do some research on different fonts. One that really interested me was runic lettering. Because I am huge fan of Norse mythology and God of War. I wanted to have some inspiration from runic alphabet.

Figure 1.07 - Runic alphabet for reference

I used the guides I made from the analysis exercise. I changed the vertical lines to be a bit close together the the typeface im making s going to be narrow and tall. I used the line tool with a stroke size of 25, while lowering it to 20 for some lines. I also used the elliptical tool to curve some edges.

Figure 1.08 - First digitization

I decided to change the letters B, P and the characters to represent the runic feel more.


Figure 1.09 - Updated letters

Figure 1.10 - Updated letters without the guides

After getting feedback I was advised to increase the weight of the letters so I increased it to stroke size 50. Also learnt how to make the edges rounded without using the elliptical tool. I removed all the circles and make the stroke edges round. I also remade the comma to a more simple one and moved it to the baseline.

Figure 1.11 - Stroke size increased, Comma redesigned jpeg.

Figure 1.12 - PDF of letters

After the letters were done, I followed the tutorial and copied all the letters over to fontlab. Fontlab was not optimized for my laptop for some reason and I had a really hard time playing with it. It was almost impossible to change the values in the metrics tab. But I managed to get most of it done with a strain on my eye.

Figure 1.13 - Letters copied over to Fontlab

Figure 1.14 - attempting to change the metrics. As you can see font lab is not optimized at all.

After saving the file and generating font, I installed it and made the poster with the given text 'I AM A TYPE GOD, OBEY ME!' Kerning and tracking was adjusted in Illustrator.

Figure 1.15 - Poster jpeg



Figure 1.16 - PDF of poster

Here is the link to the ttf file:
https://drive.google.com/file/d/14rarcOdvd7zoxLakp34pEBW9KXHaeIH-/view?usp=sharing












FEEDBACK

Week 7
Specific Feedback - Mr. vinod like my Tall sketch and told me to go ahead and digitize it
General feedback - no general feedback

Week 8
Specific Feedback - Typeface was a but narrow, so I was asked to increase the weight of it. And to move the comma and fullstop to the bottom
General feedback - It was a feedback session so took some notes on how i can improve during other students sessions.

REFLECTIONS

Week 7

Experience: Learned to analyse letters, and create guides.

Observation: Letters are not 100% symmetrical when analysed

Findings: Making a typeface is really difficult

Week 8

Experience: Learned to make the stroke edges rounded, Which made my work even easier than the way I initially did it.

Observation: Other students had some very interesting typeface designs

Findings: Mr. Vinod showed a video at the start of the class that highlighted the effects of online education on mental health and I found it to be very interesting.


FURTHER READING

Figure 2 - Wikipedia entry for Elden Futhark

I did research on runic alphabet, because i wanted to implement some visual elements from it into my typeface

Comments

Post a Comment

Popular posts from this blog

Advanced Animation - Project 1 - Pre Production

-
Image
  Project 1 - Pre Production For project 1 we had to choose a voice clip of our choice and create a scene using that clip. The scene should be about 15-30 seconds long. We had to storyboard, Act and animatics as a pre production process. Figure 1 - Audio clip chosen. Figure 2 - Storyboard Figure 3 - Storyboard Figure 4 - Acting Figure 5 - Animatics/2d Blockout
Read more

Advanced Animation - Project 2 - Production

-
 Project 2 - Production After Animatics and acting was done, we moved onto setting up the set in MAYA. I used a rig for my character called Jasmine Rose by Ahmed Shalaby. I first imported my Acting into Adobe animate and listed out how many frames each scenes used and blocked it out in MAYA. I made set before I did this. Figure 1 - Animation Blocking After I blocked out the scenes I started animating scene by scene. After animating the scenes I added rough lighting to see what it would look like in the final render. I rendered the scenes in this lighting for feedback. Figure 2 - Project 2
Read more

Digital Photography & Imaging - Project 3 (Digital Surrealism)

-
Image
Project 3 - Digital Surrealism The objective this project is to create a surreal artwork in photoshop. Below are some examples of digital surrealism. Process My main idea is to use the first cyborg piece I made and put it into a cyberpunk city. Cyborg image of me Image for background - Artwrok by Chin Fong  https://www.chinfongart.com/art I used quick selection to cut out myself into this image, after using healing brush to remove some of the ninja character which was already in the image. Then it was color matched I used the brush tool to add some glow from the pink sign onto my body in a new layer Saturn image I want to add Whale image I added to the sky, Inspired the the song Gojira - Flying Whales More whale Images Whales and Saturn added in Next I brought it into Adobe after effects for animation. My main idea for animation is to add rain fall into the image. I started by adding the CC rainfall simulation in after effects and playing around with settings a bit. Next step addin...
Read more