{"id":7318,"date":"2017-10-31T19:17:49","date_gmt":"2017-10-31T19:17:49","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=7318"},"modified":"2020-05-06T22:04:48","modified_gmt":"2020-05-06T22:04:48","slug":"subtle-contrast","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=7318","title":{"rendered":"Art from Code: Subtle Contrast"},"content":{"rendered":"<p>My main inspiration for this project was Bridget Riley\u2019s work. Specifically, I looked at Shadow Play and Natraja. These works have a lot more artistic depth than I could hope to replicate with my amateur abilities, but I really like the way she displays and compares color. To begin, I spent a couple hours creating different patterns that allowed me to contrast color in a similar way. I settled on a grid of right triangles, because the combination of the grid and diagonals resembled Bridget\u2019s work.<\/p>\n<figure id=\"attachment_7319\" aria-describedby=\"caption-attachment-7319\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-1.22.11-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7319 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-1.22.11-PM.png\" alt=\"Background\" width=\"500\" height=\"889\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-1.22.11-PM.png 360w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-1.22.11-PM-168x300.png 168w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-7319\" class=\"wp-caption-text\">Background<\/figcaption><\/figure>\n<p>From there, I wanted to create more color mixing. I added a circular rotating ellipse that was transparent enough to see the base pattern behind it. The ellipse is constantly shifting color as well, ensuring even more combinations. The sliding rectangle serves a similar purpose, lightening the triangles it passes over so that they can be seen from both perspectives every time the background updates.<\/p>\n<figure id=\"attachment_7320\" aria-describedby=\"caption-attachment-7320\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-2.29.40-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7320 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-2.29.40-PM.png\" alt=\"Background + Mobile Shapes\" width=\"500\" height=\"889\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-2.29.40-PM.png 360w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-2.29.40-PM-168x300.png 168w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-7320\" class=\"wp-caption-text\">Background + Mobile Shapes<\/figcaption><\/figure>\n<p>Finally, I realized that all the bright colors made my wallpaper look rather childish, and subtracted from the overall experience. To alleviate that, I made the differences in color for each set much less vivid (either dark or light). In the final product, you get contrasts in each square, between the triangles in a set, and against the mobile objects.<\/p>\n<figure id=\"attachment_7321\" aria-describedby=\"caption-attachment-7321\" style=\"width: 496px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Scrolling-wallpaper-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7321 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Scrolling-wallpaper-final.png\" alt=\"Scrolling wallpaper final\" width=\"496\" height=\"882\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Scrolling-wallpaper-final.png 360w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Scrolling-wallpaper-final-168x300.png 168w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/a><figcaption id=\"caption-attachment-7321\" class=\"wp-caption-text\">Final Product<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>My main inspiration for this project was Bridget Riley\u2019s work. Specifically, I looked at Shadow Play and Natraja. These works have a lot more artistic depth than I could hope to replicate with my amateur abilities, but I really like&#8230;<\/p>\n","protected":false},"author":165,"featured_media":7319,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[],"class_list":["post-7318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","wpcat-225-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7318","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\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7318"}],"version-history":[{"count":3,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7318\/revisions"}],"predecessor-version":[{"id":14137,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7318\/revisions\/14137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/7319"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}