Typography Task 1/ Exercises 1&2
25.8.21- 22.9.21/ (Week 1- Week 5)
Nitish A/L Naveen Kumar, (0346592)
Typography,
Bachelor of Design (HONOURS) in Creative Media,
Task(1,2)
LECTURES
Lecture 1, Week 1-
Development/Timeline
Early letterform development: Phoenician to Roman
Uppercase forms are simple constructions of straight lines and pieces of
circles, Phoenician wrote from right to left where as Greek developed a style
called (Boustrophedon) which is from reading right to left and left to right.
Greeks like the Phoenician did not use letter space or punctuations.
Hand Script from 3rd - 10th Century C.E
Square Capital: were written version that can be found in Romans monument, serif fonts are added at the end of a main stroke.
Rustic Capital: compressed version of square capital, rustic capital allowed twice as many words and takes less time to write
Roman Cursive: written for everyday transactions, forms that were simplified in speed, typically found at the beginning of lowercase letterforms.
Uncials: small letters, more readable at small sizes than rustic capitals.
Half Uncials: formal beginning of lowercase letterforms, replete with ascenders and descenders.
Kerning and Letterspacing
Kerning: Automatic adjustment of space between letters.
Tracking: Addition and removal of space in a word or sentence.
Letterspacing: Adding space between letters.
Flush text: mirrors the asymmetrical experience of handwriting.
Centered: Imposes symmetry upon the text, equal value and weight at both ends of any line.
Flush right: Places emphasis on the end of a line as opposed to its start.
Justified: Imposes a symmetrical shape on the text by expending or reducing spaces words and sometimes letters.
Type with a relatively generous x-height or relatively heavy stroke width produces a darker mass on the page than type with a relatively smaller x-height or lighter stoke. Sensitivity to these differences in colour is fundamental for creating successful layouts.
Type size: Text type should be large enough to be read easily at arm's length.
Leading: Text that is set to tightly encourages vertical eye movement a reader can usually lose their place.
Line length: Appropriate leading for text is as much a function of the line length as it is a question of type face and leading
Pilcrow: a holdover from medieval manuscripts
Line spacing leading: if the line space is 12pt than the paragraph space is 12pt this ensure cross- alignment across columns of text.
Standard Indentation: the indent is the same size of the line spacing or the same as the point of your text.
Widow: a short line of type left alone at the end of a column of text.
Orphans: a short line of type left alone at the start of a new column.
Highlighting text: Different kind of emphasis require different kinds of contrast.
A head indicates a clear break between the topics within a session.
B head is a subordinate to A head. B head indicate a new supporting argument for example the topic at hand.
C head although not common highlights specific facets of material within B head text. C heads are shown with small caps, italics, serif bold and san serif bold.
Cross aligning headlines are captions with text type reinforces the architectural sense of the page ,the structure while articulating the complimentary vertical rhythm.
Letters: The uppercase letter forms may appear symmetrical but a close examination shows that the width of the left slope is thinner than the right stroke.
Maintaining height: Appear to be the same size as the vertical and horizontal stokes they adjoin.
Just as important as recognizing specific letterforms is developing a sensitivity to counterform the space describes and often contained, by the stoke of the form. When letters are joined of form words, the counterform includes the spaces between them.
The simple contrast produces numerous variations such as small+organic/large+machined; small+dark/ large light.
Task
Task 1 Exercise 1 Type Expression
Sketches
Figure 1.1 Sketch 1 (25/8/21)
This was my 1st sketch for the 4 typeface I tried gone, light and error. I tried sketching out as much idea that came to my mind.
Figure 1.3 4 typeface illustrator (1/9/21)
This is my 1st time trying illustrator for typography as well as creating the text using the fonts given by Mr Vinod. I tried using the sketch I did using illustrator as well as the fonts provided by Mr Vinod it was a bit challenging but fun nonetheless.
FINAL TYPEFACE
Figure 1.4 Final Typeface JPEG (22/9/21)
FINAL TYPEFACE
Figure 1.5 Typeface illustrator PDF (22/9/21)
Figure 1.6 Error tryout illustrator (22/9/21)
Figure 1.7 Animated gif photoshop (22/9/21)
FINAL GIF
Figure 2.1 Kerning and tracking (15/9/21)
Trying out kerning and tracking in Adobe InDesign.
Figure 2.2 Kerning and tracking final outcome (15/9/21)
Figure 2.3 Text formatting (15/9/21)
Trying out text formatting in Adobe InDesign.
FEEDBACK
General feedback: do not use illustration or any form of illustration
Specific Feedback: Update blog every week to not cause hindrance
REFLECTIONS
It was quite challenging to create a a text with its description for example terror, terror is a word known for scary or scared and this can also mean other things but to create the word terror to feel it and see its word is quite hard. To animate it into a gif was not a big challenge as it was easy and simple to do although that might jus be the work that I chose it was quite interesting not to only sketch out words but to animate them so so far it has been a fun experience for me.
FURTHER READING
Square Capital: were written version that can be found in Romans monument, serif fonts are added at the end of a main stroke.
Rustic Capital: compressed version of square capital, rustic capital allowed twice as many words and takes less time to write
Roman Cursive: written for everyday transactions, forms that were simplified in speed, typically found at the beginning of lowercase letterforms.
Uncials: small letters, more readable at small sizes than rustic capitals.
Half Uncials: formal beginning of lowercase letterforms, replete with ascenders and descenders.
Caloline Minuscule: Charlemagne, the first unifier of Europe
since the Romans issued an edict in 789 to standardize all
ecclesiastical text. He entrusted the task to Alcuin of York, Abbot of
St Martin of tours for a century.
Black Letter Textura: With the dissolution of Charlemagne’s empire
came regional variations upon Alcuin’s script. In northern Europe, a
condensed strongly vertical letterform known as Blackletter or
Textura gained popularity. The south, a rounder more open hand gained
popularity, called ‘rotunda’. The humanistic script in Italy is based on
Alcuin’s minuscule.
Lecture 2, Week 2-
Text/Tracking
Kerning and Letterspacing
Kerning: Automatic adjustment of space between letters.
Tracking: Addition and removal of space in a word or sentence.
Letterspacing: Adding space between letters.
Formatting Text
Flush text: mirrors the asymmetrical experience of handwriting.
Centered: Imposes symmetry upon the text, equal value and weight at both ends of any line.
Flush right: Places emphasis on the end of a line as opposed to its start.
Justified: Imposes a symmetrical shape on the text by expending or reducing spaces words and sometimes letters.
Texture
Type with a relatively generous x-height or relatively heavy stroke width produces a darker mass on the page than type with a relatively smaller x-height or lighter stoke. Sensitivity to these differences in colour is fundamental for creating successful layouts.
Leading and line length
Type size: Text type should be large enough to be read easily at arm's length.
Leading: Text that is set to tightly encourages vertical eye movement a reader can usually lose their place.
Line length: Appropriate leading for text is as much a function of the line length as it is a question of type face and leading
Lecture 3, Week 3-
Indicating paragraphs
Pilcrow: a holdover from medieval manuscripts
Line spacing leading: if the line space is 12pt than the paragraph space is 12pt this ensure cross- alignment across columns of text.
Standard Indentation: the indent is the same size of the line spacing or the same as the point of your text.
Widow: a short line of type left alone at the end of a column of text.
Orphans: a short line of type left alone at the start of a new column.
Highlighting text: Different kind of emphasis require different kinds of contrast.
Headline with text
A head indicates a clear break between the topics within a session.
B head is a subordinate to A head. B head indicate a new supporting argument for example the topic at hand.
C head although not common highlights specific facets of material within B head text. C heads are shown with small caps, italics, serif bold and san serif bold.
Cross Alignment
Cross aligning headlines are captions with text type reinforces the architectural sense of the page ,the structure while articulating the complimentary vertical rhythm.
Lecture 5, Week 5-
Understanding letterforms
Letters: The uppercase letter forms may appear symmetrical but a close examination shows that the width of the left slope is thinner than the right stroke.
Maintaining height: Appear to be the same size as the vertical and horizontal stokes they adjoin.
Form/Counterform
Just as important as recognizing specific letterforms is developing a sensitivity to counterform the space describes and often contained, by the stoke of the form. When letters are joined of form words, the counterform includes the spaces between them.
Contrast
The simple contrast produces numerous variations such as small+organic/large+machined; small+dark/ large light.
INSTRUCTIONS
Task
Task 1 Exercise 1 Type Expression
Sketches
Figure 1.1 Sketch 1 (25/8/21)
This was my 1st sketch for the 4 typeface I tried gone, light and error. I tried sketching out as much idea that came to my mind.
Figure 1.2 Sketch 2 (25/8/21)
This was my 2nd sketch for the 4 typeface I tried error, melt and
terror. It was later I realized that some of my work involved
illustration which Mr Vinod said there should be no use of illustration
for this task.
Figure 1.3 4 typeface illustrator (1/9/21)
This is my 1st time trying illustrator for typography as well as creating the text using the fonts given by Mr Vinod. I tried using the sketch I did using illustrator as well as the fonts provided by Mr Vinod it was a bit challenging but fun nonetheless.
FINAL TYPEFACE
Figure 1.5 Typeface illustrator PDF (22/9/21)
Figure 1.6 Error tryout illustrator (22/9/21)
Figure 1.7 Animated gif photoshop (22/9/21)
Figure 1.8 Gif 1st try (8/9/21)
I attempted this gif using the word error by using both illustrator
and photoshop I flipped the E and the R to give the feeling that the
word itself has some error in it while it also looks like an error
code.
FINAL GIF
Figure 1.9 Final Gif JPEG (22/9/21)
FINAL GIF
Figure 2.0 Final gif submission PDF (22/9/21)
Task 1 Exercise 2 Text formatting
Figure 2.1 Kerning and tracking (15/9/21)
Trying out kerning and tracking in Adobe InDesign.
Figure 2.2 Kerning and tracking final outcome (15/9/21)
Figure 2.3 Text formatting (15/9/21)
Trying out text formatting in Adobe InDesign.
FINAL TEXT FORMATTING
Figure 2.4 Final Text Formatting JPEG (22/9/21)
FINAL TEXT FORMATTING
Figure 2.5 Final Text Formatting PDF (22/9/21)
FINAL TEXT FORMATTING
Figure 2.5 Final Text Formatting PDF (22/9/21)
FEEDBACK
General feedback: do not use illustration or any form of illustration
Specific Feedback: Update blog every week to not cause hindrance
REFLECTIONS
It was quite challenging to create a a text with its description for example terror, terror is a word known for scary or scared and this can also mean other things but to create the word terror to feel it and see its word is quite hard. To animate it into a gif was not a big challenge as it was easy and simple to do although that might jus be the work that I chose it was quite interesting not to only sketch out words but to animate them so so far it has been a fun experience for me.
FURTHER READING
.jpg)
.jpg)
Comments
Post a Comment