{"id":3418,"date":"2023-08-25T21:59:11","date_gmt":"2023-08-25T21:59:11","guid":{"rendered":"https:\/\/williamcromar.com\/newmediawiki\/?p=3418"},"modified":"2024-01-12T14:38:00","modified_gmt":"2024-01-12T14:38:00","slug":"unity","status":"publish","type":"post","link":"https:\/\/williamcromar.com\/newmediawiki\/unity\/","title":{"rendered":"Unity"},"content":{"rendered":"\n<div class=\"wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/2d-digital-art\/\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" data-attachment-id=\"15\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/campfire300\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" data-orig-size=\"300,300\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"campfire300\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" alt=\"\" class=\"wp-image-15\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\"\/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/2d-digital-art\/\">2D digital art<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/williamcromar.com\/newmediawiki\/the-neverending-story\/\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" data-attachment-id=\"76\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/2d-digital-art\/neverending\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png\" data-orig-size=\"520,520\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"neverending\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png\" alt=\"\" class=\"wp-image-76\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png 520w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending-300x300.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending-150x150.png 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending-100x100.png 100w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/the-neverending-story\/\">6 | neverending<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-attachment-id=\"2212\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/the-neverending-story\/unity\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity.jpg\" data-orig-size=\"1372,1372\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1530473363&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"unity\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-1024x1024.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-1024x1024.jpg\" alt=\"\" class=\"wp-image-2212\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-1024x1024.jpg 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-300x300.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-150x150.jpg 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-768x768.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity-100x100.jpg 100w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity.jpg 1372w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong>unity<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/div>\n<label for=\"ez-toc-cssicon-toggle-item-69f129e97c731\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f129e97c731\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Multiples_creating_unity\" >Multiples: creating unity<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Strict_grids\" >Strict grids<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Flexible_grids\" >Flexible grids<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#The_Tschichold_canon\" >The Tschichold canon<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Creating_Tchicholds_mantic_canon_in_InDesign\" >Creating Tchichold&#8217;s mantic canon in InDesign<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#New_document\" >New document<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Canonical_guides_and_grids_on_Master_pages\" >Canonical guides and grids on Master pages<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Harmonizing_grids\" >Harmonizing grids<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Harmonizing_margins\" >Harmonizing margins<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Creating_a_Rule_of_Thirds_grid\" >Creating a Rule of Thirds grid<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Creating_a_B-Master\" >Creating a B-Master<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Adding_a_font_and_adding_text_to_A-Master\" >Adding a font and adding text to A-Master<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Find_and_install_the_font\" >Find and install the font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Create_master_text\" >Create master text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Tracking_vs_Kerning\" >Tracking vs. Kerning<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Creating_a_line\" >Creating a line<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Creating_and_linking_text_boxes\" >Creating and linking text boxes<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Understanding_the_loaded_cursor\" >Understanding the loaded cursor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Refining_the_text_boxes\" >Refining the text boxes<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Creating_a_shape\" >Creating a shape<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Save_and_share\" >Save and share<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/#Credits\" >Credits<\/a><\/li><\/ul><\/nav><\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#eeeeee\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p class=\"has-text-align-center\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/unity.indd_.zip\">Download sample file here<\/a><\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Multiples_creating_unity\"><\/span>Multiples: creating unity<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>When creating multi-page documents, the typographic grid is the principal way of organizing page elements. A grid divides a page into columns. An artist can follow the columns strictly, or use them as a rough guide to work within. In this exercise, we will start a two-page product, the first of which will honor Modernist typographic pioneer Jan Tschichold, whose elegant and harmonious work can be seen in an example here.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"1024\" data-attachment-id=\"3426\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/konstruktivisten\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten.jpg\" data-orig-size=\"1379,1973\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"konstruktivisten\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-716x1024.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-716x1024.jpg\" alt=\"\" class=\"wp-image-3426\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-716x1024.jpg 716w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-210x300.jpg 210w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-768x1099.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-1074x1536.jpg 1074w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten-300x429.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/konstruktivisten.jpg 1379w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><figcaption class=\"wp-element-caption\"><em>Jan Tschichold, Die Konstruktivisten (The Constructivists), a poster for exhibition at Kunsthalle Basel,&nbsp;1937<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Strict_grids\"><\/span>Strict grids<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>The Gutenberg Bible visual example follows a very rigid grid structure: the two columns of text have the same line length, which is a measurement of how long a line of text is before it breaks into a new line. The two columns of text also have the same vertical length. When two pages are viewed together in an open book such as this, the pages are read together as a <strong>spread<\/strong>. The pages in this spread follow the grid in the same manner.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"466\" data-attachment-id=\"3427\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/gutenberg_library_of_congress1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/gutenberg_library_of_congress1.jpg\" data-orig-size=\"725,466\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"gutenberg_library_of_congress1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/gutenberg_library_of_congress1.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/gutenberg_library_of_congress1.jpg\" alt=\"\" class=\"wp-image-3427\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/gutenberg_library_of_congress1.jpg 725w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/gutenberg_library_of_congress1-300x193.jpg 300w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><figcaption class=\"wp-element-caption\"><em>Johann Gutenberg, the Gutenberg Bible, ca. 1455<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Flexible_grids\"><\/span>Flexible grids<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>However, the grid can also be used with much flexibility, creating a visual hierarchy. In the <strong>New York Times<\/strong> layout from 1918, seen here, the grid is more complex and versatile. This grid divides the page into eight columns.&nbsp;Counting the columns on this page is easy: find the smallest column and measure its width. Then divide the width of the page with the width of the smallest column. An eight-column grid creates a very flexible layout. Instead of eight even columns of text flowing down the front page of the newspaper, some larger graphic elements like the headline at the top of the page expand across all eight columns. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"468\" height=\"577\" data-attachment-id=\"3428\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/1111_big\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/1111_big.gif\" data-orig-size=\"468,577\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"1111_big\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/1111_big.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/1111_big.gif\" alt=\"\" class=\"wp-image-3428\"\/><figcaption class=\"wp-element-caption\"><em>New York Times, November 11, 1918<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>Other text blocks are given visual emphasis, or create a visual hierarchy on the page by spanning multiple columns. Also, notice the distribution of negative space on the page. Since there is a lot of text on this front page, contrast is created by increasing the leading in some areas of the page and by allowing some of the text blocks to expand beyond one column.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_Tschichold_canon\"><\/span>The Tschichold canon<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>In <strong>The Form of the Book<\/strong>, the Modernist typography pioneer Jan Tschichold expands on a historically reconstructed geometric structure for the design of book pages and spreads. This structure creates text area and margin proportions that relate harmoniously to the blank page proportions. Although the structure works for any page size, Tschichold&#8217;s contribution to the canon includes a discussion of deliberate page proportion. While strongly preferring 2:3 as an ideal ratio, he also suggests 1:1.618 (Golden Section) and 1:\u221a2, among others.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1011\" height=\"768\" data-attachment-id=\"3430\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/golden_canon_of_page_construction-svg\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/Golden_canon_of_page_construction.svg.png\" data-orig-size=\"1011,768\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Golden_canon_of_page_construction.svg\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/Golden_canon_of_page_construction.svg.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/Golden_canon_of_page_construction.svg.png\" alt=\"\" class=\"wp-image-3430\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/Golden_canon_of_page_construction.svg.png 1011w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/Golden_canon_of_page_construction.svg-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/Golden_canon_of_page_construction.svg-768x583.png 768w\" sizes=\"auto, (max-width: 1011px) 100vw, 1011px\" \/><figcaption class=\"wp-element-caption\"><em>Synthesis of Tschichold&#8217;s Fig. 5 (golden canon of page construction, using the diagonals and relationship illustrated by the circle) and Fig. 6 (Rosarivo&#8217;s equivalent construction, the division into ninths); both rely on a page and type area ratio of 2:3. Notice the similarity of Tschichold&#8217;s canon to the layout of the Gutenberg Bible. Image from Wikimedia Commons<br><\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>The Tschicold canon is a <strong>mantic geometry<\/strong> such as we explored in our <strong>Mandala<\/strong> project.&nbsp;Superficial discussions of this geometry suggest Tschichold is rigidly doctrinaire about such matters as the 2:3 ratio of the page. While he declares it an ideal, he discusses it within a wide range of formatting, page division, and other options in his essay <strong>Consistent Correlation Between Book Page and Type Area<\/strong>, excerpted from <strong>The Form of the Book<\/strong>, which you can&nbsp;<a href=\"https:\/\/www.scribd.com\/doc\/14747396\/Tschichold\" target=\"_blank\" rel=\"noreferrer noopener\">read at this link<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Canons of Page Construction\" src=\"https:\/\/player.vimeo.com\/video\/57018050?dnt=1&amp;app_id=122963\" width=\"1024\" height=\"576\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_Tchicholds_mantic_canon_in_InDesign\"><\/span>Creating Tchichold&#8217;s mantic canon in InDesign<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"New_document\"><\/span>New document<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Open InDesign and create a new document by choosing&nbsp;<strong>File&gt;New&gt;Document<\/strong>.&nbsp;Notice many options in the dialog that opens. We&#8217;ll start by choosing&nbsp;<strong>Print<\/strong>&nbsp;at the top and:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In this exercise, we will enter a custom page size that is standard in the magazine industry: <strong>Width: 50p3<\/strong> and <strong>Height: 65p3<\/strong>. In inches, this equals 8 \u215c&#8221; x 10 \u215e&#8221;, nominally an 8.5 x 11 but with room for a page trim after binding. Although it is not the canonical 2:3 or 1:\u221a2, it is an Imperial unit approximation of 10:13, a rationalization of two Golden Rectangles stacked on top of one another.<\/li>\n\n\n\n<li>Uncheck <strong>Facing Pages<\/strong><\/li>\n\n\n\n<li>Enter 2 for the number of <strong>Pages<\/strong>&nbsp;<\/li>\n\n\n\n<li>Leave <strong>Columns<\/strong> and <strong>Margins<\/strong> as defaults for now<\/li>\n\n\n\n<li>Under <strong>Bleed and Slug<\/strong>, set a linked <strong>Bleed<\/strong> value of 0p9 (about \u215b&#8221;)<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"899\" data-attachment-id=\"3433\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/01_unity_newdoc\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc.png\" data-orig-size=\"850,899\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"01_unity_newdoc\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc.png\" alt=\"\" class=\"wp-image-3433\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc.png 850w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc-284x300.png 284w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc-768x812.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_unity_newdoc-300x317.png 300w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n<\/div>\n\n\n<p>Save the document at this point and name it&nbsp;<strong>unity.indd<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Canonical_guides_and_grids_on_Master_pages\"><\/span>Canonical guides and grids on Master pages<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>&nbsp;We will create a document grid, margins, and guides that will allow us to easily incorporate the Tschichold canon, creating proportional unity between page and content.<\/p>\n\n\n\n<p>First, go to <strong>View &gt; Show Rulers<\/strong> and open the rulers if they are not visible. Use the ruler <strong>CONTROL+click<\/strong> trick from our earlier discussion of <strong><a href=\"http:\/\/newmediawiki.pbworks.com\/w\/page\/127463399\/neverendingGraphicUnits\">Units<\/a><\/strong> to change the measuring unit for each ruler to <strong>Pica<\/strong> if needed.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>Open the <strong>Pages Palette<\/strong>, and notice that along with our 2 pages, there is a list of <strong>Master<\/strong> pages.&nbsp;Master pages commonly contain a grid and any recurring design elements. They allow you to create a consistent layout throughout the pages in a publication and they make it possible to automate layout changes because any modification you make to a master page is automatically reflected on all the pages to which it is applied. You can create multiple master pages, which can be applied to any page within the document. By default, a new document\u2019s pages are all based on <strong>A-Master<\/strong>, even though <strong>A-Master<\/strong> is empty. But not for long: double-click on <strong>A-Master<\/strong> to edit.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"474\" data-attachment-id=\"3435\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/02z_unity_amaster\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02z_unity_amaster.png\" data-orig-size=\"390,474\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"02z_unity_amaster\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02z_unity_amaster.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02z_unity_amaster.png\" alt=\"\" class=\"wp-image-3435\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02z_unity_amaster.png 390w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02z_unity_amaster-247x300.png 247w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02z_unity_amaster-300x365.png 300w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Harmonizing_grids\"><\/span>Harmonizing grids<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Harmonize the grids in the&nbsp;<strong>Preferences<\/strong>&nbsp;as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to  <strong>View&gt;Guides &amp; Grids&gt;Show Document Grid <\/strong>to view if you don&#8217;t see it.&nbsp;While here go to <strong>View&gt;Guides &amp; Grids&gt;Show Baseline Grid<\/strong> to view it.<\/li>\n\n\n\n<li>Go to <strong>InDesign CC&gt;Preferences&gt;Grid<\/strong> and:\n<ul class=\"wp-block-list\">\n<li>Change <strong>Document Grid<\/strong> units to <strong>Horizontal: 5p7<\/strong> and <strong>Vertical: 7p3<\/strong>. We arrive at these values by dividing the overall page width (50p3) and height (65p3) by 9. This divides the page into 9 modules horizontally and vertically, as prescribed by the canon.&nbsp;<\/li>\n\n\n\n<li>Change the <strong>Baseline Grid <\/strong>value to<strong> Start: 7p3,<\/strong>&nbsp;an <strong>Increment Every: 29pt,<\/strong> and a<strong> View Threshold: 50%<\/strong>.&nbsp;The <strong>baseline<\/strong> is a mantic line upon which your type&#8217;s bottom edge rests, and the blue baseline grid organizes lines of type. It does not and should not always line up with the document grid, but it can harmonize with it.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"699\" data-attachment-id=\"3437\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/02a_unity_grid_and_baseline\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02a_unity_grid_and_baseline.png\" data-orig-size=\"746,699\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"02a_unity_grid_and_baseline\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02a_unity_grid_and_baseline.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02a_unity_grid_and_baseline.png\" alt=\"\" class=\"wp-image-3437\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02a_unity_grid_and_baseline.png 746w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02a_unity_grid_and_baseline-300x281.png 300w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3438\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/02_unity_grid\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"02_unity_grid\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid-1024x778.png\" alt=\"\" class=\"wp-image-3438\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_unity_grid.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>The Document Grid, harmonized with&#8230;<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3439\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/02b_unity_baseline\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"02b_unity_baseline\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline-1024x778.png\" alt=\"\" class=\"wp-image-3439\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02b_unity_baseline.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>&#8230; the Baseline Grid, in blue<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Harmonizing_margins\"><\/span> Harmonizing margins<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Next, harmonize the margins with the grid by going to <strong>Layout&gt;Margins &amp; Columns&#8230;<\/strong> to unlink Margins and set <strong>Top: 7p3<\/strong>, <strong>Bottom:<\/strong>&nbsp;<strong>14p6<\/strong>, <strong>Left:<\/strong>&nbsp;<strong>5p7<\/strong>, and<strong> Right: 11p2<\/strong>. If done correctly, margins align with the document grid canonically.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"263\" data-attachment-id=\"3441\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/03_unity_margin_dialog\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03_unity_margin_dialog.png\" data-orig-size=\"502,263\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"03_unity_margin_dialog\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03_unity_margin_dialog.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03_unity_margin_dialog.png\" alt=\"\" class=\"wp-image-3441\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03_unity_margin_dialog.png 502w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03_unity_margin_dialog-300x157.png 300w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3442\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/03a_unity_margin\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"03a_unity_margin\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin-1024x778.png\" alt=\"\" class=\"wp-image-3442\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/03a_unity_margin.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Margins harmonizing with Document Grid<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_Rule_of_Thirds_grid\"><\/span>Creating a Rule of Thirds grid<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Finally, we will set up a small set of guides diving the page in a <strong>Rule of Thirds<\/strong> grid. Guides are created by dragging them from the horizontal and vertical rulers in all Adobe programs. To set up, first go to <strong>View &gt; Guides &amp; Grids  &gt; Snap to Document Grid<\/strong> to help align the guides with the grid. Then start dragging and releasing them OUTSIDE the bounds of the page, so they can be seen spanning to other pages and spreads:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Starting with the horizontal ruler at the top of the document window, click into the ruler and drag the first guide to <strong>21p9<\/strong>, using the vertical ruler at the left of the document window as a reference. Drag the second guide to <strong>43p6<\/strong>.<\/li>\n\n\n\n<li>Follow this by dragging a first guide from the vertical ruler to<strong> 16p9<\/strong>, using the horizontal ruler as a reference. Repeat for the final guide at <strong>33p6<\/strong>. If done correctly, the guides align with the primary divisions in the document grid.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3445\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/04_unity_guides\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"04_unity_guides\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides-1024x778.png\" alt=\"\" class=\"wp-image-3445\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_unity_guides.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Guides, making Rule of Thirds, with grid off for clarity<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Exit <strong>A-Master<\/strong>, right-click on Page 1 in the Pages Palette, in the dropout options select <strong>Apply Master to Pages&#8230;<\/strong>, and in the dialog select A-Master. Notice the Rule of Thirds guides are applied now to Page 1 \u2014 notice also they are locked because master page items cannot be edited on a regular page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_B-Master\"><\/span>Creating a B-Master<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Our final master page creation task is to develop a B-Master. To avoid repeating work, we&#8217;ll base it on the A-Master. Return to highlight A-Master in the Pages Palette, right-click to open dropout options, and select <strong>New Master&#8230; <\/strong>to open a dialog box. Here, under<strong> Prefix: B<\/strong>, choose <strong>Based on Master: A-Master<\/strong>. Observe your new master created in the Pages Palette. Apply B-Master to Page 2.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"393\" height=\"525\" data-attachment-id=\"3449\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/05a_unity_bmaster2\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05a_unity_bmaster2.png\" data-orig-size=\"393,525\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"05a_unity_bmaster2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05a_unity_bmaster2.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05a_unity_bmaster2.png\" alt=\"\" class=\"wp-image-3449\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05a_unity_bmaster2.png 393w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05a_unity_bmaster2-225x300.png 225w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05a_unity_bmaster2-300x401.png 300w\" sizes=\"auto, (max-width: 393px) 100vw, 393px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3448\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/05_unity_bmaster-1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"05_unity_bmaster-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1-1024x778.png\" alt=\"\" class=\"wp-image-3448\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_unity_bmaster-1.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adding_a_font_and_adding_text_to_A-Master\"><\/span>Adding a font and adding text to A-Master<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now that canonical guides, grids, and margins are established, we want to add a text element to a master page. Like the guides, any text or shape element that shows up on a master page will automatically show up on any regular page to which the master is applied. And, like the guides, it will not be editable on a regular page, only on a master.<\/p>\n\n\n\n<p>To add our text element, we have an administrative task to do first. In our design, we wish to use the font named <strong>Tschichold<\/strong>&nbsp;by <a href=\"http:\/\/www.peter-wiegel.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">Peter Weigel<\/a>. This font is licensed free for non-commercial use such as ours, and was designed in honor of Jan Tschichold. We can add it to our system on a Mac using Font Book. This is one of the few administrative tasks our students can do on networked machines in the studio. Keep in mind, however, that the font will not permanently install, so keep your folder of fonts handy in a folder in the cloud or on an external drive to install before working on a file that contains it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Find_and_install_the_font\"><\/span><a><\/a>Find and install the font<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>There are many font service websites out there where you can find the <strong>Tschichold<\/strong> font. We used <strong>FFonts.net<\/strong> at the link <a href=\"https:\/\/www.ffonts.net\/Tschichold.font#\">https:\/\/www.ffonts.net\/Tschichold.font#<\/a>. Find the font and download it. There may be several fonts in a font family when you download. Observe the fonts in a Finder window (below left), and click on one to automatically open it in the <strong>Font Book<\/strong> app.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" data-attachment-id=\"3451\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/06_unity_tfontwindow\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_unity_tfontwindow.png\" data-orig-size=\"755,425\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"06_unity_tfontwindow\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_unity_tfontwindow.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_unity_tfontwindow.png\" alt=\"\" class=\"wp-image-3451\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_unity_tfontwindow.png 755w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_unity_tfontwindow-300x169.png 300w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption class=\"wp-element-caption\"><em>Click on one of the&nbsp;<strong>.ttf&nbsp;<\/strong>fonts&#8230;<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"309\" data-attachment-id=\"3452\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/06a_unity_fontbook\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06a_unity_fontbook.png\" data-orig-size=\"400,309\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"06a_unity_fontbook\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06a_unity_fontbook.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06a_unity_fontbook.png\" alt=\"\" class=\"wp-image-3452\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06a_unity_fontbook.png 400w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06a_unity_fontbook-300x232.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption class=\"wp-element-caption\"><em>&#8230; to open it in Font Book<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>Double-click on each .ttf font to open it in Font Book, then click&nbsp;Install Font&nbsp;to load them into the system. In the Font Book window, you&#8217;ll see all the fonts listed as they install, illustrated below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"701\" data-attachment-id=\"3454\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/06b_unity_fontbook2\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2.png\" data-orig-size=\"1244,852\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"06b_unity_fontbook2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2-1024x701.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2-1024x701.png\" alt=\"\" class=\"wp-image-3454\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2-1024x701.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2-300x205.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2-768x526.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06b_unity_fontbook2.png 1244w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Create_master_text\"><\/span>Create master text<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Use the <strong>Type Tool<\/strong> to create the text on A-Master using our new font. All text in InDesign is box-based; there is not a single-line type option like there is in Illustrator. So click-hold-drag to generate a type box as illustrated below. The data for this box is <strong>X: 16p9<\/strong> and<strong> Y: 19p4<\/strong> for the origin of the box at the upper right, with the width at <strong>33p6<\/strong> and height at <strong>4p10<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3455\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/07_unity_typetool\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"07_unity_typetool\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool-1024x778.png\" alt=\"\" class=\"wp-image-3455\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_unity_typetool.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>With the type tool active, type in &#8220;tschichold&#8221; in all lowercase, using <strong>Tschichold Bold<\/strong> at <strong>60pt<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3456\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/07a_unity_typetracking\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"07a_unity_typetracking\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking-1024x778.png\" alt=\"\" class=\"wp-image-3456\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07a_unity_typetracking.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Select the type and notice that the Fill Color at the bottom of the Toolbar turns into a <strong>Type Color<\/strong> option. Set this <strong>Type Color<\/strong> by double clicking on it to open the <strong>Color Picker<\/strong>, and set every channel in CMYK to equal 50%.&nbsp;Next, look for <strong>Tracking<\/strong> in the<strong> Options Palette<\/strong>, set the Tracking for <strong>280 <\/strong>\u2014 a large number, so you have to type it in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tracking_vs_Kerning\"><\/span>Tracking vs. Kerning<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>Let&#8217;s review the difference between <strong>Tracking<\/strong> and the option right above it in the Options Palette, called <strong>Kerning<\/strong>. Both involve letter spacing but in different ways. Tracking adjusts the spacing across a group of letters at the top right, while Kerning adjusts the space between two letters for more fine grain control. Note the space between the V and the A in the sample at the bottom right.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"120\" data-attachment-id=\"3457\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/07aa_tracking_vs_kerning-svg\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07aa_Tracking_vs_Kerning.svg.png\" data-orig-size=\"279,120\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"07aa_Tracking_vs_Kerning.svg\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07aa_Tracking_vs_Kerning.svg.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07aa_Tracking_vs_Kerning.svg.png\" alt=\"\" class=\"wp-image-3457\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>When done with color and tracking, the master text expresses itself on Page 1 as you see below left. Here, we&#8217;ve turned off the guides and grids so you can see the negative space around the letterforms.<\/p>\n\n\n\n<p>Finish our master manipulations by selecting <strong>B-Master<\/strong> in the Pages Palette. Notice there is a version of &#8220;tschichold&#8221; loaded here, even though we didn&#8217;t add it \u2014 remember that B-Master is based on A-Master, so when we added the type in A it shows in B. However, we can manipulate this. First, with B-Master selected, go to the dropout menu and select Override All Master Page Items. This will &#8220;unlock&#8221; the master elements like the type box that migrated from A-Master. Next, we&#8217;ll select and change the color of the type on B so that every channel in CMYK=15%. Note the changes in both the Masters and the pages applied.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3459\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/07b_unity_typecolor1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"07b_unity_typecolor1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1-1024x778.png\" alt=\"\" class=\"wp-image-3459\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07b_unity_typecolor1.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Text at A-Master with CMYK 50%,<\/em> <em>as seen on Page 1<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3461\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/07c_unity_typecolor2\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"07c_unity_typecolor2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2-1024x778.png\" alt=\"\" class=\"wp-image-3461\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07c_unity_typecolor2.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Text at B-Master with CMYK 15%,<\/em> <em>as seen on Page 2<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_line\"><\/span>Creating a line<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The remainder of our work for this exercise will happen on Page 1. Page 2 will be used in the next exercise, named <strong>Tension<\/strong>.<\/p>\n\n\n\n<p>Creating a line in InDesign is as simple as it is in Illustrator. Using the <strong>Line Tool<\/strong>, found just below the Type Tool in the Toolbar, click-hold-drag to start the line, then release to end it. <strong>SHIFT+click<\/strong> will constrain the line orthogonally. Lines thus formed can be moved with the black arrow <strong>Selection Tool<\/strong>, and its endpoints can be adjusted with the white arrow <strong>Direct Selection Tool<\/strong>, in a similar manner to Illustrator.<\/p>\n\n\n\n<p>Our line starts at the bleed margin off the page to the left and concludes at the right-hand Rule of Thirds guide. It aligns horizontally at a primary division in the document grid around 29p on the vertical ruler. Using <strong>View &gt; Guides &amp; Grids &gt;<\/strong> <strong>Snap to Document Grid<\/strong> along with <strong>SHIFT+click<\/strong> helps to keep the line drawn precisely. The line does not go all the way across but uses the Rule of Thirds guide as an endpoint to keep the negative space flowing and active. While the line is still selected, set it in the Options Palette to be <strong>0.5pt<\/strong>&nbsp;thick.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3460\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/08_unity_line\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"08_unity_line\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line-1024x778.png\" alt=\"\" class=\"wp-image-3460\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_unity_line.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_and_linking_text_boxes\"><\/span>Creating and linking text boxes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Create a new text box, and visit the link at the button to find the text we will use in a cloud-based shared text file. Copy and paste the text labeled for PAGE 1 in the file. Ignore the other text.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/docs.google.com\/document\/d\/1-WIErSuXokP363ob-hz2i-EdJz-doydERt9dsDTYzJA\/edit?usp=sharing\" style=\"background-color:#bbbbbb\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Visit Unity and Tension shared text file<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>Do not edit the text or type it in by hand. The text we are copying and pasting in are names of fonts designed by Jan Tschichold, along with his birth and death dates.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#eeeeee;flex-basis:50%\">\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#eeeeee\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><em><strong>PRO TIP<\/strong>: When you receive a text from a copywriter, as the designer you are not responsible for text content. You should not even correct an obvious typo or error. Instead, contact the copywriter who will update the text.<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>After copying and pasting, position the upper left corner of the text box and resize it approximately as shown. The one important datum in the illustration below is the left hand border of the text box located at the left-side Rule of Thirds guide, aligning with the <strong>t<\/strong> in<strong> &#8220;tschichold&#8221;<\/strong> text above it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3463\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09_unity_textbox1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"09_unity_textbox1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1-1024x778.png\" alt=\"\" class=\"wp-image-3463\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09_unity_textbox1.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>Use the <strong>Selection Tool<\/strong> to move and resize the text frame\u00a0so the last line is &#8220;lost&#8221; by moving the bottom of the frame higher than the date text. Look at the bottom right corner of the text frame and notice the red square that surrounds a plus sign. This icon means that there is more text stored (but not visible) in the text frame.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"59\" data-attachment-id=\"3464\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09b_loadedcursor01\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09b_loadedcursor01.jpg\" data-orig-size=\"56,59\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"09b_loadedcursor01\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09b_loadedcursor01.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09b_loadedcursor01.jpg\" alt=\"\" class=\"wp-image-3464\"\/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>Red&nbsp;&nbsp;<\/em><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">+<\/mark><\/strong><em>&nbsp;indicates text exceeds frame siz<\/em>e<\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_the_loaded_cursor\"><\/span>Understanding the loaded cursor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>Using the Selection tool, click on the plus sign. Notice that your cursor has changed to a <strong>loaded cursor<\/strong>. InDesign \u201cknows\u201d that you are ready to either 1) link this first text frame to another text frame in the document or 2) click elsewhere to create and link a new text frame to continue displaying content. We will do the latter.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"133\" height=\"132\" data-attachment-id=\"3466\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09c_loadedcursor02\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09c_loadedcursor02.jpg\" data-orig-size=\"133,132\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"09c_loadedcursor02\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09c_loadedcursor02.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09c_loadedcursor02.jpg\" alt=\"\" class=\"wp-image-3466\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09c_loadedcursor02.jpg 133w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09c_loadedcursor02-100x100.jpg 100w\" sizes=\"auto, (max-width: 133px) 100vw, 133px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>A&nbsp;<strong>loaded cursor<\/strong>&nbsp;after clicking the&nbsp;<\/em><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">+<\/mark><\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<p>With the loaded cursor, click and drag a text frame near the bottom margin.&nbsp;The overflow of text in the first frame will automatically flow into the second text frame as seen below. Using the Selection Tool, adjust sizes if necessary so that only the dates are in the second box, and all the font names are in the first box.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3467\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09d_unity_overflowtext\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"09d_unity_overflowtext\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext-1024x778.png\" alt=\"\" class=\"wp-image-3467\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09d_unity_overflowtext.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Using the Type Tool, click inside either of the two text frames and press <strong>COMMAND+A<\/strong> to select all of the text. Make a change to the typeface using the<strong> Type > Font<\/strong> menu. You can also the <strong>Font Family<\/strong> dropout in the <strong>Options Palette<\/strong>, or the <strong>Character\u00a0Palette<\/strong>\u00a0(<strong>Window > Type &amp; Tables > Character<\/strong>). Set the type with <strong>Tschichold Regular<\/strong> with a <strong>Font Size<\/strong> of <strong>14.5pt<\/strong>, <strong>Leading<\/strong> (the space between the baselines) set at <strong>58pt<\/strong>, and <strong>Tracking<\/strong> at <strong>200<\/strong>. Notice that the typeface changes in both text frames because <strong>COMMAND+A<\/strong> (or <strong>Edit > Select All<\/strong>) selects the text in all of the linked frames. After resizing leading and tracking values, you will need to resize the text boxes so that the font names and the dates are in separate boxes as seen below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3469\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09e_unity_formattext\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"09e_unity_formattext\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext-1024x778.png\" alt=\"\" class=\"wp-image-3469\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09e_unity_formattext.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Refining_the_text_boxes\"><\/span>Refining the text boxes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<p>With text formatted, refine the locations for the text boxes as shown here. In particular, note the text box containing dates is rotated to read vertically from bottom to top, using SHIFT to snap to vertical.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:67%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"808\" data-attachment-id=\"3470\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09z_unity_refinetexboxes\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09z_unity_refinetexboxes.png\" data-orig-size=\"622,808\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"09z_unity_refinetexboxes\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09z_unity_refinetexboxes.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09z_unity_refinetexboxes.png\" alt=\"\" class=\"wp-image-3470\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09z_unity_refinetexboxes.png 622w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09z_unity_refinetexboxes-231x300.png 231w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09z_unity_refinetexboxes-300x390.png 300w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>For clarity, toggle the grids off, as we see here:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3474\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09g_unity_refinetexboxes_nogrid\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"09g_unity_refinetexboxes_nogrid\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid-1024x778.png\" alt=\"\" class=\"wp-image-3474\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09g_unity_refinetexboxes_nogrid.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Another way to visualize the elements without the grids is to change out of the default Normal Mode of view and use Preview Mode. Look for this in <strong>View > Screen Mode<\/strong> and select <strong>Preview<\/strong> or look for the icon in the title bar of the window, just above the Options Palette, illustrated below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3475\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/09h_unity_refinetexboxes_preview\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"09h_unity_refinetexboxes_preview\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview-1024x778.png\" alt=\"\" class=\"wp-image-3475\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/09h_unity_refinetexboxes_preview.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_shape\"><\/span>Creating a shape<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Our final design element is a large light gray circle that creates a focal point, similar in function to the light yellow circle in the <strong>Konstruktivisten<\/strong> poster at the top of this title.<\/p>\n\n\n\n<p>Use the <strong>Ellipse Tool<\/strong> with a <strong>SHIFT<\/strong> constraint to draw a circle tangent to margins as shown below. It should touch the left, top, and right margin. Reverse the fill and stroke in the Toolbar so that the fill is black and the stroke is empty. Then use <strong>Opacity<\/strong> at<strong> 10%<\/strong> in Options Palette to lighten the tone and reveal the text.\u00a0 When done, the file looks like the illustration below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3476\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/10_unity_shape\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"10_unity_shape\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape-1024x778.png\" alt=\"\" class=\"wp-image-3476\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Looking at this in Preview Mode, we get a good sense of how it will look as a finished print:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3477\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/10_unity_shape_preview\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"10_unity_shape_preview\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview-1024x778.png\" alt=\"\" class=\"wp-image-3477\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/10_unity_shape_preview.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>The<strong>  Unity<\/strong> portion of the file, celebrating the refined sense of proportion and Gestalt figure and ground perfected by Tschichold, is complete.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Save_and_share\"><\/span>Save and share<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Save a copy of the file to share in your blog at this time, by going to <strong>File&gt;Export<\/strong> and saving as a JPG. This InDesign file will become the basis for the next exercise: <strong>Tension<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Credits\"><\/span>Credits<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"198\" height=\"201\" data-attachment-id=\"2566\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/color-relativity\/df\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/df.jpg\" data-orig-size=\"198,201\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"df\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/df.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/df.jpg\" alt=\"\" class=\"wp-image-2566\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-small-font-size\"><em>For portions of these sections:<\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\" style=\"list-style-type:1\">\n<li class=\"has-small-font-size\">Multiples: creating unity<\/li>\n\n\n\n<li class=\"has-small-font-size\">Creating and linking text boxes<\/li>\n<\/ol>\n\n\n\n<p class=\"has-small-font-size\"><em>Contents have been adapted from <a href=\"http:\/\/wiki.digital-foundations.net\/index.php?title=Main_Page\" target=\"_blank\" rel=\"noreferrer noopener\">Digital Foundations<\/a> by xtine burrough and Michael Mandiberg, modified by williamCromar.&nbsp;Please see the newMediaWiki <a href=\"http:\/\/newmediawiki.pbworks.com\/w\/page\/126122399\/licensingNotes\">licensingNotes<\/a> regarding Digital Foundations derivatives, which are governed by a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\" target=\"_blank\" rel=\"noreferrer noopener\">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported license<\/a>.<\/em><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>2D digital art 6 | neverending unity Download sample file here Multiples: creating unity When creating multi-page documents, the typographic grid is the principal way of organizing page elements. A grid divides a page into columns. An artist can follow the columns strictly, or use them as a rough guide to work within. In this&#8230; <a href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/\">read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,11],"tags":[],"class_list":["post-3418","post","type-post","status-publish","format-standard","hentry","category-2d-digital-art","category-exercises"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Unity - newMediaWiki<\/title>\n<meta name=\"description\" content=\"Unity: Harmonizing grids, baselines, and guides to construct the Tschichold canon mantic grid as basis for a design in honor of its namesake.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Unity - newMediaWiki\" \/>\n<meta property=\"og:description\" content=\"Unity: Harmonizing grids, baselines, and guides to construct the Tschichold canon mantic grid as basis for a design in honor of its namesake.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/williamcromar.com\/newmediawiki\/unity\/\" \/>\n<meta property=\"og:site_name\" content=\"newMediaWiki\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-25T21:59:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-12T14:38:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" \/>\n<meta name=\"author\" content=\"williamCromar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"williamCromar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/\"},\"author\":{\"name\":\"williamCromar\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"headline\":\"Unity\",\"datePublished\":\"2023-08-25T21:59:11+00:00\",\"dateModified\":\"2024-01-12T14:38:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/\"},\"wordCount\":3233,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"image\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"articleSection\":[\"2D digital art\",\"Exercises\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/\",\"name\":\"Unity - newMediaWiki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"datePublished\":\"2023-08-25T21:59:11+00:00\",\"dateModified\":\"2024-01-12T14:38:00+00:00\",\"description\":\"Unity: Harmonizing grids, baselines, and guides to construct the Tschichold canon mantic grid as basis for a design in honor of its namesake.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#primaryimage\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"contentUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"width\":300,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/unity\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#website\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/\",\"name\":\"newMediaWiki\",\"description\":\"because all media are new\",\"publisher\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\",\"name\":\"williamCromar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"width\":1754,\"height\":1754,\"caption\":\"williamCromar\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\"},\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/author\\\/williamcromar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Unity - newMediaWiki","description":"Unity: Harmonizing grids, baselines, and guides to construct the Tschichold canon mantic grid as basis for a design in honor of its namesake.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/williamcromar.com\/newmediawiki\/unity\/","og_locale":"en_US","og_type":"article","og_title":"Unity - newMediaWiki","og_description":"Unity: Harmonizing grids, baselines, and guides to construct the Tschichold canon mantic grid as basis for a design in honor of its namesake.","og_url":"https:\/\/williamcromar.com\/newmediawiki\/unity\/","og_site_name":"newMediaWiki","article_published_time":"2023-08-25T21:59:11+00:00","article_modified_time":"2024-01-12T14:38:00+00:00","og_image":[{"url":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","type":"","width":"","height":""}],"author":"williamCromar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"williamCromar","Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#article","isPartOf":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/"},"author":{"name":"williamCromar","@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"headline":"Unity","datePublished":"2023-08-25T21:59:11+00:00","dateModified":"2024-01-12T14:38:00+00:00","mainEntityOfPage":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/"},"wordCount":3233,"commentCount":0,"publisher":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"image":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#primaryimage"},"thumbnailUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","articleSection":["2D digital art","Exercises"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/williamcromar.com\/newmediawiki\/unity\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/","url":"https:\/\/williamcromar.com\/newmediawiki\/unity\/","name":"Unity - newMediaWiki","isPartOf":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#primaryimage"},"image":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#primaryimage"},"thumbnailUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","datePublished":"2023-08-25T21:59:11+00:00","dateModified":"2024-01-12T14:38:00+00:00","description":"Unity: Harmonizing grids, baselines, and guides to construct the Tschichold canon mantic grid as basis for a design in honor of its namesake.","breadcrumb":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/williamcromar.com\/newmediawiki\/unity\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#primaryimage","url":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","contentUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","width":300,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/williamcromar.com\/newmediawiki\/unity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/williamcromar.com\/newmediawiki\/"},{"@type":"ListItem","position":2,"name":"Unity"}]},{"@type":"WebSite","@id":"https:\/\/williamcromar.com\/newmediawiki\/#website","url":"https:\/\/williamcromar.com\/newmediawiki\/","name":"newMediaWiki","description":"because all media are new","publisher":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/williamcromar.com\/newmediawiki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3","name":"williamCromar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","url":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","contentUrl":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","width":1754,"height":1754,"caption":"williamCromar"},"logo":{"@id":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1"},"url":"https:\/\/williamcromar.com\/newmediawiki\/author\/williamcromar\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/comments?post=3418"}],"version-history":[{"count":20,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3418\/revisions"}],"predecessor-version":[{"id":6124,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3418\/revisions\/6124"}],"wp:attachment":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/media?parent=3418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/categories?post=3418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/tags?post=3418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}