{"id":828,"date":"2017-06-28T02:14:39","date_gmt":"2017-06-28T06:14:39","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/exercise-5-using-color-to-direct-the-viewer\/"},"modified":"2020-09-27T16:35:40","modified_gmt":"2020-09-27T20:35:40","slug":"exercise-5-using-color-to-direct-the-viewer","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/exercise-5-using-color-to-direct-the-viewer\/","title":{"raw":"4.5 Exercise 5: Using color to direct the viewer","rendered":"4.5 Exercise 5: Using color to direct the viewer"},"content":{"raw":"In this exercise, the dot over the \u201ci\u201d will be replaced with a red square. A red square is also placed towards the bottom of the composition, near the start of the body copy see the exercise example in ch4-ourfinalfile.ai) . By repeating this form on two parts of the page, a relationship is made between the headline and the body copy. Red is used intentionally to push the viewer\u2019s eye from the headline to the body copy.\n
    \n \t
  1. To create a focal point in the headline, replace the dot over the i in \u201cGrid\u201d with a red square. Removing one part of a letter is easy, but the letter must first be transformed from a line of editable text to a group of shapes. Before we do this, it must be noted that creating outlines of the original type will annihilate editing possibilities on the text object. When creating outlines around a piece of text, it is a beneficial practice to duplicate the text and leave it in the white space outside of the Artboard for reference or later editing possibilities.With the Selection Tool, click on the \u201cGrid Systems\u201d type, press the option (OPT) key and drag the duplicate copy of the text off of the Artboard. Select the original \u201cGrid Systems\u201d type on the Artboard, then click Type > Create Outlines.\n\n[caption id=\"attachment_822\" align=\"alignnone\" width=\"314\"]\"Location Create Outlines[\/caption]\n\n
    Hot Key:<\/strong> Create Outlines: CMD + SHFT + 0<\/div>\nAfter choosing \u201cCreate Outlines,\u201d the type will be grouped together, so that each of the single letters would move or be transformed as one whole group.<\/li>\n \t
  2. Ungroup the type by clicking Object > Ungroup.\n\n[caption id=\"attachment_564\" align=\"alignnone\" width=\"426\"]\"Object Locating the 'Ungroup' function[\/caption]<\/li>\n \t
  3. Use the Direct Selection Tool to select and delete the dot over the i. When you click to select the dot over the i, the rest of the i will be selected. Marquee over the top portion of the dot (see the illustration below). Zooming in on the type will increase the likelihood of getting this the first time you try it, so don't be afraid to use the Zoom Tool or CMD + =. When part of the top of the i is selected, hit the delete key on your keypad until you see that the top portion of the i is missing.See the following three images, where the Direct Selection Tool marquees over the top half of the letter i, then the delete key is pressed two times.\n\n[caption id=\"attachment_565\" align=\"alignnone\" width=\"250\"]\"Example Example 1: Select the dot above the letter 'i'.[\/caption]\n\n[caption id=\"attachment_566\" align=\"alignnone\" width=\"250\"]\"Example Example 2: Partial deletion of the dot.[\/caption]\n\n[caption id=\"attachment_567\" align=\"alignnone\" width=\"250\"]\"Example Example 3: Full deletion of the dot.[\/caption]<\/li>\n \t
  4. Create a square in place of the dot over the eye with the Rectangle Tool. Change the fill color to a red hue of your choice.<\/li>\n \t
  5. Duplicate the square and move it to the bottom of the composition, just above the first word in the body copy by using the Select Tool and holding OPT while dragging.<\/li>\n \t
  6. While the copy of the square is still selected, double-click the Scale Tool in the Tool Palette. Scale the square by 300%.\n\n[caption id=\"attachment_568\" align=\"alignnone\" width=\"400\"]\"This The Scale dialog box[\/caption]<\/li>\n \t
  7. Finally, position it in place above the copy at the bottom of the page, to the right of the guide.<\/li>\n<\/ol>","rendered":"

    In this exercise, the dot over the \u201ci\u201d will be replaced with a red square. A red square is also placed towards the bottom of the composition, near the start of the body copy see the exercise example in ch4-ourfinalfile.ai) . By repeating this form on two parts of the page, a relationship is made between the headline and the body copy. Red is used intentionally to push the viewer\u2019s eye from the headline to the body copy.<\/p>\n

      \n
    1. To create a focal point in the headline, replace the dot over the i in \u201cGrid\u201d with a red square. Removing one part of a letter is easy, but the letter must first be transformed from a line of editable text to a group of shapes. Before we do this, it must be noted that creating outlines of the original type will annihilate editing possibilities on the text object. When creating outlines around a piece of text, it is a beneficial practice to duplicate the text and leave it in the white space outside of the Artboard for reference or later editing possibilities.With the Selection Tool, click on the \u201cGrid Systems\u201d type, press the option (OPT) key and drag the duplicate copy of the text off of the Artboard. Select the original \u201cGrid Systems\u201d type on the Artboard, then click Type > Create Outlines.
      \n
      \"Location
      Create Outlines<\/figcaption><\/figure>\n
      Hot Key:<\/strong> Create Outlines: CMD + SHFT + 0<\/div>\n

      After choosing \u201cCreate Outlines,\u201d the type will be grouped together, so that each of the single letters would move or be transformed as one whole group.<\/li>\n

    2. Ungroup the type by clicking Object > Ungroup.
      \n
      \"Object
      Locating the ‘Ungroup’ function<\/figcaption><\/figure>\n<\/li>\n
    3. Use the Direct Selection Tool to select and delete the dot over the i. When you click to select the dot over the i, the rest of the i will be selected. Marquee over the top portion of the dot (see the illustration below). Zooming in on the type will increase the likelihood of getting this the first time you try it, so don’t be afraid to use the Zoom Tool or CMD + =. When part of the top of the i is selected, hit the delete key on your keypad until you see that the top portion of the i is missing.See the following three images, where the Direct Selection Tool marquees over the top half of the letter i, then the delete key is pressed two times.
      \n
      \"Example
      Example 1: Select the dot above the letter ‘i’.<\/figcaption><\/figure>\n
      \"Example
      Example 2: Partial deletion of the dot.<\/figcaption><\/figure>\n
      \"Example
      Example 3: Full deletion of the dot.<\/figcaption><\/figure>\n<\/li>\n
    4. Create a square in place of the dot over the eye with the Rectangle Tool. Change the fill color to a red hue of your choice.<\/li>\n
    5. Duplicate the square and move it to the bottom of the composition, just above the first word in the body copy by using the Select Tool and holding OPT while dragging.<\/li>\n
    6. While the copy of the square is still selected, double-click the Scale Tool in the Tool Palette. Scale the square by 300%.
      \n
      \"This
      The Scale dialog box<\/figcaption><\/figure>\n<\/li>\n
    7. Finally, position it in place above the copy at the bottom of the page, to the right of the guide.<\/li>\n<\/ol>\n","protected":false},"author":515,"menu_order":5,"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-828","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":798,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/828","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\/828\/revisions"}],"predecessor-version":[{"id":829,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/828\/revisions\/829"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/798"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/828\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=828"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=828"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=828"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}