TYPOGRAPHY - EXERCISES

TYPOGRAPHY-EXERCISES



28/09/2000-25.09.2019  (week 1-week5)
Nyoman Anita Putri Arimbawa(0339942)
Typography
Exercises



1. LECTURE

Lecture 1:

28/09/19 (week 1)
On the first class, we were given a briefing of our module, what are we were going to do throughout the module, then I learn how to make a blog for the first time using blogger.com, we use our blog as our e-portfolio, we suppose to showcase  all our process, weekly exercises and project in that blog, Mr. Vinod showed u some examples from our senior.
Then Mr.Vinod & Mr. Shamsul continue with our lecture which is the introduction of typography.
The meaning of typography according to Wikipedia is " the art and technique of arranging type to make written language legible, readable and appealing when displayed", I also learned that typography evolved over 500 years from calligraphy to lettering and then typography.
We have taught some terminologies of typography as well.


Terminology: 

Font: a font refers to the individual font or weight within the typeface, I.e.: Georgia Regular, Georgia Italic and Georgia Bold.Georgia Bold.
Fig1.: Example of  Font
Typeface: a typeface refers to the entire family of fonts that share similar characteristics, I.e.: Georgia, Arial, Times New Roman, Didot, and Futura.

Fig 1.2: Examples of Typefaces


Type family: a type family refers to the many weights within an individual typeface.
Fig 1.3


Lecture 2:

04/09/19 (week 2)
Mr. Vinod & Mr. Shamsul started this week with our lecture, The development, and the timeline of typography. The development only focused on the perspective of the western world, it began in the 3rd century, typography started from people communicate visually, writing started by people scratching into wet clay with a sharpened stick or carving into stone with a chisel.
4th
Fig 2.1: century B.C.E. – Phoenicians votive stele Carthage, Tunisia.


Fig 2.2: The evolution from the Phoenician letter.


 Phoenicians wrote from right to left. The Greek developed a style of writing called ‘boustrophedon’ , which meant that the lines of text read alternately from right to left and left to right.
Fig 2.3


The Etruscan and Roman's styles of writing are carvers working in marble painted letterforms before inscribing them, this happened around late 1st-century B.C.E, they have a certain quality of their stroke.

We also showed the early development of letterform, 
Fig 2.4

     Phoenician                   Greek 900 B.C.E              Roman 100 B.C.E
      1000 B.C.E.   
In the 4th and 5th centuries, I learn about the earlier hands script which can be found in Roman monuments which called square capital.
Fig 2.5

In the late 3rd – mid 4th century, the square capital become more comprise allowing the sheet has more twice as many words and took less time to write, 
Fig 2.6
The 4th century, lowercase begin to form 

Fig 2.7: 4th century: Roman cursive

In 4th-5th there is Uncials which means small letter

Fig 2.8: 4th – 5th century: Uncials
Charlemagne issued an edict to standardized all escalating text throughout Europe, and then the text was written and become the standard of calligraphy for a century.

Fig 2.9: C. 925: Caroline minuscule
Johannes Gutenberg was a German blacksmith who use his skill of engineering, metalsmithing, and also chemistry to invent the mechanical movable type printing press. His printing press has been widely considered the most important invention of the modern era, but his world-changing invention making people lose their job.
Fig 2.10 

Fig 2.11: Guttenburg Bible



We also learn how to use adobe illustrator for the first time ex, how to create a new file, make an artboard copy, make an eclipse shape and how to use the pen tool and then make an animation using a timeline in photoshop.

Lecture 3:

(11/09/19)

I learn so many important typography terms that we should remember for the rest of our life said such as "kerning" and "letterspacing" which means the automatic adjustment of space between letters and to add space between the letters respectively, which often mistaken for one another, and both of those meaning can be called tracking.

We also learn about formatting text, I learn 4 different types of it such as flush left, centered, flush right, and justified, the most important about choosing a formatting text is to pay attention to the grey value, makes sure that the grey value is even and neat. An uneven grey area is called rivers. I also learn as a designer or a typographer the most important thing for them is to make sure that the message that the author wants to convey is conveyed through the design.

I also received a really important thing if I want to formate a text first I have to identify the font or type text, and then the type size and making sure that it's not too big or too small, the print matter is 8pt-12pt and the third step is to identify the line light and leading, the good rule of thumbs of line length is to keep the line 55-65 characters, leading also shouldn't be too tight cause it will create a vertical eye movement will be troublesome for the reader.

Formatting text steps:
  1. Identify our font/type
  2. Identify our type size (our font size to be within 8pt and 12pt)
  3. Identify line length and leading (preferred to be 3pt if the type size is 8pt)

Lecture 4:

(18.09.2019)We started our lecture with learning Indicating Paragraphs, the first thing we learn is a pilcrow, a symbol (¶) used to mark a new paragraph or section of text.
The second term is Line spacing determines the amount of vertical space between lines of text in a paragraph.
then there is leading which means the distance between two baselines of lines of type.
Fig 4.1: Line space vs Leading 

The standard indentation is the same size as the line spacing or the same as the point size of your text.
There two things that must be avoided in making a paragraph widows and orphans, a widow is a short line of the type left alone at the end of a column of text and an orphan is a short line of the type left alone at the start of a new column.
Fig 4.2: Examples of a widow & orphan. 
A  few ways to highlight a text:
  • Make an indent
  • Change the text into italic
  • Change the typefaces
  • Change the color
  • Quotation mark
  • Field of color
