{"id":6733,"date":"2017-09-25T03:01:27","date_gmt":"2017-09-25T03:01:27","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=6733"},"modified":"2020-02-19T22:01:06","modified_gmt":"2020-02-19T22:01:06","slug":"self-portrait-2","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=6733","title":{"rendered":"Art from Code: Self Portrait"},"content":{"rendered":"
\"Screen<\/a>
final portrait without pressing mouse<\/figcaption><\/figure>\n
\"Screen<\/a>
final portrait when mouse is clicked<\/figcaption><\/figure>\n

Gabriel Eng<\/span><\/p>\n

To generate an idea of how I wanted to approach this assignment, I first glanced through the examples posted on the shared google drive.\u00a0 <\/span>At first, it was just to figure out a template for my code but by the end, I had a pretty clear picture of what I wanted to create.\u00a0 I didn’t want <\/span>to make a completely accurate portrait of my facial features, but rather make it a bit more abstract.\u00a0 <\/span>This meant experimenting with unconventional shapes to create a basis for my facial structure and using different color schemes.<\/span><\/p>\n

The first idea I had was to create a code that switched the facial expression through clicking the mousepad. Another was to create a portrait that cycled through multiple faces, with multiple facial expressions. Both of these influences derived from the examples posted on the google drive.\u00a0 They are the images shown below.<\/p>\n

\u00a0\"Screen<\/a>\"Screen<\/a><\/p>\n

In the portrait on the left, the eye brows are raised and the eyes get bolder through the mousePressed function.\u00a0 I also like the lack of borders in the facial structure. What I found interesting from the portrait on the right was the split face and color scheme.\u00a0 I used that split face idea in my piece to create divided sections of the face, enhancing its abstraction.\u00a0I don\u2019t know the names of these artists or if they were past student work, but both portraits are very unique in their own right.<\/span>\u00a0 <\/span>From these portraits, I realized borders don\u2019t necessarily need to be drawn out, the portrait can look more like a caricature or animation, and that even the slightest improvement, like making an outline bolder, can have a huge impact on the final output.<\/span>\u00a0<\/span><\/p>\n

\u00a0<\/span>By making it interactive in this way, you can present a wide range of emotions or any representation, and create a more accurate depiction of yourself.\u00a0 <\/span>With one picture you are limited in how you display yourself and one picture can not define a person.\u00a0 <\/span>With multiple images appearing, you can exhibit more facial expressions or emphasize certain moods you may have. In my final portrait, I tried to show a clear change in expression that resembled aggravation, through the broken glasses and lowered eyebrows.\u00a0 You can also see how the lips separate and my idea was to go further and place text in between but I was having difficulty with adding that.\u00a0<\/span><\/p>\n

From this assignment, aside from the structure of the portrait, I gained a stronger appreciation for color schemes and their significance.<\/span>\u00a0 <\/span>Thats what catches my eye immediately when I look at other portraits.<\/span>\u00a0 <\/span>It makes it more interactive for the viewer because it gains attention. In past assignments I didn’t place much of an emphasis on the color scheme. I thought it was strictly about the image but from my self portrait, I realized how color schemes can drastically improve a piece.\u00a0 The lightness of the shades in the face go well with the light greenish background of the canvas.\u00a0<\/span><\/p>\n

What I also found useful for this assignment\u00a0was the sketchbook. This is the first piece I\u2019ve been using the sketchbook to create an outline or experiment with what I want to code.\u00a0 <\/span>Before hand, I was making things up along the way.\u00a0 <\/span>Obviously I still had ideas, but I never formulated them on to paper.\u00a0 <\/span>Also, by sketching first, I\u00a0had a smoother time finding the right coordinates to set my code at, and the comparable proportions of the various shapes. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Gabriel Eng To generate an idea of how I wanted to approach this assignment, I first glanced through the examples posted on the shared google drive.\u00a0 At first, it was just to figure out a template for my code but…<\/p>\n","protected":false},"author":163,"featured_media":6818,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[257,129],"class_list":["post-6733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-art-from-code-2","tag-self-portrait","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/6733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/163"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6733"}],"version-history":[{"count":5,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/6733\/revisions"}],"predecessor-version":[{"id":13164,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/6733\/revisions\/13164"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/6818"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6733"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}