{"id":66,"date":"2018-08-13T09:29:03","date_gmt":"2018-08-13T09:29:03","guid":{"rendered":"http:\/\/m.pebblerd.com\/illustrator\/?page_id=66"},"modified":"2018-08-27T06:36:26","modified_gmt":"2018-08-27T06:36:26","slug":"shapes","status":"publish","type":"page","link":"http:\/\/m.pebblerd.com\/illustrator\/unit-1-character\/shapes\/","title":{"rendered":"paths"},"content":{"rendered":"<h3>reading assignment (due next class) :<\/h3>\n<p><a href=\"http:\/\/www.gamasutra.com\/view\/feature\/185676\/the_aesthetics_of_game_art_and_.php\">The Aesthetics of Game Art and Game Design<\/a> by Chris SolarskiDrawing<\/p>\n<p>Drawing Basics and Video Game Art by Chris Solarski p. 176-183<\/p>\n<h3>Discussion :<\/h3>\n<h3>drawing :<\/h3>\n<h4><a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/spiral.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-257 size-thumbnail\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/spiral-150x150.jpg\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/h4>\n<p>Draw five circles, five triangles and five squares and vary three ways, as demonstrated in class :<\/p>\n<ol>\n<li>complete without picking up the pencil<\/li>\n<li>draw separate lines, if applicable<\/li>\n<li>sketch lightly, then use sketches as guide to finalize with darker lines<\/li>\n<\/ol>\n<h3>Illustrator :<\/h3>\n<p>There are three types of path you can create with Adobe Illustrator:<\/p>\n<ul>\n<li>straight<\/li>\n<li>curved<\/li>\n<li>closed<\/li>\n<\/ul>\n<p>Each path contains anchor points, paths and control handles.<\/p>\n<p>Straight paths can be made with the line tool or the pen tool. Curved and closed paths are made with the pen tool.<\/p>\n<p><a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathstraight.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-303\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathstraight-300x230.jpg\" alt=\"\" width=\"300\" height=\"230\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathstraight-300x230.jpg 300w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathstraight.jpg 608w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathcurved.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-302\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathcurved-300x237.jpg\" alt=\"\" width=\"300\" height=\"237\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathcurved-300x237.jpg 300w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathcurved.jpg 591w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathclosed.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-301\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathclosed-300x235.jpg\" alt=\"\" width=\"300\" height=\"235\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathclosed-300x235.jpg 300w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/pathclosed.jpg 605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<div class=\"sidebar\">\n<h4>demonstration :<\/h4>\n<p><strong>file -&gt; new<\/strong> -&gt; letter -&gt; create<br \/>\nopen window -&gt; <strong>stroke<br \/>\n<\/strong>open window -&gt;<strong> layers<br \/>\n<\/strong>object -&gt; arrange -&gt;<strong> bring to front <\/strong>and<strong> send to back<\/strong><\/p>\n<p><strong>left toolbar:<\/strong><br \/>\nline segment tool<br \/>\npen tool<br \/>\npen tool -&gt; add anchor point<br \/>\npen tool -&gt; delete anchor point<br \/>\npen tool -&gt; anchor point tool<\/p>\n<\/div>\n<h4>exercise<\/h4>\n<p class=\"p2\">create at least two artboards; as you create content, rename them with descriptive names<\/p>\n<p class=\"p2\">on each page, use several variations of stroke and several times, use the shift key to control movement<\/p>\n<ul>\n<li class=\"p3\"><span class=\"s1\">using the line tool, create 10 lines<\/span><\/li>\n<li>using the pen tool, create 10 jagged lines (only clicking).\u00a0<span class=\"s1\">To stop the path, command click<\/span><\/li>\n<li class=\"p3\"><span class=\"s1\">using the pen tool, create 10 curves (click-drag-click). Experiment with big and little curves, spirals,\u00a0<\/span><\/li>\n<li class=\"p3\"><span class=\"s1\">create 10 each:\u00a0 triangles, rectangles and circles. Fill some with white and create layers. Use the layers to overlap some of the shapes.<br \/>\n<\/span><\/li>\n<\/ul>\n<p class=\"p2\">on one page, do the following:<\/p>\n<ul>\n<li class=\"p3\"><span class=\"s1\">use the<strong> add anchor point <\/strong>tool\u00a0to change three paths<\/span><\/li>\n<li class=\"p3\"><span class=\"s1\">use the <strong>delete anchor point\u00a0 <\/strong>tool to change three paths<\/span><\/li>\n<li><span class=\"s1\">use the\u00a0<strong>anchor point\u00a0 tool<\/strong> to change three shapes.\u00a0<\/span><\/li>\n<\/ul>\n<h4 class=\"p2\">save your file as paths.ai<\/h4>\n<p><a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_linese.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-299\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_linese-229x300.jpg\" alt=\"\" width=\"229\" height=\"300\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_linese-229x300.jpg 229w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_linese.jpg 603w\" sizes=\"auto, (max-width: 229px) 100vw, 229px\" \/><\/a> <a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_curves_e.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-298\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_curves_e-231x300.jpg\" alt=\"\" width=\"231\" height=\"300\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_curves_e-231x300.jpg 231w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/path_curves_e.jpg 605w\" sizes=\"auto, (max-width: 231px) 100vw, 231px\" \/><\/a><a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/linescurvesshapes.pdf\">linescurvesshapes<\/a><a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/paths_layers.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-308\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/paths_layers-232x300.jpg\" alt=\"\" width=\"232\" height=\"300\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/paths_layers-232x300.jpg 232w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/paths_layers.jpg 610w\" sizes=\"auto, (max-width: 232px) 100vw, 232px\" \/><\/a><\/p>\n<p>demo file:\u00a0<a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/linescurvesshapes.pdf\">paths<\/a><\/p>\n<h2>assignment :<\/h2>\n<p>This assignment will challenge you to recreate an photographic image using only the Pen Tool. There will be several images to choose from at the bottom of this assignment page. For the assignment, convert the photographic image into a contour line illustration. Using only the Pen Tool, you will trace the photo. Consider how objects overlap and how you can use layers to your advantage. Pay attention to the detail present in the image you selected and trace as much of it as you can. Use only black line on white ground. Once the photo has been traced, you should explore changing line quality through brush profile and size.<\/p>\n<ul>\n<li>click on image bellow and get full-screen version before dragging to your desktop<\/li>\n<li>create a new file in illustrator<\/li>\n<li>place the image on the page; scale it to fit full page<\/li>\n<li>redraw the image<\/li>\n<li>save<\/li>\n<\/ul>\n<p>To complete your work, hide your source image and then save as a pathName.pdf file for submission on canvas.<\/p>\n<p><a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-46\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_02-300x228.jpg\" alt=\"\" width=\"300\" height=\"228\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_02-300x228.jpg 300w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_02-624x475.jpg 624w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_02.jpg 736w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-47\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_03-264x300.jpg\" alt=\"\" width=\"264\" height=\"300\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_03-264x300.jpg 264w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_03.jpg 615w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/a> <a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-48\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_04-300x202.jpg\" alt=\"\" width=\"300\" height=\"202\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_04-300x202.jpg 300w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_04.jpg 541w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-45\" src=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_01-300x217.jpg\" alt=\"\" width=\"300\" height=\"217\" srcset=\"http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_01-300x217.jpg 300w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_01-624x451.jpg 624w, http:\/\/m.pebblerd.com\/illustrator\/wp-content\/uploads\/2018\/08\/PhotoTrace_Objects_01.jpg 650w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>resources:<\/h2>\n<p><iframe width='560' height='315' src='https:\/\/www.lynda.com\/player\/embed\/412071?fs=3&#038;w=560&#038;h=315&#038;ps=paused&#038;utm_medium=referral&#038;utm_source=embed+video&#038;utm_campaign=ldc-website&#038;utm_content=vid-412071' mozallowfullscreen='true' webkitallowfullscreen='true' allowfullscreen='true' frameborder='0'><\/iframe><\/p>\n<div style=\"margin-bottom:10px\"><strong><a href=\"https:\/\/www.lynda.com\/Illustrator-tutorials\/Illustrator-CC-Essential-Training-2015\/370378-2.html\" title=\"Start drawing, designing, and illustrating with Illustrator CC. Learn all the essentials of the program, from installation to exporting final artwork.\">Illustrator CC 2015 Essential Training<\/a><\/strong> by <a href=\"https:\/\/www.lynda.com\/author\/933963\">Justin Seeley<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>reading assignment (due next class) : The Aesthetics of Game Art and Game Design by Chris SolarskiDrawing Drawing Basics and Video Game Art by Chris Solarski p. 176-183 Discussion : drawing : Draw five circles, five triangles and five squares and vary three ways, as demonstrated in class : complete without picking up the pencil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":70,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":10,"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":322,"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/pages\/66\/revisions\/322"}],"up":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/pages\/70"}],"wp:attachment":[{"href":"http:\/\/m.pebblerd.com\/illustrator\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}