{"id":873,"date":"2017-06-29T00:52:54","date_gmt":"2017-06-29T04:52:54","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/5-3-exercise-3-interaction-of-values\/"},"modified":"2020-09-27T16:35:45","modified_gmt":"2020-09-27T20:35:45","slug":"5-3-exercise-3-interaction-of-values","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/5-3-exercise-3-interaction-of-values\/","title":{"raw":"5.3 Exercise 3: Interaction of values","rendered":"5.3 Exercise 3: Interaction of values"},"content":{"raw":" \n
    \n \t
  1. Create a new document in landscape orientation. Your settings are the same as the last exercise file. Name your file \u2018interaction_of_value\u2019.\n\n[caption id=\"attachment_867\" align=\"alignnone\" width=\"400\"]\"New Create a new Illustrator\u00ae document[\/caption]<\/li>\n \t
  2. Use the Rectangle Tool to create a 20% gray rectangle that covers the whole Artboard, by using the CMYK color sliders to set the K value to 20% and all other sliders to 0%. \u00a0First, choose your rectangle tool and start by clicking in the upper left corner of your artboard and dragging to the lower right corner. While the rectangle is still selected, turn off your stroke color. Next, display the color sliders by clicking on the drop-down menu in the top right corner of the Color Panel (located to the right of your Illustrator\u00ae workspace). Select \"Show Options\" by clicking on the tiny icon to the left of the \"Color\" label on the panel tab that toggles the options for the panel.\n\n[caption id=\"attachment_701\" align=\"alignnone\" width=\"242\"]\"Using Creating a 20% gray by using the CMYK color sliders. The color sliders are accessed through the Color Panel.[\/caption]<\/li>\n \t
  3. Open the Layer Panel (Windows > Layers or locate the Layers icon in the panels to the right of your artboard). The gray shape should be located on Layer 1. Lock Layer 1 so that the gray shape does not move while completing the following steps.\n\n[caption id=\"attachment_702\" align=\"alignnone\" width=\"242\"]\"Locking Locking layers by toggling (turn on\/off) the lock icon[\/caption]\n\nCreate a new layer using the button at the bottom of the Layer Panel.\n\n[caption id=\"attachment_703\" align=\"alignnone\" width=\"333\"]\"Create Create a new layer from the Layers Panel[\/caption]<\/li>\n \t
  4. With Layer 1 locked and Layer 2 selected (highlighted in the Layer Panel), the following steps will be accomplished on Layer 2.<\/li>\n \t
  5. Create Two 3\" x 3\" squares on top of the gray background. Fill one with white, eliminate any stroke color, and fill the other with black. Place the squares side by side, so that the left edge of one touches the right edge of the other in the middle of the gray area.\n\n[caption id=\"attachment_704\" align=\"alignnone\" width=\"600\"]\"Two Two squares, one white and one black[\/caption]<\/li>\n \t
  6. Create one .75\" x .75\" square in the center of the white square. Fill the square with 50% black (middle gray).<\/li>\n \t
  7. Option-drag a copy of this square to the middle of the black square with the Selection Tool. Use the Align tools if necessary (Window > Align).\n\n[caption id=\"attachment_705\" align=\"alignnone\" width=\"600\"]\"example Exercise 3 results. Notice how the middle gray squares inside the black and white areas appear to have different values.[\/caption]\n\nWhen values are placed near or on top of each other, we perceive their values as interacting and affecting one another. It is important to keep this in mind when choosing hue and value combinations, as one value will always influence the appearance of another.\n\nTime to save your file!<\/li>\n<\/ol>","rendered":"

     <\/p>\n

      \n
    1. Create a new document in landscape orientation. Your settings are the same as the last exercise file. Name your file \u2018interaction_of_value\u2019.
      \n
      \"New
      Create a new Illustrator\u00ae document<\/figcaption><\/figure>\n<\/li>\n
    2. Use the Rectangle Tool to create a 20% gray rectangle that covers the whole Artboard, by using the CMYK color sliders to set the K value to 20% and all other sliders to 0%. \u00a0First, choose your rectangle tool and start by clicking in the upper left corner of your artboard and dragging to the lower right corner. While the rectangle is still selected, turn off your stroke color. Next, display the color sliders by clicking on the drop-down menu in the top right corner of the Color Panel (located to the right of your Illustrator\u00ae workspace). Select “Show Options” by clicking on the tiny icon to the left of the “Color” label on the panel tab that toggles the options for the panel.
      \n
      \"Using
      Creating a 20% gray by using the CMYK color sliders. The color sliders are accessed through the Color Panel.<\/figcaption><\/figure>\n<\/li>\n
    3. Open the Layer Panel (Windows > Layers or locate the Layers icon in the panels to the right of your artboard). The gray shape should be located on Layer 1. Lock Layer 1 so that the gray shape does not move while completing the following steps.
      \n
      \"Locking
      Locking layers by toggling (turn on\/off) the lock icon<\/figcaption><\/figure>\n

      Create a new layer using the button at the bottom of the Layer Panel.<\/p>\n

      \"Create
      Create a new layer from the Layers Panel<\/figcaption><\/figure>\n<\/li>\n
    4. With Layer 1 locked and Layer 2 selected (highlighted in the Layer Panel), the following steps will be accomplished on Layer 2.<\/li>\n
    5. Create Two 3″ x 3″ squares on top of the gray background. Fill one with white, eliminate any stroke color, and fill the other with black. Place the squares side by side, so that the left edge of one touches the right edge of the other in the middle of the gray area.
      \n
      \"Two
      Two squares, one white and one black<\/figcaption><\/figure>\n<\/li>\n
    6. Create one .75″ x .75″ square in the center of the white square. Fill the square with 50% black (middle gray).<\/li>\n
    7. Option-drag a copy of this square to the middle of the black square with the Selection Tool. Use the Align tools if necessary (Window > Align).
      \n
      \"example
      Exercise 3 results. Notice how the middle gray squares inside the black and white areas appear to have different values.<\/figcaption><\/figure>\n

      When values are placed near or on top of each other, we perceive their values as interacting and affecting one another. It is important to keep this in mind when choosing hue and value combinations, as one value will always influence the appearance of another.<\/p>\n

      Time to save your file!<\/li>\n<\/ol>\n","protected":false},"author":515,"menu_order":3,"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-873","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":844,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/873","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\/873\/revisions"}],"predecessor-version":[{"id":874,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/873\/revisions\/874"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/844"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/873\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=873"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=873"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=873"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}