TYPOGRAPHY-EXERCISES
Ating Otobong Melvin Abang
0333700
Typography Exercises
LECTURE NOTES
Lecture 1-Briefing
5/4/2019(Week 1)
Briefing i wasn't around for lecture due to a delay in my visa. But when i arrived i was told what was taught during week one which wasn't really teaching but briefed us the students on what we should expect. And we should have blogs most preferably On blogger, and Mr. Samshul and Mr. Vinod briefed us through the projects and assignments.
And we should start our sketches for the first exercise.
Lecture 2-Introduction to Typography.
12/4/19(week 2)
I came this week but i was informed that we wouldn't be using Wix website for our blogs but rather use Blogger. and i also learnt that typography is used, unknowingly everyone.
and here are some of the terminologies:
Font: a font refers to the individual font or weight within the typeface, I.e.: Georgia Regular, Georgia Italic and Georgia Bold.
Typeface: a typeface
refers to the entire family of fonts that share similar characteristics, I.e.: Georgia,
Arial, Times New Roman, Didot, and Futura.
Type family: a type
family refers to the many weights within an individual typeface.
And we will be covering these during the semester. Type creation, type expression, and type arrangement.
Lecture 3-Basic in Typography
19/4/2019(Week 3)
There are a lot of terms regarding or relating to typography.
 |
| Fig 1.1 diagram showing the anatomy of a type face. |
- stroke-The stroke is just one of the rows of any letter. It may be straight or curved; it may be horizontal, vertical or diagonal if the former; if the latter is closed or opened. For instance, there are three strokes in the lower case "k," both vertical and diagonal.
- Baseline: The Imaginary Line The Visual Base Of The Letterform
- Median: The Imaginary Line Defining The X Height Of The Letterform
- X-Height: The Height In Any Typeface Of The Lowercase X (Importance Of The X Height)
Uppercase letters were not intended to be used together. Instead, some types have small capital that was intended to be used together. Small Capital is capital letters intended to be in the x-height rather than the height of the cap. Italics is used to emphasize a specific term.
And after the lecture, we were informed of the font families we would be making use of this semester.
Lecture 4- Development/Timeline of typography
26/4/2019 Week 4
Today Mr. Vinod covered the early form of handwriting, which means scratching with a sharpened stick into moist clay or carving with a chisel into stone before pen and paper are developed. Back then, the Phoenician write from right to left. and Starting with the development of letterforms that were, for almost 2000 years, only uppercase letterforms.
The typesetting instruments will alter the style. The Greeks were the people who altered the way they wrote, it was written from right to left at first. That is now altered to what we're using now, left to right. The letter in the lower case was unintentionally a letter
Here are some of the type classification that went on throughout the years.
1450 - Blackletter
1500 - Italic
1550 - Script
1750 - Transitional
1775 - Modern
1825 - Square Serif/Slab Serif
1900 - Sans Serif
1990 - Serif/Sans Serif
If
you don’t know history than you don’t know anything. You are
a leaf that doesn’t know it is part of a tree.-Michael Crichton
INSTRUCTIONS
EXERCISES
Week 1
05/04/19
for the first exercise for the semester, we were instructed to draw out 10 lettering styles that represent our personality but using our name. i represented my personality in a different way i thought that it was 10 different personalities but i later chose one a stuck to that.
 |
| Fig 1.2 My personalities in different styles. |
12/4/2019
We digitized our chosen on Adobe Illustrator after selecting a personality that best fits us then we started the digitizar=tion process which was this week.
Week 3
19/4/2019
Today we began to animate our design into a gif. We had to create the artboards/frames in Illustrator and then animate them in Photoshop later.
Because my personality is one that is quite restless and unsettled, so I had to represent that using illustration frame by frame animation
to make this have a more restless feel i further looked up what restless really meant. And it is meant "unable to rest or relax as a result of anxiety or boredom". So i had to express that in my second trial.
I was rather more satisfied with this than the earlier work although this is based off that it still communicates the expression better than the previous trial.
Week 4
26/4/2019
in this exercise, we were meant to animate a letter expressing this time expressing certain words according to their own meaning.
there's are 7 words but we only need to choose 6 so we have decided which one to choose:
Freeze, Faint, Loop, Angry, Hungry, Bounce And Levitate.
we were to represent what the word expressed and animate it so I completed the 6 digitized versions of the words.
I had to redo some of them for example loop and Angry, then pick one and animate that one. i decided to animate the ANGRY here is the process.
Based on the feedback i had received from Mr. Vinod and Mr. Samshul that it didn't express the type expression so i tried again and suggested that i add spikes and make the protrude out fast towards the end.
for this trial the feedback received was on why were the other letters jumping and it communicates more of a gymnastics expression to it rather than an angry expression so i had to try again.
 |
