{"id":333,"date":"2022-09-19T17:35:11","date_gmt":"2022-09-19T17:35:11","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/printcode\/?p=333"},"modified":"2022-10-17T18:47:57","modified_gmt":"2022-10-17T18:47:57","slug":"hw-1-risograph-animation","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/printcode\/hw-1-risograph-animation\/","title":{"rendered":"HW 1 &#8211; Risograph Animation"},"content":{"rendered":"\n<p>So I learned how to print (and fail) on a risograph machine! The process was tedious but rewarding, so buckle up:<\/p>\n\n\n\n<p><strong>Final Animation<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/editor.p5js.org\/jnsabillon\/sketches\/APs4sfsma\" data-type=\"URL\" data-id=\"https:\/\/editor.p5js.org\/jnsabillon\/sketches\/APs4sfsma\">link<\/a> to p5js sketch<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1580\" style=\"aspect-ratio: 1294 \/ 1580;\" width=\"1294\" controls src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smiley_Final.mov\"><\/video><figcaption>Video of Risograph Animation<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"1024\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-824x1024.png\" alt=\"\" class=\"wp-image-352\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-824x1024.png 824w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-241x300.png 241w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-768x955.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-1235x1536.png 1235w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-1647x2048.png 1647w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/smiley_latest-1568x1950.png 1568w\" sizes=\"auto, (max-width: 824px) 100vw, 824px\" \/><figcaption>Scan of Contact Sheet <\/figcaption><\/figure>\n\n\n\n<p><strong>Designs<\/strong><\/p>\n\n\n\n<p>I&#8217;ve been wanting to do a smiley face animation sequence for a while. I designed a set of 5 frames of smiley faces that when put together looked like they were glitching.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"792\" data-id=\"340\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_1.png\" alt=\"\" class=\"wp-image-340\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_1.png 612w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_1-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"792\" data-id=\"338\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_2.png\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_2.png 612w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_2-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"792\" data-id=\"339\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_3.png\" alt=\"\" class=\"wp-image-339\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_3.png 612w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_3-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"792\" data-id=\"337\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_4.png\" alt=\"\" class=\"wp-image-337\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_4.png 612w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_4-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"792\" data-id=\"341\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_5.png\" alt=\"\" class=\"wp-image-341\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_5.png 612w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_5-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Since the assignment required 2 colors, I overlayed text on top of the smiley faces, thinking it could make the design more interesting. To test out the animation, I put all my frames on p5js and used the preload() function to test out the <a href=\"https:\/\/editor.p5js.org\/jnsabillon\/sketches\/hMrobbXZ1\" data-type=\"URL\" data-id=\"https:\/\/editor.p5js.org\/jnsabillon\/sketches\/hMrobbXZ1\" target=\"_blank\" rel=\"noreferrer noopener\">animation<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"792\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_1-1.png\" alt=\"\" class=\"wp-image-342\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_1-1.png 612w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/Smile_1-1-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p><strong>Printing<\/strong><\/p>\n\n\n\n<p>Now it&#8217;s time to print! I spent some time learning the ins and outs of a risograph machine. At one point I was frustrated because the color was not showing as vibrant as I wanted it to be. I also realized that my classmates had far more complex animations, and so I also decided to play with the text on these prints.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"343\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-1024x768.png\" alt=\"\" class=\"wp-image-343\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-1024x768.png 1024w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-300x225.png 300w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-768x576.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-1536x1152.png 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-2048x1536.png 2048w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6548-1568x1176.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-id=\"344\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6549-768x1024.png\" alt=\"\" class=\"wp-image-344\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6549-768x1024.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6549-225x300.png 225w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6549-1152x1536.png 1152w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6549-1536x2048.png 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6549-1568x2091.png 1568w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><strong>Reworking my Prints and Animation<\/strong><\/p>\n\n\n\n<p>I created a longer version of my animation <a rel=\"noreferrer noopener\" href=\"https:\/\/editor.p5js.org\/jnsabillon\/sketches\/ZsDSLUKnw\" data-type=\"URL\" data-id=\"https:\/\/editor.p5js.org\/jnsabillon\/sketches\/ZsDSLUKnw\" target=\"_blank\">here<\/a> by doubling the frame count and playing with the colors of the background. The digital designs looked great and the animation looped perfectly, so I went ahead and re-printed my work. The alignment did not come out perfectly, but I ended up loving how the imperfection made the smiley faces look even more glitchy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-1024x768.png\" alt=\"\" class=\"wp-image-346\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-1024x768.png 1024w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-300x225.png 300w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-768x576.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-1536x1152.png 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-2048x1536.png 2048w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_6688-1568x1176.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once these were done I scanned them, individually cropped each frame, put them back on p5js, and voila! I have an animated risograph print!<\/p>\n\n\n\n<p>Work by Jackie Sabill\u00f3n Pinto<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So I learned how to print (and fail) on a risograph machine! The process was tedious but rewarding, so buckle up: Final Animation link to p5js sketch Designs I&#8217;ve been wanting to do a smiley face animation sequence for a while. I designed a set of 5 frames of smiley faces that when put together&hellip; <a class=\"more-link\" href=\"https:\/\/www.courses.tegabrain.com\/printcode\/hw-1-risograph-animation\/\">Continue reading <span class=\"screen-reader-text\">HW 1 &#8211; Risograph Animation<\/span><\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-333","post","type-post","status-publish","format-standard","hentry","category-assignment1","entry"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":4,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/333\/revisions\/354"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}