{"id":820,"date":"2017-06-28T01:48:03","date_gmt":"2017-06-28T05:48:03","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/exercise-4-creating-body-copy-with-the-type-tool\/"},"modified":"2020-09-27T16:35:39","modified_gmt":"2020-09-27T20:35:39","slug":"exercise-4-creating-body-copy-with-the-type-tool","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/exercise-4-creating-body-copy-with-the-type-tool\/","title":{"raw":"4.4 Exercise 4: Creating body copy with the Type Tool","rendered":"4.4 Exercise 4: Creating body copy with the Type Tool"},"content":{"raw":"Body copy is the content of an article, a book chapter, an essay on a web page, and so on. Body copy should be set within a text box in all of the Creative Cloud\u00ae programs. As body copy is usually set within rectangles, consider the overall shape of text to normally create a rectangular shape on the page. By utilizing a grid system, the production artist controls how many columns of text appear in the final layout.\n\nThe artist should be interested in creating legible body copy. Legible body copy is not too big, too small, too lengthy, too short, too light, or too dark. For a considerable amount of body copy (a full article, for example), the copy should be set in columns between 3.5 and 4 inches in length or 35 - 65 characters. This is the point at which many readers begin to read back over the words that they have already read. Instead of re-reading the same words, a 3.5 inch line of body copy encourages the reader to move to the next line of type at about the time that she is ready to move her eyes from right to left.\n\nAssessing body copy is easy: squint your eyes while looking at the printed body copy. The overall grayscale value of the printed rectangle (body copy) should be about 40 - 50%. It should not read as stripes of black against the page. In this exercise we will consider adjustments that can be made if the copy is too light or dark.\n<div class=\"textbox\"><strong>Watch Out:<\/strong> If the final product will be printed, the designer should always take time to assess the printed version of the composition. It is incredibly difficult to assess printed typography on the computer screen.<\/div>\n<ol>\n \t<li>Create a new vertical guide at the end of the last \"s\" in Systems.<\/li>\n \t<li>The type tool will create a type box when you click and drag with the Type Tool instead of clicking one time and entering text. Create a type box at about 7.25 inches (vertically), between the two vertical guides. If you want to you can set a guide at 7.25 inches.In the example we have used a paragraph of \u201cdummy\u201d (or placeholder) text that graphic designers have been using since the 1500s. The text begins with the two words, Lorem ipsum, and is often simply referred to as \u201cLorem ipsum\u201d (ie. \u201cPut some Lorem ipsum in there for now, we should be receiving the copy in a couple of days.\u201d). Lorem ipsum is used as placeholder body copy when the actual text is not available, as the letters within the Lorem ipsum text are more or less evenly distributed. Looking at \u201cdummy text inserted here, dummy text inserted here\u201d repeated enough times to create a block of body copy draws attention to itself as the repetition of such few amount of letters becomes a noticeable pattern. <a href=\"http:\/\/www.lipsum.com\/\">http:\/\/www.lipsum.com\/<\/a> offers dummy text by the word count, paragraph count, and byte count. The text generator is at the bottom right of the web page. Generate two paragraphs of text.<\/li>\n \t<li>In the Control panel set your character fonts to Gill Sans (regular) was used at 11 points in this exercise. Copy and paste the Lorem ipsum text from the text file into the new text box.<\/li>\n \t<li>The body copy pasted into the new text box should be left-justified by default; but if it is not, use the Control or Character Palette to set the justification to the left. While the text is left justified, there is a sharp line created by the single letters in a column on the left side. This line extends to the headline, as it is aligned with the S in Systems. By the property of continuation, a line is made from the S to the body copy on the page. While this \"line\" created by the left margin is not as literal or heavy as the black line made in Exercise 2, it is just as relevant to the layout as it provides an intersection with the black line, further defining the grid on the page.<\/li>\n \t<li>Leading is the space between lines of type. The body copy is set at 11 points, and the leading is set at 15.2 points. This is traditionally referred to as 11\/15.2. Insert the Type Tool into any area of the body copy and then press CMD + A on the keyboard to select all of the type within this type box. With all of the type selected, press OPT + Down Arrow to open the leading. In the following two images, the leading has been adjusted and the text box has been resized in consideration of the margin space at the right and bottom of the composition. Notice how opening or loosening the leading creates a slightly lighter grayscale value when you squint your eyes and look at the block of text. Be sure to save your work!\n\n[caption id=\"attachment_817\" align=\"alignnone\" width=\"250\"]<img class=\"size-full wp-image-817\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch4fig13a.png\" alt=\"Leading example 1\" width=\"250\" height=\"169\"> Example 1 - Leading is set to 15.2 pt (points)[\/caption]\n\n[caption id=\"attachment_817\" align=\"alignnone\" width=\"250\"]<img class=\"size-full wp-image-561\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch4fig13b-1.png\" alt=\"\" width=\"250\" height=\"169\"> Example 2 - Leading is set to 15.2 pt (points) with line highlighted in black.[\/caption]\n\n[caption id=\"attachment_817\" align=\"alignnone\" width=\"250\"]<img class=\"size-full wp-image-562\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch4fig13c-1.png\" alt=\"Leading Example 3\" width=\"250\" height=\"169\"> Example 3 - Leading is set to 17.2 pt (points) to increase the line spacing[\/caption]\n\n<div class=\"textbox\">Although this did not occur in our exercise, two other typographic problems to look out for are orphans and widows. An orphan is a single word that dangles on the last line of body copy, and a widow is a single word at the top of a new column of text, before a paragraph break. These are undesirable type happenings that create imbalance and draw attention to a place on the page where you don't necessarily want the viewer to focus.<\/div>\n&nbsp;<\/li>\n<\/ol>\n<div><\/div>","rendered":"<p>Body copy is the content of an article, a book chapter, an essay on a web page, and so on. Body copy should be set within a text box in all of the Creative Cloud\u00ae programs. As body copy is usually set within rectangles, consider the overall shape of text to normally create a rectangular shape on the page. By utilizing a grid system, the production artist controls how many columns of text appear in the final layout.<\/p>\n<p>The artist should be interested in creating legible body copy. Legible body copy is not too big, too small, too lengthy, too short, too light, or too dark. For a considerable amount of body copy (a full article, for example), the copy should be set in columns between 3.5 and 4 inches in length or 35 &#8211; 65 characters. This is the point at which many readers begin to read back over the words that they have already read. Instead of re-reading the same words, a 3.5 inch line of body copy encourages the reader to move to the next line of type at about the time that she is ready to move her eyes from right to left.<\/p>\n<p>Assessing body copy is easy: squint your eyes while looking at the printed body copy. The overall grayscale value of the printed rectangle (body copy) should be about 40 &#8211; 50%. It should not read as stripes of black against the page. In this exercise we will consider adjustments that can be made if the copy is too light or dark.<\/p>\n<div class=\"textbox\"><strong>Watch Out:<\/strong> If the final product will be printed, the designer should always take time to assess the printed version of the composition. It is incredibly difficult to assess printed typography on the computer screen.<\/div>\n<ol>\n<li>Create a new vertical guide at the end of the last &#8220;s&#8221; in Systems.<\/li>\n<li>The type tool will create a type box when you click and drag with the Type Tool instead of clicking one time and entering text. Create a type box at about 7.25 inches (vertically), between the two vertical guides. If you want to you can set a guide at 7.25 inches.In the example we have used a paragraph of \u201cdummy\u201d (or placeholder) text that graphic designers have been using since the 1500s. The text begins with the two words, Lorem ipsum, and is often simply referred to as \u201cLorem ipsum\u201d (ie. \u201cPut some Lorem ipsum in there for now, we should be receiving the copy in a couple of days.\u201d). Lorem ipsum is used as placeholder body copy when the actual text is not available, as the letters within the Lorem ipsum text are more or less evenly distributed. Looking at \u201cdummy text inserted here, dummy text inserted here\u201d repeated enough times to create a block of body copy draws attention to itself as the repetition of such few amount of letters becomes a noticeable pattern. <a href=\"http:\/\/www.lipsum.com\/\">http:\/\/www.lipsum.com\/<\/a> offers dummy text by the word count, paragraph count, and byte count. The text generator is at the bottom right of the web page. Generate two paragraphs of text.<\/li>\n<li>In the Control panel set your character fonts to Gill Sans (regular) was used at 11 points in this exercise. Copy and paste the Lorem ipsum text from the text file into the new text box.<\/li>\n<li>The body copy pasted into the new text box should be left-justified by default; but if it is not, use the Control or Character Palette to set the justification to the left. While the text is left justified, there is a sharp line created by the single letters in a column on the left side. This line extends to the headline, as it is aligned with the S in Systems. By the property of continuation, a line is made from the S to the body copy on the page. While this &#8220;line&#8221; created by the left margin is not as literal or heavy as the black line made in Exercise 2, it is just as relevant to the layout as it provides an intersection with the black line, further defining the grid on the page.<\/li>\n<li>Leading is the space between lines of type. The body copy is set at 11 points, and the leading is set at 15.2 points. This is traditionally referred to as 11\/15.2. Insert the Type Tool into any area of the body copy and then press CMD + A on the keyboard to select all of the type within this type box. With all of the type selected, press OPT + Down Arrow to open the leading. In the following two images, the leading has been adjusted and the text box has been resized in consideration of the margin space at the right and bottom of the composition. Notice how opening or loosening the leading creates a slightly lighter grayscale value when you squint your eyes and look at the block of text. Be sure to save your work!<br \/>\n<figure id=\"attachment_817\" aria-describedby=\"caption-attachment-817\" style=\"width: 250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-817\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch4fig13a.png\" alt=\"Leading example 1\" width=\"250\" height=\"169\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch4fig13a.png 250w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch4fig13a-65x44.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch4fig13a-225x152.png 225w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><figcaption id=\"caption-attachment-817\" class=\"wp-caption-text\">Example 1 &#8211; Leading is set to 15.2 pt (points)<\/figcaption><\/figure>\n<figure id=\"attachment_817\" aria-describedby=\"caption-attachment-817\" style=\"width: 250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-561\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch4fig13b-1.png\" alt=\"\" width=\"250\" height=\"169\" \/><figcaption id=\"caption-attachment-817\" class=\"wp-caption-text\">Example 2 &#8211; Leading is set to 15.2 pt (points) with line highlighted in black.<\/figcaption><\/figure>\n<figure id=\"attachment_817\" aria-describedby=\"caption-attachment-817\" style=\"width: 250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-562\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch4fig13c-1.png\" alt=\"Leading Example 3\" width=\"250\" height=\"169\" \/><figcaption id=\"caption-attachment-817\" class=\"wp-caption-text\">Example 3 &#8211; Leading is set to 17.2 pt (points) to increase the line spacing<\/figcaption><\/figure>\n<div class=\"textbox\">Although this did not occur in our exercise, two other typographic problems to look out for are orphans and widows. An orphan is a single word that dangles on the last line of body copy, and a widow is a single word at the top of a new column of text, before a paragraph break. These are undesirable type happenings that create imbalance and draw attention to a place on the page where you don&#8217;t necessarily want the viewer to focus.<\/div>\n<p>&nbsp;<\/li>\n<\/ol>\n<div><\/div>\n","protected":false},"author":515,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["xtine-burrough","michael-mandiberg"],"pb_section_license":"cc-by-nc-sa"},"chapter-type":[48],"contributor":[65,64],"license":[56],"class_list":["post-820","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":798,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/users\/515"}],"version-history":[{"count":1,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/820\/revisions"}],"predecessor-version":[{"id":821,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/820\/revisions\/821"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/798"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/820\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=820"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=820"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=820"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}