{"id":7978,"date":"2018-02-18T22:09:30","date_gmt":"2018-02-18T22:09:30","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=7978"},"modified":"2020-05-06T20:53:04","modified_gmt":"2020-05-06T20:53:04","slug":"digital-tools-the-art-of-the-gif-16","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=7978","title":{"rendered":"Digital Tools for Artists: The Art of the GIF"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8138\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/02\/openmeangelicinfinity.gif\" alt=\"!!openmeangelicinfinity\" width=\"800\" height=\"800\" \/><\/p>\n<p>This glitch gif started as a cut-out mask of my image from the original photo.\u00a0 This I layered over a stock photoshop background.\u00a0 I saved this file in various formats, like png, jpeg, and bmp.\u00a0 I then experimented by converting the files to txt, opening the text file, and making changes to the text.\u00a0 I started by typing sentences or phrases, like &#8220;hi mom!&#8221; into the code because I wanted to find out what these sentiments looked like, and whether an angry sentence produced a different glitch than a happy one.\u00a0 This process initially produced very subtle changes that were not extremely glitchy enough for my taste.\u00a0 The alternate image in this gif is a glitched png in which I deleted large blocks of text before I converted it back to a png.\u00a0 I then opened the two files in photoshop and alternated them with one another in the timeline. After learning to tween the layers, I wanted to play with a subtler shifting.\u00a0 \u00a0I played with color overlays of pink (the file behind the pink image is a jpeg glitch) and introduced a peek of city hall behind me in one of the between layers.\u00a0 So, the portrait can be seen glitching from my original photo to a color shifted, turquoise toned block in the middle of the image.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7982\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/02\/gif5.gif\" alt=\"gif5\" width=\"300\" height=\"300\" \/><\/p>\n<p>These two gifs are variations of an animation which shifted the color of the background layer behind graphic tiles.\u00a0 If I were to make this again, I would start with a suitable base file.\u00a0 Instead of opening a tile pattern on top of a base layer, I started with the jpeg image I had made as a wallpaper of leaves.\u00a0 Then, I used the magic wand to select the negative space around the leaves and delete it to show the purple layer beneath.\u00a0 This resulted in a pattern with small imperfections in the mask &#8211; they can be seen in the final gif.\u00a0 However, what I like most about these two gifs is their style of clunky, neon internet art.\u00a0 So I&#8217;m happy that these look like the myspace background of a clueless 13 year old.\u00a0 \u00a0These two gifs show how I developed my animation of the lighter pink square.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-7983\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/02\/gif6.gif\" alt=\"gif6\" width=\"307\" height=\"307\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This glitch gif started as a cut-out mask of my image from the original photo.\u00a0 This I layered over a stock photoshop background.\u00a0 I saved this file in various formats, like png, jpeg, and bmp.\u00a0 I then experimented by converting&#8230;<\/p>\n","protected":false},"author":191,"featured_media":8138,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[263],"tags":[268,269,270],"class_list":["post-7978","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-tools-for-artists","tag-gif","tag-animated-gif","tag-gif-art","wpcat-263-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7978","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\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7978"}],"version-history":[{"count":9,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7978\/revisions"}],"predecessor-version":[{"id":14066,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7978\/revisions\/14066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/8138"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}