{"id":5080,"date":"2016-12-05T04:18:42","date_gmt":"2016-12-05T04:18:42","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=5080"},"modified":"2020-02-19T22:21:20","modified_gmt":"2020-02-19T22:21:20","slug":"conference-project-post-mortem-first-impressions","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=5080","title":{"rendered":"Art from Code: First Impressions Post-Mortem"},"content":{"rendered":"<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.01.02-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5081\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.01.02-PM-300x300.png\" alt=\"screen-shot-2016-12-04-at-10-01-02-pm\" width=\"503\" height=\"503\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.01.02-PM-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.01.02-PM-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.01.02-PM-624x625.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.01.02-PM.png 824w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">My project is based on the works of Lothar Quinte, whose most known work is featured on <\/span><i><span style=\"font-weight: 400;\">First Impressions of Earth <\/span><\/i><span style=\"font-weight: 400;\">by the Strokes. I decided to animate and apply what we\u2019ve learned in class to his images. Throughout the project I kept updating the images with what we\u2019ve learned in class. Quinte\u2019s works are simple and vivid. The goal of my project was to alter this fundamental theme of his artwork. The most common concepts I incorporated were noise and dimension. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">In <\/span><i><span style=\"font-weight: 400;\">Kreisformation in Rot auf Violettem Grund<\/span><\/i><span style=\"font-weight: 400;\"> (Circular Formation in Red on Violet Ground,1965), I added noise to the circle so that the size would change. In order to make it look like the circle is moving in and out of itself I incremented <\/span><i><span style=\"font-weight: 400;\">x2<\/span><\/i><span style=\"font-weight: 400;\"> and <\/span><i><span style=\"font-weight: 400;\">y2<\/span><\/i><span style=\"font-weight: 400;\"> by <\/span><i><span style=\"font-weight: 400;\">y<\/span><\/i><span style=\"font-weight: 400;\">. At first it was just something I had tried out in another sketch; however the result of a circle struggling to maintain a size was something that I wanted to include. I added dimension to the background to create a sort of texture. I wanted the end image to look like a record button since my project is based on an album.\u00a0<\/span>This is the sketch a featured at the top of this post.<\/p>\n<p><strong><span style=\"font-weight: 400;\">In <\/span><i><span style=\"font-weight: 400;\">Untitled <\/span><\/i><span style=\"font-weight: 400;\">(1965), the artwork featured on <\/span><i><span style=\"font-weight: 400;\">First Impressions of Earth<\/span><\/i><span style=\"font-weight: 400;\">, I played around with incrementing the diagonal lines into a swinging motion and reset the framecount. I added dimension to this image as well to create a textured background. The one part I found difficult was to fix was how slow the lines swing. I wanted it to be more of gradual pace but once I added dimension it moved much slower than the original sketch.<\/span><\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5085\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-7.36.50-PM-239x300.png\" alt=\"screen-shot-2016-12-04-at-7-36-50-pm\" width=\"500\" height=\"628\" \/><\/span><\/p>\n<p>In Quinte&#8217;s\u00a0<em>Untitled\u00a0<\/em>(1969) and played around with incrementing again &#8211; the end result created a textured background when two of the triangles swing down.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5086\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-9.45.36-PM1-217x300.png\" alt=\"screen-shot-2016-12-04-at-9-45-36-pm\" width=\"500\" height=\"691\" \/><\/p>\n<figure id=\"attachment_5087\" aria-describedby=\"caption-attachment-5087\" style=\"width: 503px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-11-28-at-10.03.41-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5087 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-11-28-at-10.03.41-PM-300x234.png\" alt=\"screen-shot-2016-11-28-at-10-03-41-pm\" width=\"503\" height=\"392\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-11-28-at-10.03.41-PM-300x234.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-11-28-at-10.03.41-PM-624x487.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-11-28-at-10.03.41-PM.png 766w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/a><figcaption id=\"caption-attachment-5087\" class=\"wp-caption-text\">(before)<\/figcaption><\/figure>\n<figure id=\"attachment_5082\" aria-describedby=\"caption-attachment-5082\" style=\"width: 499px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.56.40-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5082 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.56.40-PM-300x223.png\" alt=\"screen-shot-2016-12-04-at-10-56-40-pm\" width=\"499\" height=\"371\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.56.40-PM-300x223.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.56.40-PM-624x464.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-10.56.40-PM.png 798w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/a><figcaption id=\"caption-attachment-5082\" class=\"wp-caption-text\">(after)<\/figcaption><\/figure>\n<p>In\u00a0<em>Ohne Titel<\/em> (<em>also<\/em>\u00a0&#8220;Untitled&#8221;), I used alpha and noise to exchange the singular diagonal lines in the original for multiple lines extended to the corners of the canvas. Furthermore, to add a subtlety, I included an animated ellipse at the background of the image. In the original image there is lighter red spot on the right side of the image. To reflect this in my sketch I\u00a0used alpha and animated the ellipse to move back and forth throughout the canvas.<\/p>\n<p>Finally, in\u00a0<em>Blue Fields, III\u00a0<\/em>I tried to maintain Quinte&#8217;s simplicity in it&#8217;s entirety other than moving around the boxes and adding a repeat count.<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.56-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5089\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.56-PM-250x300.png\" alt=\"screen-shot-2016-12-04-at-11-14-56-pm\" width=\"500\" height=\"600\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.56-PM-250x300.png 250w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.56-PM.png 386w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5088\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.43-PM-251x300.png\" alt=\"screen-shot-2016-12-04-at-11-14-43-pm\" width=\"501\" height=\"599\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.43-PM-251x300.png 251w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-04-at-11.14.43-PM.png 392w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a><\/p>\n<p><strong><span style=\"font-weight: 400;\">It was a lot of fun adding the things we learned in class to this sketches. I was particularly surprised by how easy it was to add dimension into a sketch. I really love the way it adds a texture &#8211; especially one that is almost feathery and light. It was challenging to figure out how to adapt Quinte\u2019s paintings and retain his style. As a new coder that is still learning about Processing, I was interested in chaotic, complicated sketches that contain a lot of detail. With Quinte\u2019s work I had to try to be more subtle about it because I didn\u2019t want to estrange myself from his simplicity. I don\u2019t think that I\u2019ll ever be truly done with this project &#8211; just like Quinte was never finished with his series of untitled images. <\/span><\/strong><\/p>\n<figure id=\"attachment_5090\" aria-describedby=\"caption-attachment-5090\" style=\"width: 498px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210313.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5090 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210313-225x300.jpg\" alt=\"img_20161204_210313\" width=\"498\" height=\"664\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210313-225x300.jpg 225w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210313-768x1024.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210313-624x832.jpg 624w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/a><figcaption id=\"caption-attachment-5090\" class=\"wp-caption-text\">concept ideas<\/figcaption><\/figure>\n<figure id=\"attachment_5091\" aria-describedby=\"caption-attachment-5091\" style=\"width: 503px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210321.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5091 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210321-225x300.jpg\" alt=\"img_20161204_210321\" width=\"503\" height=\"671\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210321-225x300.jpg 225w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210321-768x1024.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/IMG_20161204_210321-624x832.jpg 624w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/a><figcaption id=\"caption-attachment-5091\" class=\"wp-caption-text\">concept ideas<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>My project is based on the works of Lothar Quinte, whose most known work is featured on First Impressions of Earth by the Strokes. I decided to animate and apply what we\u2019ve learned in class to his images. Throughout the&#8230;<\/p>\n","protected":false},"author":159,"featured_media":5081,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[39,241,242,50],"class_list":["post-5080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-conference-project","tag-generative-art","tag-noise","tag-conference","wpcat-225-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/5080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/159"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5080"}],"version-history":[{"count":2,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/5080\/revisions"}],"predecessor-version":[{"id":13176,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/5080\/revisions\/13176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/5081"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}