week 6-8
Date: 02/05/2017-23/05/2017 (week 6-8)
Chalani Tharanga Wanigasekara (0329562)
Typography and hypertextuality
Project 1- A storybook
Lecture 6
We were given a lecture how to use Adobe In Design and how to make a storybook using by Adobe In Design.
Adobe InDesign is a software application produced by adobe system and it can be used to create works such as posters, brochures, magazines, book and newspapers.
Firstly, make a new document- and followed the measurements which are lecturer given.
And can see like this page.
Ctrl+ Shift +T- for tabs (using for arrows)
Ctrl+ Alt+ </ - for for increase and decrease the space of letters
Alt+ (arrows)- for increase and decrease the size of letters
Requirements
The student must document the above progression in their eportfolio and A4 hardcopy portfolio. The results of the phases must be collated and presented. A thumbnail printout of all 16 pages, and an ebook for desktop viewing must be produced.
Submission
All gathered information (failures, successes, epiphanies, sketches, visual research, printouts, websites, images, charts, etc.) documented logically and chronologically in the A4 Clear Sheet folder. The works must be labelled and dated. 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. Generated eBook uploaded to the eportfolio and the relevant printouts of the artwork in the determined formats, in the hardcopy portfolio.
Objectives
An appreciation of the skills sets and mental discipline required in Typography To develop the necessary software skills for the typographic communication.
Project 1
For project 1 I got to make a storybook using Adobe InDesign. The storybook name is “ Mister Babadook”. I followed the information which is given above and made the storybook. Firstly, Mr Vinod mentioned to make 5 pages of the storybook(.....you and me.)
Then on next week, he said to make the whole story using by 16 pages.
Continued the same project done on the 6th week, however, added animation for that storybook.
Babadook storybook
Feedback 1
Mr Vinod said to mentioned what typeface used and write my name on the page. And word gap is too much. Some pages are not connected ( difference of typeface ). Words are inappropriate way, confuse to read from 4th and 5th pages.
Feedback 2
Mr Vinod gave feedback for the 6th week that just only one page looks good other pages look too bad. Not shows the contrast between one to other pages, word gap still too much, and still confusing to read. however, after I did the correction Mr Vinod said that the mistakes only in just 2 pages.
Feedback 3
In my storybook, the words not well- balanced and position problem in some of the pages. " Dook-Dook- Dook ' page animation sequence is not good. However, contrast is fine and first 7 pages are good.Mr. Vinod and Mr. Shamsul said that can be improved.
On the 5th week, I was so confused and nervous when the lecturers to give a try to make the storybook using by Adobe InDesign. I watched so many videos and read the book of InDesign to make it. Sometimes I got a little knowledge to use this software but sometimes nothing I got. However, I found a website to make the storybook and I followed it on the 5th week.
Observation
I can be used at least a basic knowledge for other softwares to make the project.
Findings
I realized that I’m still struggling when I got a work. But when I did more research of the lessons, I can get how to do?/ what’s it about?
Books read throughout the project:
Adobe InDesign CS4
I learnt some basic information about Adobe InDesign (I couldn’t understand so many things because I haven't used this software before) Written by John Cruise and Kelly Kordes. ( The official training workbook from Adobe systems)
Thinking with type
This book helped a lot to know more information about kerning and tracking of text and also for previous lessons such as the history of typography and anatomy. Written by Ellen Lupton.
Indie Fonts
Chalani Tharanga Wanigasekara (0329562)
Typography and hypertextuality
Project 1- A storybook
Lecture 6
Adobe InDesign is a software application produced by adobe system and it can be used to create works such as posters, brochures, magazines, book and newspapers.
Firstly, make a new document- and followed the measurements which are lecturer given.
figure 1
And can see like this page.
figure 2
figure 3
To make so rules- Edit-> preferences-> Unity and incrementsCtrl+ Shift +T- for tabs (using for arrows)
Ctrl+ Alt+ </ - for for increase and decrease the space of letters
Alt+ (arrows)- for increase and decrease the size of letters
To remove Hypenate- highlight all-> IP-> Hypenate
Lecture 7
We were given a lecture about text/ tracking.
Kerning- Automatic adjustment of space between letters( space between letters when it reduces or increase between letters.
Lecture 7
We were given a lecture about text/ tracking.
Kerning- Automatic adjustment of space between letters( space between letters when it reduces or increase between letters.
If letters in a typeface are spaces too uniformly, they make a pattern that doesn’t look uniform enough. Gaps occur, for example, around letters whose forms angle outward or frame an open space (W, Y, V, T, L). in mental type, a kerned letter extends past the lead slug that supports it, allowing two letters to sit more closely together.
Tracking-Spaces between words
Adjusting the overall space between letters, rather than the space between two characters, is called tracking, also known as letter spacing. It is common practice to letter space capitals and small capitals, which appear more regal when standing apart. By slightly expanding the tracking across a body of text, the designer can create the more airy field. Negative tracking is rarely desirable. This device should be used sparingly, to adjust one or more lines of justified type.
Normal tracking- normal space between letters and it’s easy to read because of human is reading the letter shape
Letters do one love another. However, due to their anatomical differences, some letters have a hard time achieving intimacy. Consider the letter V, for example, whose seductive valley makes her limbs stretch out above her base. In contrast, L solidly holds his ground yet harbours a certain emptiness above the waist.
Tight tracking-so difficult to read
Loose tracking- decrease than tight tracking
Flush left- ragged on right side
The left edge is hard and right edge is soft. Word spaces do not fluctuate, so there are never big holes inside the lines of text. This format, which was rarely used before the 20th century, respects the flow of language rather than submitting to the law of the box. Despite its fraught with danger. Above all designers must work hard to control the appearance of the rag along the left edge. A good rag looked pleasantly uneven, with no lines that are excessively long of short, and with hyphenation kept to an absolute minimum. A rag is considered “bad” when it looks too
even (or too uneven), or when it begins to form regular shapes, like wedges, moons, or diving boards.
Centred- formal and classical, bearing rich associations with history and tradition. It invites the designer to break a text for sense and create an organic shape in response to the flow of content.
Justified- This text makes a clean, figural shapes on the page. Its efficient use of space makes it the norm for newspaper and book of continuous text.
Type size: Text type should be large enough to be read easily at arms length—imagine yourself holding a book in your lap.
Leading: Text that is set too tightly encourages vertical eye movement; a reader can easily loose his or her place. Type that is set too loosely creates striped patterns that distract the reader from the material at hand.
Line Length: Appropriate leading for text is as much a function of the line length as it is a question f type size and leading. Shorter lines require less leading; longer lines more. A good rule of thumb is to keep line length between 35-65 characters. Extremely long or short lines lengths impairs reading.
Lecture 8
We were given a brief introduction about next project (font design) and a lecture about paragraphs.
First example is ‘pilcrow’ a symbol (¶) used to mark a new paragraph or section of text. This is seldom use today. Next one is ‘ line spacing’ (leading) refers to the distance between the baselines of successive lines of type. If the line spacing is 12pt, then the paragraph space is 12pt. Another one is standard indention. The indent is the same size of the line spacing or the same as the point size of the text. This method is using for creates unusually wide columns of text.
Widow is a very short line – usually one word, or the end of a hyphenated word – at the end of a paragraph or column. Orphans is part of a word or very short line, except it appears at the beginning of a column or a page. This results in poor horizontal alignment at the top of the column or page.
A Story Book.
Duration of Assignment
3 Weeks (Briefing on Week 5)
DEADLINE
Week 8 (16 May 2017)
Description
Text:
Title: Mister Babadook
If it's in a word or in a look you can't get rid of the Babadook.
If you're a really clever one and you know what it is to see then you can make friends with a special one, a friend of you and me.
His name is Mr Babadook and this is his book.
A rumbling sound then 3 sharp knocks ba Ba-ba DOOK! DOOK! DOOK!
That's when you'll know he's around.
You'll see him if you look.
See him in your room at night and you won't sleep a wink.
(whisper: Let me in!)
I'll soon take off my funny disguise
(whisper: Take heed of what you've read...)
and once you see what's underneath...
YOU'RE GOING TO WISH YOU WERE DEAD. I'll WAGER with YOU, I'll MAKE you a BET. The MORE you DENY the STRONGER I GET
(LET ME IN!)
In this project you will be asked to express typographically the content above in a 16-page booklet. No images are allowed. However some very minor graphical elements, i.e. line, shade… might be allowed.
Utilizing the knowledge gained in the exercises and other modules from the same semester, you will use illustrator to typographically compose and express the text within a given size. And, upon completion you will place your illustrator artworks in InDesign to create a digital ebook utilising the navigation and animation settings to enhance the expressions of your composed text.
Tracking-Spaces between words
Adjusting the overall space between letters, rather than the space between two characters, is called tracking, also known as letter spacing. It is common practice to letter space capitals and small capitals, which appear more regal when standing apart. By slightly expanding the tracking across a body of text, the designer can create the more airy field. Negative tracking is rarely desirable. This device should be used sparingly, to adjust one or more lines of justified type.
Normal tracking- normal space between letters and it’s easy to read because of human is reading the letter shape
Letters do one love another. However, due to their anatomical differences, some letters have a hard time achieving intimacy. Consider the letter V, for example, whose seductive valley makes her limbs stretch out above her base. In contrast, L solidly holds his ground yet harbours a certain emptiness above the waist.
Tight tracking-so difficult to read
Loose tracking- decrease than tight tracking
Flush left- ragged on right side
The left edge is hard and right edge is soft. Word spaces do not fluctuate, so there are never big holes inside the lines of text. This format, which was rarely used before the 20th century, respects the flow of language rather than submitting to the law of the box. Despite its fraught with danger. Above all designers must work hard to control the appearance of the rag along the left edge. A good rag looked pleasantly uneven, with no lines that are excessively long of short, and with hyphenation kept to an absolute minimum. A rag is considered “bad” when it looks too
even (or too uneven), or when it begins to form regular shapes, like wedges, moons, or diving boards.
figure 4: Flush left text
Centred- formal and classical, bearing rich associations with history and tradition. It invites the designer to break a text for sense and create an organic shape in response to the flow of content.
figure 5: Centered text
Flush right- variant of the more familiar flush left setting. It is common wisdom among typographers that flush right text is hard to read because it forces the reader’s eye to find a new position at the start of each line. This could be true, or it could be an urban legend. At any rate, the flush right setting is rarely employed for long bodies of text. Used in smaller blocks, however, flush right text forms effective marginal notes, sidebars, pull quotes, or other passages that comment on a main body or image. A flush or ragged edge can suggest attraction (or repulsion) between chunks of information.
figure 6: Flush right text
Justified- This text makes a clean, figural shapes on the page. Its efficient use of space makes it the norm for newspaper and book of continuous text.
figure 7: justified text
Type size: Text type should be large enough to be read easily at arms length—imagine yourself holding a book in your lap.
Leading: Text that is set too tightly encourages vertical eye movement; a reader can easily loose his or her place. Type that is set too loosely creates striped patterns that distract the reader from the material at hand.
Line Length: Appropriate leading for text is as much a function of the line length as it is a question f type size and leading. Shorter lines require less leading; longer lines more. A good rule of thumb is to keep line length between 35-65 characters. Extremely long or short lines lengths impairs reading.
Lecture 8
We were given a brief introduction about next project (font design) and a lecture about paragraphs.
First example is ‘pilcrow’ a symbol (¶) used to mark a new paragraph or section of text. This is seldom use today. Next one is ‘ line spacing’ (leading) refers to the distance between the baselines of successive lines of type. If the line spacing is 12pt, then the paragraph space is 12pt. Another one is standard indention. The indent is the same size of the line spacing or the same as the point size of the text. This method is using for creates unusually wide columns of text.
Widow is a very short line – usually one word, or the end of a hyphenated word – at the end of a paragraph or column. Orphans is part of a word or very short line, except it appears at the beginning of a column or a page. This results in poor horizontal alignment at the top of the column or page.
PROJECT 1 (20%)
The BriefA Story Book.
Duration of Assignment
3 Weeks (Briefing on Week 5)
DEADLINE
Week 8 (16 May 2017)
Description
Text:
Title: Mister Babadook
If it's in a word or in a look you can't get rid of the Babadook.
If you're a really clever one and you know what it is to see then you can make friends with a special one, a friend of you and me.
His name is Mr Babadook and this is his book.
A rumbling sound then 3 sharp knocks ba Ba-ba DOOK! DOOK! DOOK!
That's when you'll know he's around.
You'll see him if you look.
See him in your room at night and you won't sleep a wink.
(whisper: Let me in!)
I'll soon take off my funny disguise
(whisper: Take heed of what you've read...)
and once you see what's underneath...
YOU'RE GOING TO WISH YOU WERE DEAD. I'll WAGER with YOU, I'll MAKE you a BET. The MORE you DENY the STRONGER I GET
(LET ME IN!)
In this project you will be asked to express typographically the content above in a 16-page booklet. No images are allowed. However some very minor graphical elements, i.e. line, shade… might be allowed.
Utilizing the knowledge gained in the exercises and other modules from the same semester, you will use illustrator to typographically compose and express the text within a given size. And, upon completion you will place your illustrator artworks in InDesign to create a digital ebook utilising the navigation and animation settings to enhance the expressions of your composed text.
Requirements
The student must document the above progression in their eportfolio and A4 hardcopy portfolio. The results of the phases must be collated and presented. A thumbnail printout of all 16 pages, and an ebook for desktop viewing must be produced.
Submission
All gathered information (failures, successes, epiphanies, sketches, visual research, printouts, websites, images, charts, etc.) documented logically and chronologically in the A4 Clear Sheet folder. The works must be labelled and dated. 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. Generated eBook uploaded to the eportfolio and the relevant printouts of the artwork in the determined formats, in the hardcopy portfolio.
Objectives
An appreciation of the skills sets and mental discipline required in Typography To develop the necessary software skills for the typographic communication.
Project 1
For project 1 I got to make a storybook using Adobe InDesign. The storybook name is “ Mister Babadook”. I followed the information which is given above and made the storybook. Firstly, Mr Vinod mentioned to make 5 pages of the storybook(.....you and me.)
Then on next week, he said to make the whole story using by 16 pages.
figure 3
figure 4
figure 5
Continued the same project done on the 6th week, however, added animation for that storybook.
figure 6
figure 7
figure 8
figure 9
figure 10
figure 11
figure 12
figure 13
Printed book
figure 14
figure 15
figure 16
figure 17
figure 18
figure 19
figure 20
figure 21
Final workBabadook storybook
Feedback 1
Mr Vinod said to mentioned what typeface used and write my name on the page. And word gap is too much. Some pages are not connected ( difference of typeface ). Words are inappropriate way, confuse to read from 4th and 5th pages.
Feedback 2
Mr Vinod gave feedback for the 6th week that just only one page looks good other pages look too bad. Not shows the contrast between one to other pages, word gap still too much, and still confusing to read. however, after I did the correction Mr Vinod said that the mistakes only in just 2 pages.
Feedback 3
In my storybook, the words not well- balanced and position problem in some of the pages. " Dook-Dook- Dook ' page animation sequence is not good. However, contrast is fine and first 7 pages are good.Mr. Vinod and Mr. Shamsul said that can be improved.
Reflection
ExperienceOn the 5th week, I was so confused and nervous when the lecturers to give a try to make the storybook using by Adobe InDesign. I watched so many videos and read the book of InDesign to make it. Sometimes I got a little knowledge to use this software but sometimes nothing I got. However, I found a website to make the storybook and I followed it on the 5th week.
Observation
I can be used at least a basic knowledge for other softwares to make the project.
Findings
I realized that I’m still struggling when I got a work. But when I did more research of the lessons, I can get how to do?/ what’s it about?
Books read throughout the project:
Adobe InDesign CS4
figure 6: Adobe InDesign CS4
Thinking with type
figure 7: Thinking with type
Indie Fonts
figure 8: Indie Fonts
This book I referred to research about fonts. Written by James Grieshaber, Richard Kegler. however, all most every font are new in this book. I couldn't find like Futura, Baskerville fonts.
Comments
Post a Comment