{"id":2544,"date":"2021-12-09T20:41:23","date_gmt":"2021-12-10T01:41:23","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?p=2544"},"modified":"2021-12-09T20:41:23","modified_gmt":"2021-12-10T01:41:23","slug":"lsh-finalproject-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/lsh\/12\/09\/lsh-finalproject-2\/","title":{"rendered":"lsh-FinalProject"},"content":{"rendered":"<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/o.svg\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/o.svg\" alt=\"\" width=\"640\" height=\"480\" class=\"alignnone size-medium wp-image-2545\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/12\/o.svg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/12\/o.svg 27w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<p>This project takes walk cycles and converts them to traces of motion.<\/p>\n<p><strong>Inspiration<\/strong><\/p>\n<p>The project was heavily inspired by Eadweard Muybridge&#8217;s captures, which tracked how the human (and horse) form moves in space.<br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877-580x480.jpg\" alt=\"\" width=\"580\" height=\"480\" class=\"alignnone size-medium wp-image-2047\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877-580x480.jpg 580w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877-1024x847.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877-768x635.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877-1536x1270.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877-1200x992.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/Eadweard-Muybridge-method-cameras-battery-shutter-controls-1877.jpg 1600w\" sizes=\"(max-width: 580px) 85vw, 580px\" \/><\/p>\n<p>\u00c9tienne-Jules Marey was another inspiration, specifically his traces of human locomotion.<br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/Etienne-Jules-Marey-Walking-Man-chronophotography-1884-This-was-based-on-adding-640x254.png\" alt=\"\" width=\"640\" height=\"254\" class=\"alignnone size-medium wp-image-2547\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/Etienne-Jules-Marey-Walking-Man-chronophotography-1884-This-was-based-on-adding-640x254.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/Etienne-Jules-Marey-Walking-Man-chronophotography-1884-This-was-based-on-adding-768x304.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/Etienne-Jules-Marey-Walking-Man-chronophotography-1884-This-was-based-on-adding.png 850w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>However my project is more aligned with Harold Edgerton&#8217;s series that focuses on outlines, as it becomes more about the form than the movement of joints.<br \/>\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton-532x480.jpg\" alt=\"\" width=\"532\" height=\"480\" class=\"alignnone size-medium wp-image-2049\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton-532x480.jpg 532w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton-1024x924.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton-768x693.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton-1536x1385.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton-1200x1082.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/edgerton.jpg 2000w\" sizes=\"(max-width: 532px) 85vw, 532px\" \/><\/p>\n<p><strong>Process<\/strong><\/p>\n<p>In order to make this project, I used <a href=\"https:\/\/github.com\/facebookresearch\/detectron2\">Detectron2<\/a> for segmenting outlines.<br \/>\n<figure id=\"attachment_2051\" aria-describedby=\"caption-attachment-2051\" style=\"width: 640px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-640x427.jpg\" alt=\"A segmented photo of Timoth\u00e9e Chalamet at the Met Gala\" width=\"640\" height=\"427\" class=\"size-medium wp-image-2051\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-640x427.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-1024x683.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-1536x1024.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-2048x1365.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/input-1200x800.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-2051\" class=\"wp-caption-text\">A sample segmentation.<\/figcaption><\/figure><\/p>\n<p>Once I had the outline alpha, it was fairly simple to convert it to an SVG using the <a href=\"http:\/\/potrace.sourceforge.net\/\">potrace<\/a> library. From that point I began playing with what motion works best.<\/p>\n<figure id=\"attachment_2053\" aria-describedby=\"caption-attachment-2053\" style=\"width: 640px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca-640x294.png\" alt=\"5 Figures with long exposure outlines\" width=\"640\" height=\"294\" class=\"size-medium wp-image-2053\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca-640x294.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca-1024x471.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca-768x353.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca-1536x706.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca-1200x552.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/ymca.png 1958w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-2053\" class=\"wp-caption-text\">Outlines from a video of a group doing the YMCA dance.<\/figcaption><\/figure>\n<p>After several attempts, I realized that the walk cycle, which has a strong history in animation and drawing, would be a good subject for the series. The next step was to tune movements and sample rates to see what would look best.<br \/>\n<a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/bishop_test.svg\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/bishop_test.svg\" alt=\"\" width=\"640\" height=\"480\" class=\"alignnone size-medium wp-image-2551\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/12\/bishop_test.svg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/12\/bishop_test.svg 11w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<p>I ended up deciding that sampling a straight on walk from every frame looked best.<\/p>\n<p>Tracing motion was also a nod to my architectural training, as depicting motion in this fashion is an exercise many architecture students partake in during their technical education.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-640x480.png\" alt=\"\" width=\"640\" height=\"480\" class=\"alignnone size-medium wp-image-2552\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-640x480.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-1024x768.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-768x576.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-1536x1152.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-2048x1536.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img-1200x900.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-640x480.png\" alt=\"\" width=\"640\" height=\"480\" class=\"alignnone size-medium wp-image-2553\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-640x480.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-1024x768.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-768x576.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-1536x1152.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-2048x1536.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/img2-1200x900.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/m-min.svg\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/12\/m-min.svg\" alt=\"\" width=\"640\" height=\"480\" class=\"alignnone size-medium wp-image-2554\" \/><\/a><\/p>\n<p><strong>Takeaway<\/strong><\/p>\n<p>This project was a confidence booster in some ways and frustrating in others. When I first decided what I actually wanted to make, I was overwhelmed and had no idea if I could even pull off getting outlines. Funny enough, the outlines were the easy part, but the small details, like dotted lines which ended up mooshing together from blotted ink, were hard. I&#8217;m happy with the outcome, but there are definitely places I can still take it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This project takes walk cycles and converts them to traces of motion. Inspiration The project was heavily inspired by Eadweard Muybridge&#8217;s captures, which tracked how the human (and horse) form moves in space. \u00c9tienne-Jules Marey was another inspiration, specifically his traces of human locomotion. However my project is more aligned with Harold Edgerton&#8217;s series that &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/lsh\/12\/09\/lsh-finalproject-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;lsh-FinalProject&#8221;<\/span><\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/2544"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=2544"}],"version-history":[{"count":6,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/2544\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/2544\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=2544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=2544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=2544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}