Then we were briefed about our first project.

2. INSTRUCTION





Exercises 1

28/09/19
week 1: Sketching out the letters of our name accordingly to our character
figure 1.1: Complicated personality: Sketches of my personality


Figure 1.2: Complicated personality: The chosen lettering of the 5 sketches 

week 2:
04.09.2019
For this week, we have to start to digitalize our chosen font and also animate it
figure2.2: complicated personality: making frames for the animation
figure 2.3: complicated personality: the process of the animation


figure 2.1: Complicated personality: the digitalized version of my font




figure 2.3: complicated personality: the process of the animation

figure 2.4: complicated personality: final result of the lettering


Exercise 2

Week 3(11/09/19): We were instructed to express 6 different words ( SNEEZE, CLEAN, PARTY, GIGANTIC, EXPLODE, EMERGE) typographically and only using the 9 types of families provided by the lecturer.


Fig 3.1: Sketches of the words

Fig 3.2: Sketches of the words




Fig 3.5: Expressing words.
Fig 3.6:  Expressing words.
Fig 3.7: Expressing words.



Fig 3.8: Expressing words: Digitalizing process


Fig 3.7: Expressing words: First attempt of the digitalize font



Fig 4.1:  Expressing words.: Second attempt of the digitalized font

Fig 4.2:  Expressing words.

Fig 4.3:  Expressing words.



Fig 4.4:  Expressing words.
Fig 3.6: Expressing Words: Making frames for the animation

Fig 3.7: Expressing words: Making the animation in Photoshop.

Fig 4.9: Expressing words: Second attempt of the animation.

Fig 3.5: expressing words: word chosen. 

Fig 4.8: Expressing words: First attempt of the animation.

Fig 4.5: Expressing words: Final result
Then from our digitalized words, we have to pick one that we think is the best one out of the six words to be animated according to the character of the words, for my liking I pick explode.


Fig 4.10: Expressing words: Final result of the animation.









 3. FEEDBACK

Week 1: no feedback was given
Week 2(04.09.2019): when I show my sketches to Mr. Vinods he picks the second one I sketch and he thinks that with that one I can really make it interesting and I should play around with it more.

Week 3(11/09/19): When I show my final work to Mr. Vinods and Mr. Shamsul, they said the animation is nice and represent my personality correctly, which is complicated, followed by saying that I did a good job and said my work is glitchy just like my personality. When I show them my blog, they said the picture is okay but I still need to correct a few things like the caption of the picture and my introduction and my further reading.

Week 4:  For this week there are two submissions: 6 words type expression and the one that e animated, both of this submission must be exported as JPEG (72 dpi), the submission shouldn't be in a screenshot image, and we also needed to embed the file into a pdf. Then for our finding the part in our blog, at the end of this exercise, we were advised to make it into one paragraph. we also instructed to download all the 9 different family font that was given to us. When I showed my work to Mr. Vinods & Mr. Shamsul they said my interpretation was good but at the ending of my animation the words need to fell down one by one, Mr. Vinods showed me of a bunch of coins from his pockets then he dropped it on to the table and said its supposed to look something like that.


4. REFLECTION

Experience

Week 1: when we were told to think and comes out with our own ideas of five different types of fonts with one of our personality I pick complicated, it's quite hard for me to makes five sketches right away. Week 2: The first time using adobe illustration is quite hard, it's a lot different than using any other program. Week 3: When I got positive feedback from Mr. Vinod and MR Shamsul, I felt some sort of relieved and satisfaction of my work because for the past week I wasn't really sure if I did a good job or not, although, for the next exercise, I'm still having a problem using Adobe illustrator. Week 4: When we were briefed about our project one I got really nervous wasn't sure if I'm gonna do a good job with this project

Observation

Week 1: picking one personality of ourself is quite hard, its easier to identify a personality of someone else rather then our own self so it's nicer if we ask someone else to picks whats the best personality for us but not everyone feels that, some people have a better understanding of themselves.
Week 2: having troubles with adobe illustrator some people have the same experience as me but when I look around the room I found that some people are really good at it. Week 3: I was really shock looking at other people's works, they all have a really different style and approach for the exercise. Week 4: It's really interesting and fun to see other people's work, really makes you realize with place are you standing at.

Finding

Week 1: I keep overthinking on what should I do as result to that I never really gone far with that, I should try keeping things more simple. Week 2: I'm realizing that I'm bad at managing time, I should really learn to be more organized about my time. now I really felt how important time managing is. Week 3: I'm really bad at working under pressure, thinking about running out of times makes me panic and anxious and that will cause me to not able to focus on my work, I learn that I should've taken a deep breath and calm down a bit, try to concentrate so I won't panic. Week 4: When I see the others, though it's nice and inspiring it is can be discouraging and lower our self-esteem, keep think " why don't I think of that" or "how can I be that good", what I should learn is that took that opportunities to find more ideas and make  it as motivation.





5. FURTHER READING


week 1-5

 

According to many of the artist that is in this book sketches have many purposes. According to John Moore, he used sketches as "the primary initiative to organize and visualize ideas", it enables him to express his emotion feeling or a mental state, " a kind of relief of a whole energy concentration".

 
From what I've read there is a wide variety of ways to suggest a full range of meaning and associations, independent of the type's content, such as the straight and curved strokes of characters. The terminals and serifs, the contrast between thick and thin, stokes, angle of stress, x-height ration, and set width help define sameness in typefaces.


Comments

Popular Posts