| Fig 1.3 Final digitized design. |
Week 3
19/4/2019
Today we began to animate our design into a gif. We had to create the artboards/frames in Illustrator and then animate them in Photoshop later.
Because my personality is one that is quite restless and unsettled, so I had to represent that using illustration frame by frame animation
 |
| Fig 1.4 frame by frame animation Artboards. |
 |
| Fig 1.5 First trial of personality Restless GIF. |
I wasn't still satisfied with this so when the chance to work on it arose i took it i further worked on this during week 13/14 when the chance was given. The reason for reworking this is because the type is ok but i believed i could do better.
Here is the process.
 |
| Fig 1.6 Reworking the Artboards on Ai |
 |
| Fig 1.7 Final Animated Gif named Restless. |
I was rather more satisfied with this than the earlier work although this is based off that it still communicates the expression better than the previous trial.
Week 4
26/4/2019
in this exercise, we were meant to animate a letter expressing this time expressing certain words according to their own meaning.
there's are 7 words but we only need to choose 6 so we have decided which one to choose:
Freeze, Faint, Loop, Angry, Hungry, Bounce And Levitate.
 |
| Fig 2.1 start of digitalizing 6 words. |
we were to represent what the word expressed and animate it so I completed the 6 digitized versions of the words.
 |
| Fig 2.2 Completed Digitization. |
 |
| Fig 2.3 Angry included in the 6 words. |
I had to redo some of them for example loop and Angry, then pick one and animate that one. i decided to animate the ANGRY here is the process.
 |
| Fig 2.4 completion of the digitization of Angry. |
Trial 1
 |
| Fig 2.5 First Trial of Angry. |
Trial 2
 |
| Fig 2.6 I decided to give the "A" spikes and make the letters shake. |
 |
| Fig 2.7 animating frame by frame on A.I |
 |
| Fig 2.8 finished Gif for trial 2. |
Trial 3
 |
| Fig 2.9 3rd attempt at Angry. |
Final trial.
for the final trial, I decided to add spikes on everything and make them shake.
 |
| Fig 3.1 Final trial for angry. |
REDO Process for Levitate Type Expression.
 |
| Fig 3. 2 Arranging the Artboards frame by frame. |
 |
| Fig 3.3 Completed Artboards Total-16 |
 |
| Fig 3.4 Animating in Photoshop. |
 |
