{"id":907,"date":"2017-06-29T05:40:56","date_gmt":"2017-06-29T09:40:56","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/6-3-exercise-3-curves\/"},"modified":"2020-09-27T16:35:50","modified_gmt":"2020-09-27T20:35:50","slug":"6-3-exercise-3-curves","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/6-3-exercise-3-curves\/","title":{"raw":"6.3 Exercise 3: Curves","rendered":"6.3 Exercise 3: Curves"},"content":{"raw":"<h3>Part A: One curve<\/h3>\n<ol>\n \t<li>The first curve is created in two points. The first anchor point is made by clicking and dragging the mouse slightly upward to imply the direction of the curve. Do not drag all the way over the curve like you are using a pencil or paintbrush, this tool does not work like a pencil or paintbrush. Release the mouse.\n<div class=\"textbox\"><strong>Watch Out!<\/strong> If you set the Pen Tool with a fill and no stroke, the path is filled with color as each point is plotted with the Pen Tool. This can be confusing, even to professionals, while initially setting anchor points.<\/div><\/li>\n \t<li>Click once at the end of the curve and drag slightly downward until the curve looks similar to the template.\n\n[caption id=\"attachment_900\" align=\"alignnone\" width=\"400\"]<img class=\"size-full wp-image-900\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14.png\" alt=\"Creating a curve suing the Bezier Handles\" width=\"400\" height=\"124\"> Creating a curve using the Bezier Handles[\/caption]\n\nDeselect the curve.<\/li>\n<\/ol>\n<h3>Part B: Bezier Handles<\/h3>\nWhen you are finished you will have one curve with two anchor points. Each anchor point will also have bezier handles, which are used to modify sections of the curved line. With the Direct Selection Tool you can modify the anchor points, the line segments, and each bezier handle. Every curve has a mid-way point, the bezier handles pull on each side of this point.\n\n[caption id=\"attachment_724\" align=\"alignnone\" width=\"400\"]<img class=\"size-full wp-image-724\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig15a-1.png\" alt=\"Location of the Bezier &quot;Handle&quot;\" width=\"400\" height=\"115\"> Location of the Bezier \"Handle\"[\/caption]\n\n[caption id=\"attachment_725\" align=\"alignnone\" width=\"385\"]<img class=\"size-full wp-image-725\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig15b-1.png\" alt=\"Changing a shape with the Bezier Handle\" width=\"385\" height=\"146\"> Clicking and dragging the handle to change the shape[\/caption]\n<h3>Part C: Two curves in a row<\/h3>\n<ol>\n \t<li>Click and drag with the Pen Tool in the direction of the first curve. Release the mouse.\n\n[caption id=\"attachment_726\" align=\"alignnone\" width=\"360\"]<img class=\"size-full wp-image-726\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig16-1.png\" alt=\"Setting a curved point\" width=\"360\" height=\"240\"> You only need to click and drag a short distance to set the first curved point[\/caption]<\/li>\n \t<li>Click at the end of the first curve and drag down with the mouse \u2013 this tells the Pen Tool the direction of the next curve. Release the mouse.\n\n[caption id=\"attachment_727\" align=\"alignnone\" width=\"360\"]<img class=\"size-full wp-image-727\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig17-1.png\" alt=\"Setting the second anchor point to create the curve\" width=\"360\" height=\"240\"> Creating a second anchor point to set the direction of the curve[\/caption]<\/li>\n \t<li>Click at the end point of the last curve and the final curve is made between the last two anchor points.\n\n[caption id=\"attachment_728\" align=\"alignnone\" width=\"360\"]<img class=\"size-full wp-image-728\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig18-1.png\" alt=\"The completed curve\" width=\"360\" height=\"240\"> It takes time and practice to master the Pen Tool![\/caption]\n\nWhen you are working with the Pen Tool, you have to think ahead of the tool, towards the place where the line changes. Where does the curve change directions? This will inform where you click and how you drag the mouse.<\/li>\n<\/ol>\n<h3>Part D: Deleting and adding anchor points<\/h3>\nYou can click on an anchor point with the Direct Selection Tool and hit the delete key, or if the anchor is in the middle of a path, you can use the Subtract Anchor Point Tool (Pen Minus) to click on an anchor point you want to delete. You can use the Add Anchor Point Tool (Pen Plus) to add an anchor point any place on a path if you need to add a curve or hard angle after you\u2019ve finished creating your path with the Pen Tool.\n\n[caption id=\"attachment_729\" align=\"alignnone\" width=\"317\"]<img class=\"size-full wp-image-729\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig19-1.png\" alt=\"Selecting an anchor point and hitting delete to remove it\" width=\"317\" height=\"169\"> Deleting and adding anchor points[\/caption]\n\nDeselect before working on the next exercise.\n\nAre you remembering to save your files?","rendered":"<h3>Part A: One curve<\/h3>\n<ol>\n<li>The first curve is created in two points. The first anchor point is made by clicking and dragging the mouse slightly upward to imply the direction of the curve. Do not drag all the way over the curve like you are using a pencil or paintbrush, this tool does not work like a pencil or paintbrush. Release the mouse.\n<div class=\"textbox\"><strong>Watch Out!<\/strong> If you set the Pen Tool with a fill and no stroke, the path is filled with color as each point is plotted with the Pen Tool. This can be confusing, even to professionals, while initially setting anchor points.<\/div>\n<\/li>\n<li>Click once at the end of the curve and drag slightly downward until the curve looks similar to the template.<br \/>\n<figure id=\"attachment_900\" aria-describedby=\"caption-attachment-900\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-900\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14.png\" alt=\"Creating a curve suing the Bezier Handles\" width=\"400\" height=\"124\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14.png 400w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14-300x93.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14-65x20.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14-225x70.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/ch6fig14-350x109.png 350w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption id=\"caption-attachment-900\" class=\"wp-caption-text\">Creating a curve using the Bezier Handles<\/figcaption><\/figure>\n<p>Deselect the curve.<\/li>\n<\/ol>\n<h3>Part B: Bezier Handles<\/h3>\n<p>When you are finished you will have one curve with two anchor points. Each anchor point will also have bezier handles, which are used to modify sections of the curved line. With the Direct Selection Tool you can modify the anchor points, the line segments, and each bezier handle. Every curve has a mid-way point, the bezier handles pull on each side of this point.<\/p>\n<figure id=\"attachment_724\" aria-describedby=\"caption-attachment-724\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-724\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig15a-1.png\" alt=\"Location of the Bezier &quot;Handle&quot;\" width=\"400\" height=\"115\" \/><figcaption id=\"caption-attachment-724\" class=\"wp-caption-text\">Location of the Bezier &#8220;Handle&#8221;<\/figcaption><\/figure>\n<figure id=\"attachment_725\" aria-describedby=\"caption-attachment-725\" style=\"width: 385px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-725\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig15b-1.png\" alt=\"Changing a shape with the Bezier Handle\" width=\"385\" height=\"146\" \/><figcaption id=\"caption-attachment-725\" class=\"wp-caption-text\">Clicking and dragging the handle to change the shape<\/figcaption><\/figure>\n<h3>Part C: Two curves in a row<\/h3>\n<ol>\n<li>Click and drag with the Pen Tool in the direction of the first curve. Release the mouse.<br \/>\n<figure id=\"attachment_726\" aria-describedby=\"caption-attachment-726\" style=\"width: 360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-726\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig16-1.png\" alt=\"Setting a curved point\" width=\"360\" height=\"240\" \/><figcaption id=\"caption-attachment-726\" class=\"wp-caption-text\">You only need to click and drag a short distance to set the first curved point<\/figcaption><\/figure>\n<\/li>\n<li>Click at the end of the first curve and drag down with the mouse \u2013 this tells the Pen Tool the direction of the next curve. Release the mouse.<br \/>\n<figure id=\"attachment_727\" aria-describedby=\"caption-attachment-727\" style=\"width: 360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-727\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig17-1.png\" alt=\"Setting the second anchor point to create the curve\" width=\"360\" height=\"240\" \/><figcaption id=\"caption-attachment-727\" class=\"wp-caption-text\">Creating a second anchor point to set the direction of the curve<\/figcaption><\/figure>\n<\/li>\n<li>Click at the end point of the last curve and the final curve is made between the last two anchor points.<br \/>\n<figure id=\"attachment_728\" aria-describedby=\"caption-attachment-728\" style=\"width: 360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-728\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig18-1.png\" alt=\"The completed curve\" width=\"360\" height=\"240\" \/><figcaption id=\"caption-attachment-728\" class=\"wp-caption-text\">It takes time and practice to master the Pen Tool!<\/figcaption><\/figure>\n<p>When you are working with the Pen Tool, you have to think ahead of the tool, towards the place where the line changes. Where does the curve change directions? This will inform where you click and how you drag the mouse.<\/li>\n<\/ol>\n<h3>Part D: Deleting and adding anchor points<\/h3>\n<p>You can click on an anchor point with the Direct Selection Tool and hit the delete key, or if the anchor is in the middle of a path, you can use the Subtract Anchor Point Tool (Pen Minus) to click on an anchor point you want to delete. You can use the Add Anchor Point Tool (Pen Plus) to add an anchor point any place on a path if you need to add a curve or hard angle after you\u2019ve finished creating your path with the Pen Tool.<\/p>\n<figure id=\"attachment_729\" aria-describedby=\"caption-attachment-729\" style=\"width: 317px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-729\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch6fig19-1.png\" alt=\"Selecting an anchor point and hitting delete to remove it\" width=\"317\" height=\"169\" \/><figcaption id=\"caption-attachment-729\" class=\"wp-caption-text\">Deleting and adding anchor points<\/figcaption><\/figure>\n<p>Deselect before working on the next exercise.<\/p>\n<p>Are you remembering to save your files?<\/p>\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-907","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":883,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/907","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\/907\/revisions"}],"predecessor-version":[{"id":908,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/907\/revisions\/908"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/883"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/907\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=907"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=907"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}