{"id":788,"date":"2017-06-09T22:37:45","date_gmt":"2017-06-10T02:37:45","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/3-5-exercise-5-asymmetry-with-imbalanced-visual-weight\/"},"modified":"2020-09-27T16:35:31","modified_gmt":"2020-09-27T20:35:31","slug":"3-5-exercise-5-asymmetry-with-imbalanced-visual-weight","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/3-5-exercise-5-asymmetry-with-imbalanced-visual-weight\/","title":{"raw":"3.5 Exercise 5: Asymmetry with imbalanced visual weight","rendered":"3.5 Exercise 5: Asymmetry with imbalanced visual weight"},"content":{"raw":"In this exercise, the negative space is the white area surrounding the four black circles. The four black circles are asymmetric in regards to the overall composition. The negative space creates more mass than the positive space, and the four black circles pull the viewer\u2019s eye to the bottom of the composition. What is also noteworthy about this exercise is that the four black circles are read as a line by the gestalt law of similarity, where like elements (four circles) are read as a whole line before being perceived individually.\n<ol>\n \t<li>Copy the smaller circle in the fourth rectangle and move it to the empty composition to the right.<\/li>\n \t<li>Create three copies of the small circle within the composition.\n\n[caption id=\"attachment_785\" align=\"alignnone\" width=\"388\"]<img class=\"size-full wp-image-785\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14.png\" alt=\"Results for square 4. Duplicate and aligning circles.\" width=\"388\" height=\"482\"> Results for square 4. Duplicate and aligning circles.[\/caption]<\/li>\n \t<li>Select all four circles using the Selection Tool by marqueeing over them (click and drag over all four, beginning on the Artboard) or by selecting the first circle and then holding SHFT while clicking on each one time with the mouse to add the remaining circles to the selection.\n<div class=\"textbox\">In the lab, we call this \u201cshift-clicking\u201d. Since we will probably refer to \u201cshift-clicking\u201d in future chapters, this always means holding SHFT while clicking on an object in order to add to a selection.<\/div><\/li>\n \t<li>With the four circles selected, view the Align Palette (Window &gt; Align). This panel will be used to distribute the four small circles evenly. Click the fifth button from the left under the \"Distribute Objects\" part of the Align Palette. Hold the mouse over this icon to see a pop up dialog box that displays, \"Horizontal Distribute Center\".<span style=\"color: #ff0000\"><span style=\"color: #ff0000\">\n<\/span><\/span>\n\n[caption id=\"attachment_670\" align=\"alignnone\" width=\"413\"]<img class=\"size-full wp-image-670\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch3fig15-1.png\" alt=\"Location of the Horizontal Distribute Center\" width=\"413\" height=\"194\"> Location of the Horizontal Distribute Center on the Align panel.[\/caption]\n\nIf the circles were not duplicated with the SHIFT key activated (to keep their position in order on one line), the Align Palette can also be used to align the objects with the button, \"Vertical Align Top\".\n<div class=\"textbox\">\n\n<span style=\"color: #ff0000\"><strong>Watch Out:<\/strong><\/span> One time I was demonstrating this and my circles were misbehaving. It turned out I had \u201cAlign to Artboard\u201d activated within my Align panel. If your distribution seems far off, be sure that this option is not active in the bottom section of the Align panel.\n\n[caption id=\"attachment_671\" align=\"alignnone\" width=\"387\"]<img class=\"size-full wp-image-671\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch3fig16-1.png\" alt=\"Align to Artboard\" width=\"387\" height=\"288\"> Location of align to Artboard function[\/caption]\n\nTo access this option go to the menu bar &gt; Window &gt; Align. In the Align panel click on the small \u2018hamburger\u2019 menu icon on the tab bar, choose Show Options and then select Align to Selection.\n\n<\/div><\/li>\n<\/ol>","rendered":"<p>In this exercise, the negative space is the white area surrounding the four black circles. The four black circles are asymmetric in regards to the overall composition. The negative space creates more mass than the positive space, and the four black circles pull the viewer\u2019s eye to the bottom of the composition. What is also noteworthy about this exercise is that the four black circles are read as a line by the gestalt law of similarity, where like elements (four circles) are read as a whole line before being perceived individually.<\/p>\n<ol>\n<li>Copy the smaller circle in the fourth rectangle and move it to the empty composition to the right.<\/li>\n<li>Create three copies of the small circle within the composition.<br \/>\n<figure id=\"attachment_785\" aria-describedby=\"caption-attachment-785\" style=\"width: 388px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-785\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14.png\" alt=\"Results for square 4. Duplicate and aligning circles.\" width=\"388\" height=\"482\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14.png 388w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14-241x300.png 241w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14-65x81.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14-225x280.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch3fig14-350x435.png 350w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><figcaption id=\"caption-attachment-785\" class=\"wp-caption-text\">Results for square 4. Duplicate and aligning circles.<\/figcaption><\/figure>\n<\/li>\n<li>Select all four circles using the Selection Tool by marqueeing over them (click and drag over all four, beginning on the Artboard) or by selecting the first circle and then holding SHFT while clicking on each one time with the mouse to add the remaining circles to the selection.\n<div class=\"textbox\">In the lab, we call this \u201cshift-clicking\u201d. Since we will probably refer to \u201cshift-clicking\u201d in future chapters, this always means holding SHFT while clicking on an object in order to add to a selection.<\/div>\n<\/li>\n<li>With the four circles selected, view the Align Palette (Window &gt; Align). This panel will be used to distribute the four small circles evenly. Click the fifth button from the left under the &#8220;Distribute Objects&#8221; part of the Align Palette. Hold the mouse over this icon to see a pop up dialog box that displays, &#8220;Horizontal Distribute Center&#8221;.<span style=\"color: #ff0000\"><span style=\"color: #ff0000\"><br \/>\n<\/span><\/span><\/p>\n<figure id=\"attachment_670\" aria-describedby=\"caption-attachment-670\" style=\"width: 413px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-670\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch3fig15-1.png\" alt=\"Location of the Horizontal Distribute Center\" width=\"413\" height=\"194\" \/><figcaption id=\"caption-attachment-670\" class=\"wp-caption-text\">Location of the Horizontal Distribute Center on the Align panel.<\/figcaption><\/figure>\n<p>If the circles were not duplicated with the SHIFT key activated (to keep their position in order on one line), the Align Palette can also be used to align the objects with the button, &#8220;Vertical Align Top&#8221;.<\/p>\n<div class=\"textbox\">\n<p><span style=\"color: #ff0000\"><strong>Watch Out:<\/strong><\/span> One time I was demonstrating this and my circles were misbehaving. It turned out I had \u201cAlign to Artboard\u201d activated within my Align panel. If your distribution seems far off, be sure that this option is not active in the bottom section of the Align panel.<\/p>\n<figure id=\"attachment_671\" aria-describedby=\"caption-attachment-671\" style=\"width: 387px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-671\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch3fig16-1.png\" alt=\"Align to Artboard\" width=\"387\" height=\"288\" \/><figcaption id=\"caption-attachment-671\" class=\"wp-caption-text\">Location of align to Artboard function<\/figcaption><\/figure>\n<p>To access this option go to the menu bar &gt; Window &gt; Align. In the Align panel click on the small \u2018hamburger\u2019 menu icon on the tab bar, choose Show Options and then select Align to Selection.<\/p>\n<\/div>\n<\/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":[],"contributor":[65,64],"license":[56],"class_list":["post-788","chapter","type-chapter","status-publish","hentry","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":765,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/788","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\/788\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/788\/revisions\/789"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/765"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/788\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=788"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=788"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}