| Fig 3.5 Final Gif for Levitate. |
FEEDBACK
Week 1
4/12/19
General Feedback: The first trial of Lettering my name in one specific personality that I had to choose for my name which shows or had to represent a personality. I accidentally did 10 different personalities not knowing it was meant to be just one personality but 10 representations of that one personality.
After showing Mr.Vindo my personalities one was chosen which was named Restless. so I have to go represent disturbed personalities and represent one in Adobe Illustrator. Specific Feedback: Mr. Vindo comment's comment on one of my representations was "Yeah your personality really looks Disturbing"-Mr. Vindo which was the one i ended up choosing haha.
Week 2
4/19/2019
Today I showed Mr. Vinod and Mr.Shamsul, my Chosen Font which was named Restless something that I unable to relax, Didn’t comment Much on the Font the only Question that was asked was “What is your Font’s Personality” and I represented that in Ai which was hard because of the personality that was chosen. But I eventually Finished I had to transfer my Adobe illustrator Layers to my google drive because I didn’t have Photoshop available, so I completed the rest of my Font animation in The Mac Lab.
week 3
4/26/2019
General Feedback: Mr Vinod said that we shouldn't delete our process of animating the Text and that we should take pictures and update our blogs with the current pictures of our process. and we aren't allowed to change or modify the type face and it must be choosen out of the 10 font families given through facebook. Artbox measurements should be 80mm X 80mm.
Specific feedback: Concerning my Type Expression Which was Angry Mr.Vinod instructed me to make my Letter A's Spike Shoot out Suddenly and not slowly to give the effect and make other Letters Shake in Fear., I also showed Mr. Shamsul and he told me something similar but he wanted the spikes to progress slowly then shoot-out.
Week 4
4/26/2019
General Feedback: Mr. Vinod said that we shouldn't delete our process of animating the Text and that we should take pictures and update our blogs with the current pictures of our process. and we aren't allowed to change or modify the typeface and it must be chosen out of the 10 font families given through facebook. Artbox measurements should be 80mm X 80mm.
Specific feedback : Concerning my Type Expression Which was Angry Mr. Vinod instructed me to make my Letter A's Spike Shoot out Suddenly and not slow to give the effect and make other Letters Shake in Fear., I also showed Mr. Shamsul and he told me something similar but he wanted the spikes to progress slowly then shoo-out.
REFLECTION
Experience
Week 1: Unfortunately i wasn't around for week 1 so i have no experience, well i was anxious to start classes because i was late.
Week 2: For this week i was the first time I've used illustrator, well I've heard of it but never really made use of it. And this was also the first time i had digitized a type.
week 3: we were slowly introduced into animating and although it was confusing sometimes that's were feedback and assistance from Mr.Vinod and Mr. Samshul are vital.
week 4: week 4 was ok in the sense that sure there will be hard hurdles to pass which was the expression of the type but with constant trials which are needed in my case, overall it was nice to experience the drive of getting it right.
Observations
Week 1: Nothing to observe.
Week 2: The week moved quickly although work was given already.
week 3: This is where things started becoming difficult managing the blog and also keeping up with the exercises and working on the constant feedback given.
Week 4: was quite frustrating, I still wasn't satisfied with the work I'd produced so i tried a few more trials and eventually on week 14 added my redo of the exercise an opportunity given for us to work on any exercise we felt was not good enough.
Findings
week 1: Wasn't Around.
Week 2: i needed to catch up with the class, i quickly made my blog and did what needed to be done. And asking for feedback is really really important here so you know where you stand and work on your errors in time.
week 3: I needed to really listen to the feedback closely, So as to represent a corrected version of my work for the next feedback.
Week 4: I looked around to see what other people had done with their type expression and even those with the same expression as mine i asked some for advice.
Experience
Week 1: Unfortunately i wasn't around for week 1 so i have no experience, well i was anxious to start classes because i was late.
Week 2: For this week i was the first time I've used illustrator, well I've heard of it but never really made use of it. And this was also the first time i had digitized a type.
week 3: we were slowly introduced into animating and although it was confusing sometimes that's were feedback and assistance from Mr.Vinod and Mr. Samshul are vital.
week 4: week 4 was ok in the sense that sure there will be hard hurdles to pass which was the expression of the type but with constant trials which are needed in my case, overall it was nice to experience the drive of getting it right.
Observations
Week 1: Nothing to observe.
Week 2: The week moved quickly although work was given already.
week 3: This is where things started becoming difficult managing the blog and also keeping up with the exercises and working on the constant feedback given.
Week 4: was quite frustrating, I still wasn't satisfied with the work I'd produced so i tried a few more trials and eventually on week 14 added my redo of the exercise an opportunity given for us to work on any exercise we felt was not good enough.
Findings
week 1: Wasn't Around.
Week 2: i needed to catch up with the class, i quickly made my blog and did what needed to be done. And asking for feedback is really really important here so you know where you stand and work on your errors in time.
week 3: I needed to really listen to the feedback closely, So as to represent a corrected version of my work for the next feedback.
Week 4: I looked around to see what other people had done with their type expression and even those with the same expression as mine i asked some for advice.
FURTHER-READING
Week 1- week 4
The Fundamentals of Typography by Gavin Ambrose/Paul Harris
Type history is the means by which a visual form is written and provided to an idea. Many types used today are based on models produced in previous historical epochs, and the characters themselves have a lineage that stretches back thousands of years to the primitive man's first mark-making when characters were designed to depict items or ideas.
Hieroglyphs are a pictogrammatic writing system created by several cultures including the ancient Egyptians and Incas. Each pictogram reflects an object such as an animal, tool or individual rather than vocal sounds. In Egypt, scribes were created to record Pharaoh's belongings by drawing, for example, a pictograph of a cow or a boat.
A structure will often feature text aligned in several distinct ways to distinguish the data it includes or unify the data presentation, as illustrated in the examples in this spread.
The presence of extended family types means that the use of several distinct type sizes within a model is simple for a designer. It should be observed, however, that it may be necessary to adjust the monitoring (letterspacing) and leading to compensate for any rise or reduce in type size.
Week 1- week 4
The Fundamentals of Typography by Gavin Ambrose/Paul Harris
 |
| 4.1 The Fundamentals Of Typography |
 |
| Fig 4.2 Brief history. |
 |
| Fig 4.3 Hieroglyphics and Cuneiform |
Cuneiform uses a wedge-shaped stylus to make impressions on a wet clay tablet and is the earliest standardized writing system developed in ancient Mesopotamia, the region now east of the Mediterranean, from approximately 4,000 BC to around 100 BC.
Early forms of cuneiform were written from top to bottom in columns but later shifted from left to right to be written in rows.
 |
| Fig 4.4 Word and paragraphs. |
It is an invitation produced for an exhibition by modern design and manufacturing business Established & Sons by MadeThought design studio. It features several tiny text paragraphs submitted in various fonts, sizes, and colors to transmit data about the exhibition.
 |
| Fig 4.5 Alignment |
 |
| Fig 4.6 Type Size |
Comments
Post a Comment