{"id":1219,"date":"2017-06-30T17:03:55","date_gmt":"2017-06-30T21:03:55","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/14-2-exercise-2-fundamentals-for-the-layout\/"},"modified":"2020-09-27T16:36:29","modified_gmt":"2020-09-27T20:36:29","slug":"14-2-exercise-2-fundamentals-for-the-layout","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/14-2-exercise-2-fundamentals-for-the-layout\/","title":{"raw":"14.2 Exercise 2: Fundamentals for the Layout","rendered":"14.2 Exercise 2: Fundamentals for the Layout"},"content":{"raw":"
    \n \t
  1. Open InDesign<\/strong> and create a new document<\/strong> using the following specifications shown here:\"Screen\nAfter you\u2019ve created your document, save it as ch14-yourlastname-firstname.indd<\/strong><\/li>\n \t
  2. Use File > Place<\/strong> and place the skyline.psd<\/strong> image you created in the previous exercise into your InDesign\u00ae document. Using the column guides as a reference, drag the image out to span 7 columns wide (leave the first three columns on the left side of the spread empty).\n\n[caption id=\"attachment_879\" align=\"alignnone\" width=\"1382\"]\"Screen Scale the placed image so that it is 7 columns wide and positioned on the right side of the spread.[\/caption]\n\nOnce the image is placed, adjust its frame height<\/strong> so that it reaches the top and bottom margins. Use the Fill Frame Proportionally button<\/strong> in the Control Bar to scale the image up so that it fills the frame.\n\n[caption id=\"attachment_881\" align=\"alignnone\" width=\"397\"]\"Screen The \"Fill frame proportionally\" button can be used to quickly re-scale an image frame's content to fit its frame while retaining the image's original proportions.[\/caption]\n\nThen use the Selection Tool and the circle in the middle of the image frame to position the image within the frame so that it\u2019s similar to the example here.\n\n\"ScreenMake sure your Layers Panel is showing (if it\u2019s not, use Window > Layers to show it) and name the active layer image<\/strong>, lock it, then save your file.\n\n\"Screen<\/li>\n \t
  3. Create a new layer named text<\/strong> and make sure it's the active layer. Activate the Type Tool<\/strong> and use the Control Bar or the Character Panel to choose \"Myriad Pro Regular\" for your font. Now draw a text frame starting at the upper left of the column grid and dragging to the right so that it spans all 5 columns of the left page. Type \u201cA Room with a View\u201d (without the quotation marks) into the text frame. Select all of the text you typed and set the following type specs: Font size: 100pt, Leading (line spacing): 82pt.\n\n\"Screen\n\nNext, put your type cursor in between the words \"Room\" and \"with\" and delete the space. Then use Shift+Enter to add a soft return to set the headline in two lines.\n\n\"Screen\n\nIn the paragraph settings<\/strong> (in the Control Bar or the Paragraph Panel), set the Left Indent<\/strong> to 7p1<\/strong> and the First Line Left Indent<\/strong> to -7p1<\/strong> (make sure you include the minus sign there, this should set the second line so that it's indented and the words \"Room\" and \"with\" are in vertical alignment as shown below).\n\n\"Screen\n\n[caption id=\"attachment_887\" align=\"alignnone\" width=\"294\"]\"Screen The \"Fit frame to content\" button re-sizes a frame's width and height to match the boundaries established by the content of the frame. This is a quick way of cleaning up frames that are larger than necessary after formatting text.[\/caption]\n\nOnce you have the headline set, activate the Selection Tool<\/strong> and click the Fit frame to content button<\/strong> in the Control Bar<\/strong>. Then click a blank area on the page to make sure that the headline text frame is not selected.<\/li>\n \t
  4. Now we\u2019ll add the intro paragraph for this spread. Drag a horizontal guide from the top Ruler down to the 17p6 mark. This will give us a reference for where to place the top of the intro paragraph text frame we\u2019re about to create.\n\n\"Screen\n\nNow use File > Place<\/strong> to bring the text file top_paragraph.txt<\/strong> into your document and drag out its text frame so that it spans the second and third columns of the left page and is positioned at the horizontal guide we created.\n\n\"Screen\n\nThen, with that new text frame selected, activate the Type tool<\/strong> and set the following type specs in the Control Bar and Paragraph panel:\n
      \n \t
    • Font: Myriad Pro Regular<\/li>\n \t
    • Size: 20pt<\/li>\n \t
    • Leading: 21pt<\/li>\n \t
    • Tracking: -50<\/li>\n \t
    • Use the All Caps button [TT] to set the text\u00a0to all caps without<\/em> retyping\u00a0it<\/li>\n \t
    • Align right<\/li>\n<\/ul>\n\"ScreenIMG<\/li>\n \t
    • Pull out another horizontal guide from the top ruler, this time positioned at 37p0. Place the next paragraph of text using the bottom_paragraph.txt<\/strong> file. It should span 3 the first columns of the left page and have its top aligned with the new horizontal guide.\n\n\"Screen\n\nSet the type specs for this text frame as follows:\n
        \n \t
      • Font: Minion Pro Regular<\/li>\n \t
      • Size: 12pt<\/li>\n \t
      • Tracking: 0<\/li>\n \t
      • Align left<\/li>\n \t
      • Space After paragraph: 1p0<\/li>\n<\/ul>\n\"Screen\n\nNow that you have all of the basics in place, make sure that you save your file!<\/li>\n<\/ol>","rendered":"
          \n
        1. Open InDesign<\/strong> and create a new document<\/strong> using the following specifications shown here:\"Screen
          \nAfter you\u2019ve created your document, save it as ch14-yourlastname-firstname.indd<\/strong><\/li>\n
        2. Use File > Place<\/strong> and place the skyline.psd<\/strong> image you created in the previous exercise into your InDesign\u00ae document. Using the column guides as a reference, drag the image out to span 7 columns wide (leave the first three columns on the left side of the spread empty).
          \n
          \"Screen
          Scale the placed image so that it is 7 columns wide and positioned on the right side of the spread.<\/figcaption><\/figure>\n

          Once the image is placed, adjust its frame height<\/strong> so that it reaches the top and bottom margins. Use the Fill Frame Proportionally button<\/strong> in the Control Bar to scale the image up so that it fills the frame.<\/p>\n

          \"Screen
          The “Fill frame proportionally” button can be used to quickly re-scale an image frame’s content to fit its frame while retaining the image’s original proportions.<\/figcaption><\/figure>\n

          Then use the Selection Tool and the circle in the middle of the image frame to position the image within the frame so that it\u2019s similar to the example here.<\/p>\n

          \"ScreenMake sure your Layers Panel is showing (if it\u2019s not, use Window > Layers to show it) and name the active layer image<\/strong>, lock it, then save your file.<\/p>\n

          \"Screen<\/li>\n

        3. Create a new layer named text<\/strong> and make sure it’s the active layer. Activate the Type Tool<\/strong> and use the Control Bar or the Character Panel to choose “Myriad Pro Regular” for your font. Now draw a text frame starting at the upper left of the column grid and dragging to the right so that it spans all 5 columns of the left page. Type \u201cA Room with a View\u201d (without the quotation marks) into the text frame. Select all of the text you typed and set the following type specs: Font size: 100pt, Leading (line spacing): 82pt.\n

          \"Screen<\/p>\n

          Next, put your type cursor in between the words “Room” and “with” and delete the space. Then use Shift+Enter to add a soft return to set the headline in two lines.<\/p>\n

          \"Screen<\/p>\n

          In the paragraph settings<\/strong> (in the Control Bar or the Paragraph Panel), set the Left Indent<\/strong> to 7p1<\/strong> and the First Line Left Indent<\/strong> to -7p1<\/strong> (make sure you include the minus sign there, this should set the second line so that it’s indented and the words “Room” and “with” are in vertical alignment as shown below).<\/p>\n

          \"Screen<\/p>\n

          \"Screen
          The “Fit frame to content” button re-sizes a frame’s width and height to match the boundaries established by the content of the frame. This is a quick way of cleaning up frames that are larger than necessary after formatting text.<\/figcaption><\/figure>\n

          Once you have the headline set, activate the Selection Tool<\/strong> and click the Fit frame to content button<\/strong> in the Control Bar<\/strong>. Then click a blank area on the page to make sure that the headline text frame is not selected.<\/li>\n

        4. Now we\u2019ll add the intro paragraph for this spread. Drag a horizontal guide from the top Ruler down to the 17p6 mark. This will give us a reference for where to place the top of the intro paragraph text frame we\u2019re about to create.\n

          \"Screen<\/p>\n

          Now use File > Place<\/strong> to bring the text file top_paragraph.txt<\/strong> into your document and drag out its text frame so that it spans the second and third columns of the left page and is positioned at the horizontal guide we created.<\/p>\n

          \"Screen<\/p>\n

          Then, with that new text frame selected, activate the Type tool<\/strong> and set the following type specs in the Control Bar and Paragraph panel:<\/p>\n

            \n
          • Font: Myriad Pro Regular<\/li>\n
          • Size: 20pt<\/li>\n
          • Leading: 21pt<\/li>\n
          • Tracking: -50<\/li>\n
          • Use the All Caps button [TT] to set the text\u00a0to all caps without<\/em> retyping\u00a0it<\/li>\n
          • Align right<\/li>\n<\/ul>\n

            \"ScreenIMG<\/li>\n

          • Pull out another horizontal guide from the top ruler, this time positioned at 37p0. Place the next paragraph of text using the bottom_paragraph.txt<\/strong> file. It should span 3 the first columns of the left page and have its top aligned with the new horizontal guide.\n

            \"Screen<\/p>\n

            Set the type specs for this text frame as follows:<\/p>\n

              \n
            • Font: Minion Pro Regular<\/li>\n
            • Size: 12pt<\/li>\n
            • Tracking: 0<\/li>\n
            • Align left<\/li>\n
            • Space After paragraph: 1p0<\/li>\n<\/ul>\n

              \"Screen<\/p>\n

              Now that you have all of the basics in place, make sure that you save your file!<\/li>\n<\/ol>\n","protected":false},"author":515,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["xtine-burrough","michael-mandiberg"],"pb_section_license":"cc-by-nc-sa"},"chapter-type":[48],"contributor":[65,64],"license":[56],"class_list":["post-1219","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":1198,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/users\/515"}],"version-history":[{"count":1,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1219\/revisions"}],"predecessor-version":[{"id":1220,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1219\/revisions\/1220"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/1198"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1219\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=1219"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=1219"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=1219"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=1219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}