{"id":284,"date":"2022-09-17T05:09:18","date_gmt":"2022-09-17T05:09:18","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/printcode\/?p=284"},"modified":"2022-09-17T16:57:09","modified_gmt":"2022-09-17T16:57:09","slug":"assignment-1-retaining-the-scanned-image-quality","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/printcode\/assignment-1-retaining-the-scanned-image-quality\/","title":{"rendered":"Assignment 1 &#8211; retaining the scanned image quality"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For the riso animation assignment, I decided to use this video I took on a trip to Jeju Island with my family and friends. This was taken on a ferry to a nearby smaller island, and it is one of my most cherished memories. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1440\" style=\"aspect-ratio: 1440 \/ 1440;\" width=\"1440\" controls muted src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_9631-2.mov\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">During our workshop with Kelly, she showed us a simple way to handle color extraction on photoshop. After placing the video in two contact sheets, I split up the image into 4 different channels of CMYK. Since the above video has an overall blue color scheme, the majority of the information was focused on cyan channel, and other three channels only contained limited information. I decided to combine the three magenta, yellow, and black channels to create the highlight layer on top of my cyan base layer, and adjusted the combined layer to have a larger contrast using the line tool. This was still significantly lighter than the cyan layer. The resulting print images look like this. <\/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=\"652\" height=\"1024\" data-id=\"291\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-652x1024.png\" alt=\"\" class=\"wp-image-291\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-652x1024.png 652w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-191x300.png 191w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-768x1207.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-977x1536.png 977w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-1303x2048.png 1303w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-orange-1568x2464.png 1568w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><figcaption>Base &#8211; Cyan<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"1024\" data-id=\"290\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-652x1024.png\" alt=\"\" class=\"wp-image-290\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-652x1024.png 652w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-191x300.png 191w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-768x1207.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-977x1536.png 977w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-1303x2048.png 1303w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/2-blue-1568x2464.png 1568w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><figcaption>Highlight &#8211; Magenta, Yellow, Black<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I wanted to create a look that was obviously different from the original blue video. I decided to use fluorescent orange for my base color and blue for my highlight to give it a heavy riso touch. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-1024x1024.png\" alt=\"\" class=\"wp-image-292\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-1024x1024.png 1024w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-300x300.png 300w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-150x150.png 150w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-768x768.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-1536x1536.png 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-2048x2048.png 2048w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/IMG_3935-1568x1568.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The riso print was scanned back into the computer to compile it into a video or gif format. As my first approach, I used the online p5 editor. The final scan, which was 40mb, had to be heavily downsized to work on p5 editor since it can only work with files less than 5mb. The resulting gif looked like this, but I was sad to see the small details lost.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"804\" style=\"aspect-ratio: 808 \/ 804;\" width=\"808\" controls muted src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/recording.mov\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Based on the p5 sliding window logic provided in class, I created a <a rel=\"noreferrer noopener\" href=\"https:\/\/colab.research.google.com\/drive\/13e3DXes80Z1FPzdRGb59GnIjq1D5Dyx0?usp=sharing\" target=\"_blank\">similar function in python<\/a>. Instead of displaying the selected subset of the image on the preview screen, this function saves the image selections at Google Drive. Using this method I was able to split up the two large scans into 79 smaller images without any quality loss. I combined these 79 images into a single gif using a single line ffmpeg command. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ffmpeg -y -f image2 -framerate 10 -i %d.png out.gif<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"610\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/out-copy.gif\" alt=\"\" class=\"wp-image-295\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It can definitely use more work on the frame calibration, but I am happy with how it is now because a lot more grainy texture details can be seen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">by Jayeon Koo<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For the riso animation assignment, I decided to use this video I took on a trip to Jeju Island with my family and friends. This was taken on a ferry to a nearby smaller island, and it is one of my most cherished memories. During our workshop with Kelly, she showed us a simple way&hellip; <a class=\"more-link\" href=\"https:\/\/www.courses.tegabrain.com\/printcode\/assignment-1-retaining-the-scanned-image-quality\/\">Continue reading <span class=\"screen-reader-text\">Assignment 1 &#8211; retaining the scanned image quality<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-284","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\/284","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":7,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/284\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}