{"id":853,"date":"2017-06-29T00:49:56","date_gmt":"2017-06-29T04:49:56","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/5-1-exercise-1-hue-has-value\/"},"modified":"2020-09-27T16:35:43","modified_gmt":"2020-09-27T20:35:43","slug":"5-1-exercise-1-hue-has-value","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/5-1-exercise-1-hue-has-value\/","title":{"raw":"5.1 Exercise 1: Hue has value!","rendered":"5.1 Exercise 1: Hue has value!"},"content":{"raw":"
    \n \t
  1. Create a new document in Illustrator\u00ae using basic CYMK color mode in landscape orientation. Adjust the settings so the units are measured in inches and choose letter from the Size pull-down menu. We named our document hue-has-value.\n\n[caption id=\"attachment_846\" align=\"alignnone\" width=\"400\"]\"New Create a new document in Adobe\u00ae Illustrator\u00ae[\/caption]<\/li>\n \t
  2. Using the Rectangle Shape Tool, draw five squares on the Artboard. Check to make sure your smart guides are turned on. The guides help you with alignment. View > \u2713Smart Guides. Hold down the shift key (SHFT) while dragging each square to keep the proportions equal. Evenly distribute the squares by selecting all 5 squares, clicking \"Horizontal Distribute Left\" under the Align Panel (Windows > Align) as we did in chapter 3.\n\n[caption id=\"attachment_684\" align=\"alignnone\" width=\"600\"]\"Hue-has-value Using the Rectangle Tool, duplicating and aligning functions to create 5 squares.[\/caption]<\/li>\n \t
  3. For each square, choose a fill color of a different hue with different values. Do not use a stroke. Remember to select the shape before you select a new color from the Swatches or Color Panel.\n\n[caption id=\"attachment_685\" align=\"alignnone\" width=\"400\"]\"Color Each square has a different hue with a different value. Choose color from the Swatches panel (above) or the Color Fill (below).[\/caption]<\/li>\n \t
  4. Select all of the shapes by marqueeing over all of them with the Selection Tool or hold SHFT and click each shape with the Selection Tool. Hold the option key (OPT) while dragging the squares to create a duplicate set. If you hold the shift key after you begin dragging the mouse, the duplicate copy will move only in straight or 45 degree movements.\n\n[caption id=\"attachment_686\" align=\"alignnone\" width=\"600\"]\"Duplicating Selecting and duplicating all squares simultaneously .[\/caption]<\/li>\n \t
  5. Select one of the duplicate squares with the Selection Tool then click on the Color Panel pull-down menu. The Color Panel is located in the panels on the right side of your Illustrator\u00ae workspace. The pull-down menu can be accessed by clicking on the down arrow located in the top right area of the Color Panel. \u00a0Choose \"Grayscale.\" This removes the Hue from the square and results in demonstrating the value of the associated hue. Repeat this step for each of the squares in the duplicate set.\n\n[caption id=\"attachment_687\" align=\"alignnone\" width=\"600\"]\"Changing Changing colors to corresponding values using the Color > Grayscale function.[\/caption]<\/li>\n \t
  6. Observe how each hue has an associated value.\n
    <\/div>\n\n[caption id=\"attachment_688\" align=\"alignnone\" width=\"600\"]\"Grayscale Results of hues with associated values[\/caption]<\/li>\n \t
  7. Rearrange each color-grayscale pair according to the grayscale value, with the closest to white at the right, and black at the left. Select each pair (either by marqueeing with the selection tool, or SHFT-clicking on one square followed by the next) and drag it left or right in the grayscale order. Be sure to hold down shift once you have started to drag the mouse as this will keep your movement strictly vertical or horizontal. You may need to select each row and evenly distribute the squares again (see #2 above).\n\n[caption id=\"attachment_689\" align=\"alignnone\" width=\"600\"]\"Reorder Reordering of hues-grayscale pairs according to grayscale value[\/caption]\n\nSave your document.<\/li>\n<\/ol>\n ","rendered":"
      \n
    1. Create a new document in Illustrator\u00ae using basic CYMK color mode in landscape orientation. Adjust the settings so the units are measured in inches and choose letter from the Size pull-down menu. We named our document hue-has-value.
      \n
      \"New
      Create a new document in Adobe\u00ae Illustrator\u00ae<\/figcaption><\/figure>\n<\/li>\n
    2. Using the Rectangle Shape Tool, draw five squares on the Artboard. Check to make sure your smart guides are turned on. The guides help you with alignment. View > \u2713Smart Guides. Hold down the shift key (SHFT) while dragging each square to keep the proportions equal. Evenly distribute the squares by selecting all 5 squares, clicking “Horizontal Distribute Left” under the Align Panel (Windows > Align) as we did in chapter 3.
      \n
      \"Hue-has-value
      Using the Rectangle Tool, duplicating and aligning functions to create 5 squares.<\/figcaption><\/figure>\n<\/li>\n
    3. For each square, choose a fill color of a different hue with different values. Do not use a stroke. Remember to select the shape before you select a new color from the Swatches or Color Panel.
      \n
      \"Color
      Each square has a different hue with a different value. Choose color from the Swatches panel (above) or the Color Fill (below).<\/figcaption><\/figure>\n<\/li>\n
    4. Select all of the shapes by marqueeing over all of them with the Selection Tool or hold SHFT and click each shape with the Selection Tool. Hold the option key (OPT) while dragging the squares to create a duplicate set. If you hold the shift key after you begin dragging the mouse, the duplicate copy will move only in straight or 45 degree movements.
      \n
      \"Duplicating
      Selecting and duplicating all squares simultaneously .<\/figcaption><\/figure>\n<\/li>\n
    5. Select one of the duplicate squares with the Selection Tool then click on the Color Panel pull-down menu. The Color Panel is located in the panels on the right side of your Illustrator\u00ae workspace. The pull-down menu can be accessed by clicking on the down arrow located in the top right area of the Color Panel. \u00a0Choose “Grayscale.” This removes the Hue from the square and results in demonstrating the value of the associated hue. Repeat this step for each of the squares in the duplicate set.
      \n
      \"Changing
      Changing colors to corresponding values using the Color > Grayscale function.<\/figcaption><\/figure>\n<\/li>\n
    6. Observe how each hue has an associated value.\n
      <\/div>\n
      \"Grayscale
      Results of hues with associated values<\/figcaption><\/figure>\n<\/li>\n
    7. Rearrange each color-grayscale pair according to the grayscale value, with the closest to white at the right, and black at the left. Select each pair (either by marqueeing with the selection tool, or SHFT-clicking on one square followed by the next) and drag it left or right in the grayscale order. Be sure to hold down shift once you have started to drag the mouse as this will keep your movement strictly vertical or horizontal. You may need to select each row and evenly distribute the squares again (see #2 above).
      \n
      \"Reorder
      Reordering of hues-grayscale pairs according to grayscale value<\/figcaption><\/figure>\n

      Save your document.<\/li>\n<\/ol>\n

       <\/p>\n","protected":false},"author":515,"menu_order":1,"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-853","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\/853","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\/853\/revisions"}],"predecessor-version":[{"id":854,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/853\/revisions\/854"}],"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\/853\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=853"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=853"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=853"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}