{"id":88,"date":"2024-12-31T21:01:19","date_gmt":"2024-12-31T21:01:19","guid":{"rendered":"https:\/\/381.santiago.bz\/?page_id=88"},"modified":"2026-02-12T16:13:14","modified_gmt":"2026-02-12T16:13:14","slug":"03-compression","status":"publish","type":"page","link":"https:\/\/381.santiago.bz\/?page_id=88","title":{"rendered":"03 \u2022 COMPRESSION"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>THE GRID<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=334\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"373\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-3.jpg\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-3.jpg 1000w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-3-300x112.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-3-768x286.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=657\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"900\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/duhrer_grid_02.jpg\" alt=\"\" class=\"wp-image-657\" style=\"aspect-ratio:1.1377932421779433;width:782px;height:auto\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/duhrer_grid_02.jpg 1024w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/duhrer_grid_02-300x264.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/duhrer_grid_02-768x675.jpg 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/duhrer_grid_02-973x855.jpg 973w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">An artist painting a portrait on glass. From D\u00fcrer,&nbsp;<em>Underweysung der Messung<\/em>&nbsp;(Nuremberg, 1525)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=661\"><img loading=\"lazy\" decoding=\"async\" width=\"813\" height=\"666\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/renaissance_grid.jpg\" alt=\"\" class=\"wp-image-661\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/renaissance_grid.jpg 813w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/renaissance_grid-300x246.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2026\/02\/renaissance_grid-768x629.jpg 768w\" sizes=\"auto, (max-width: 813px) 100vw, 813px\" \/><\/a><figcaption class=\"wp-element-caption\">Robert Fludd (1574-1637), Utriusque cosmic maioris scilicet et minoris metaphysica<br><a href=\"https:\/\/archive.org\/details\/utriusquecosmima01flud\/page\/306\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/archive.org\/details\/utriusquecosmima01flud\/page\/306\/mode\/2up<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>TUTORIAL BY Katrina Axford<\/strong><br><a href=\"https:\/\/www.katrinaaxford.com\/the-grid-system.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.katrinaaxford.com\/the-grid-system.html<\/a><\/p>\n\n\n\n<p><strong>ANALOG GRIDS<\/strong><br><a href=\"https:\/\/www.pinterest.com\/pin\/462463455458781193\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.pinterest.com\/pin\/462463455458781193\/<\/a><br><a href=\"https:\/\/www.pinterest.com\/pin\/379780181053831233\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.pinterest.com\/pin\/379780181053831233\/<\/a><\/p>\n\n\n\n<p><strong>Richard Gerhardt<\/strong><\/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 aligncenter size-large\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=336\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"336\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-4-1024x768.jpg\" alt=\"\" class=\"wp-image-336\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-4-1024x768.jpg 1024w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-4-300x225.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-4-768x576.jpg 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-4-1140x855.jpg 1140w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-4.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=338\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"1024\" data-id=\"338\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/richter_2007_kohln-567x1024.jpg\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/richter_2007_kohln-567x1024.jpg 567w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/richter_2007_kohln-166x300.jpg 166w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/richter_2007_kohln-473x855.jpg 473w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/richter_2007_kohln.jpg 662w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/a><\/figure>\n<\/figure>\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\"><\/figure>\n\n\n\n<p><br><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=340\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5-1024x572.jpg\" alt=\"\" class=\"wp-image-340\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5-1024x572.jpg 1024w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5-300x168.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5-768x429.jpg 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5-1536x858.jpg 1536w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5-1140x637.jpg 1140w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-5.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Chuck Close &#8211; Self Portraits<\/figcaption><\/figure>\n\n\n\n<p><br><strong>The Grid as a Checkpoint of Modernity, Margarita Tupitsyn<\/strong><br><a href=\"https:\/\/www.tate.org.uk\/research\/tate-papers\/12\/the-grid-as-a-checkpoint-of-modernity\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.tate.org.uk\/research\/tate-papers\/12\/the-grid-as-a-checkpoint-of-modernity<\/a><\/p>\n\n\n\n<p>Yayoi Kusama<br><a href=\"https:\/\/theconversation.com\/from-selfie-to-infinity-yayoi-kusamas-amazing-technicoloured-dreamscape-87076\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/theconversation.com\/from-selfie-to-infinity-yayoi-kusamas-amazing-technicoloured-dreamscape-87076<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=341\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-6-1024x682.jpg\" alt=\"\" class=\"wp-image-341\" style=\"width:487px;height:auto\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-6-1024x682.jpg 1024w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-6-300x200.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-6-768x511.jpg 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-6-1140x759.jpg 1140w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-6.jpg 1508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Gavin Rain<\/strong><br><a href=\"https:\/\/www.artnet.com\/artists\/gavin-rain\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.artnet.com\/artists\/gavin-rain\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=349\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"926\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/gavinrain_monalisa.jpg\" alt=\"\" class=\"wp-image-349\" style=\"width:273px;height:auto\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/gavinrain_monalisa.jpg 612w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/gavinrain_monalisa-198x300.jpg 198w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/gavinrain_monalisa-565x855.jpg 565w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/a><\/figure>\n\n\n\n<p><br><strong>Evelyn Kassikov<\/strong><br><a href=\"https:\/\/evelinkasikov.com\/The-Portrait-Project\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/evelinkasikov.com\/The-Portrait-Project<\/a><br><br><strong>Tatsuo Horiuchi<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The Michelangelo of Microsoft Excel\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/OrwBc6PwAcY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=327\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-1024x478.jpg\" alt=\"\" class=\"wp-image-327\" style=\"width:934px;height:auto\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-1024x478.jpg 1024w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-300x140.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-768x358.jpg 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-1140x532.jpg 1140w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Jim Campbell<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Jim Campbell&#039;s LED Images Swim Through Space | KQED Arts\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4x48aCX1uK8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A large and flickering grid of light by Jim Campbell\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/W4T5kECTYaE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Jim Campbell - Home Movies [Grid] 2006 Motorized Object\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/wlfhg6F3-CI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>How Are Images REALLY Stored?<br>Learning about image formats.<\/strong><br>By <strong>Moncef Abboud<\/strong><br><a href=\"https:\/\/cefboud.com\/posts\/image-formats\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/cefboud.com\/posts\/image-formats\/<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Lossless Compression<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Goal: Reduce file size without losing any image data. The original image can be perfectly reconstructed from the compressed file. &nbsp;<br>How it works: Identifies and encodes redundancies in the image data. Think of it like finding repeating patterns and representing them more efficiently. &nbsp;<br>Common formats\/algorithms:<br>PNG (Portable Network Graphics): Widely used for web graphics, especially those with sharp lines, text, or transparency. Uses DEFLATE compression. &nbsp;<br>BMP (Bitmap): Usually uncompressed or uses simple lossless compression. Less common for web use due to larger file sizes. &nbsp;<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Lossy Compression<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Goal: Achieve significantly smaller file sizes by discarding some image data that is deemed less perceptible to the human eye. &nbsp;<br>How it works: Removes high-frequency details and subtle color variations. This process is irreversible; some information is permanently lost. &nbsp;<br>Common formats\/algorithms:<br>JPEG (Joint Photographic Experts Group): The most popular lossy format, widely used for photographs and complex images. Uses Discrete Cosine Transform (DCT). &nbsp;<br>WebP: A modern format developed by Google that offers superior compression compared to JPEG, both in lossy and lossless modes. &nbsp;<br>HEIC (High Efficiency Image File Format): Used by Apple devices, based on HEVC video compression. Offers good compression efficiency. &nbsp;<br>Key Concepts in Compression<br>GIF (Graphics Interchange Format): Maximum 256 colors, therefore lossy compression. Supports simple animations and is good for images with limited color palettes. Uses LZW compression. &nbsp;<\/p>\n\n\n\n<p>Transform Coding: Converts the image into a different representation (e.g., frequency domain) to identify and discard less important information. DCT is a common example. &nbsp;<br>Quantization: Reduces the precision of data, which is a key source of data loss in lossy compression. &nbsp;<br>Entropy Encoding: Further compresses the data by using variable-length codes to represent frequently occurring symbols more efficiently (e.g., Huffman coding, arithmetic coding). &nbsp;<br>Choosing the Right Compression<\/p>\n\n\n\n<p>Lossless: Use when image quality is paramount and no data loss is acceptable (e.g., medical images, archiving, images with text or line art). &nbsp;<br>Lossy: Use when file size is a major concern and some minor quality loss is acceptable (e.g., web images, photographs, streaming). &nbsp;<br>Emerging Trends<\/p>\n\n\n\n<p>AI-powered compression: Using machine learning to develop more efficient compression algorithms that better understand image content and human perception. &nbsp;<br>AVIF (AV1 Image File Format): A new format based on the AV1 video codec, offering very high compression efficiency.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>EXAMPLES<\/strong><\/h2>\n\n\n\n<p><strong>PNG 256<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=89\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-300x300.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-300x300.png 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-150x150.png 150w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-768x768.png 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala.png 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p><br><strong>JPG 70%<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=90\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-300x300.jpg\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-300x300.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-150x150.jpg 150w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala-768x768.jpg 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>GIF 256<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=91\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_256-300x300.png\" alt=\"\" class=\"wp-image-91\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_256-300x300.png 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_256-150x150.png 150w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_256-768x768.png 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_256.png 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>GIF 32<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_32-300x300.png\" alt=\"\" class=\"wp-image-92\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_32-300x300.png 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_32-150x150.png 150w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_32-768x768.png 768w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_32.png 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>GIF 2<\/strong> with and without dithering<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dc60c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dc60c\" class=\"wp-block-image size-exs-square-half wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"400\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"94\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_2A-800x400.png\" alt=\"\" class=\"wp-image-94\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dc9d7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dc9d7\" class=\"wp-block-image size-exs-square-half wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"400\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"95\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_2B-800x400.png\" alt=\"\" class=\"wp-image-95\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dcd77&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dcd77\" class=\"wp-block-image size-exs-square-half wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"400\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"93\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_2C-800x400.png\" alt=\"\" class=\"wp-image-93\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dd0f8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dd0f8\" class=\"wp-block-image size-exs-square-half wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"400\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"96\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/santi_mandala_2D-800x400.png\" alt=\"\" class=\"wp-image-96\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>ANIMATED GIF<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=101\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"959\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2024\/12\/maria_felix_fly.gif\" alt=\"\" class=\"wp-image-101\" style=\"width:231px;height:auto\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>ADOBE TUTORIAL for Photoshop<\/strong><br><a href=\"https:\/\/www.adobe.com\/creativecloud\/photography\/discover\/make-a-gif.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.adobe.com\/creativecloud\/photography\/discover\/make-a-gif.html<\/a><\/p>\n\n\n\n<p><strong>EXAMPLES: <a href=\"https:\/\/visionaireworld.com\/products\/visionaire-48-magic\" target=\"_blank\" rel=\"noreferrer noopener\">Visionaire 48 Magic<\/a><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dd48d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dd48d\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/visionaireworld.com\/cdn\/shop\/products\/48MAGIC_13-PedroAlmodovar_110x110@2x.gif\" alt=\"\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dd601&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dd601\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/visionaireworld.com\/cdn\/shop\/products\/48MAGIC_14-KarlLagerfeld_110x110@2x.gif\" alt=\"\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0d51c9dd76d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0d51c9dd76d\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/visionaireworld.com\/cdn\/shop\/products\/48MAGIC_13-MarkRomanek_110x110@2x.gif\" alt=\"\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>CINEMAGRAPHS<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/cinemagraphs.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/cinemagraphs.com\/<\/a><br><a href=\"https:\/\/tripwiremagazine.com\/cinemagraphs\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/tripwiremagazine.com\/cinemagraphs\/<\/a><br><br><strong>Jamie Beck<\/strong><br><a href=\"https:\/\/laughingsquid.com\/animated-gif-fashion-photography-by-jamie-beck\/\">https:\/\/laughingsquid.com\/animated-gif-fashion-photography-by-jamie-beck\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=329\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"300\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-1.jpg\" alt=\"\" class=\"wp-image-329\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-1.jpg 500w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-1-300x180.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong><a href=\"http:\/\/www.tomnijhuis.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tom Nijhuis<\/a><\/strong><br><a href=\"https:\/\/dismagazine.com\/distaste\/25055\/growing-up-gabber\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/dismagazine.com\/distaste\/25055\/growing-up-gabber\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=344\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"536\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-7.jpg\" alt=\"\" class=\"wp-image-344\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-7.jpg 800w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-7-300x201.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/image-7-768x515.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"MORNING - Cinemagraph Video - Corey Vidal\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_lcfcXxelYs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>TURORIALS<\/p>\n\n\n\n<p>ADOBE 1 <a href=\"https:\/\/www.adobe.com\/creativecloud\/video\/discover\/how-to-make-a-cinemagraph.html\">https:\/\/www.adobe.com\/creativecloud\/video\/discover\/how-to-make-a-cinemagraph.html<\/a><\/p>\n\n\n\n<p>ADOBE 2 <a href=\"https:\/\/www.adobe.com\/learn\/premiere-pro\/web\/cinemagraph#:~:text=Cinemagraphs%20blend%20the%20worlds%20of%20motion%20and,smoke%20rising%2C%20candles%20flickering%2C%20and%20so%20on.\">https:\/\/www.adobe.com\/learn\/premiere-pro\/web\/cinemagraph#:~:text=Cinemagraphs%20blend%20the%20worlds%20of%20motion%20and,smoke%20rising%2C%20candles%20flickering%2C%20and%20so%20on.<\/a><\/p>\n\n\n\n<p>BORIS FX <a href=\"https:\/\/borisfx.com\/blog\/how-to-make-cinemagraphs-in-4-simple-ways\/\">https:\/\/borisfx.com\/blog\/how-to-make-cinemagraphs-in-4-simple-ways\/<\/a><\/p>\n\n\n\n<p>ADORAMA <a href=\"https:\/\/www.adorama.com\/alc\/how-to-make-a-cinemagraph\/\">https:\/\/www.adorama.com\/alc\/how-to-make-a-cinemagraph\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=389\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/CINEMAGRAPH_03.gif\" alt=\"\" class=\"wp-image-389\" style=\"width:459px;height:auto\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=390\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/CINEMAGRAPH_02.gif\" alt=\"\" class=\"wp-image-390\" style=\"width:459px;height:auto\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>ASSIGNMENTS<\/strong><\/h2>\n\n\n\n<p><strong>02 \u2022 GIF<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From your personal collection, choose 3 distinct images. Optimize their size so the largest side is maximum 800px<\/li>\n\n\n\n<li>Export each one as GIF files with at least 5 different variations in the color palette, dithering, etc. I need to see in total 15 radically different images, using the GIF compression as a method to generate new versions of the original image. I do not want to see the &#8220;same&#8221; image 3&#215;5 times: you MUST use the color palettes and dithering to transform the images into something very different from the original image.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0004_Layer-1.jpg\" data-rel=\"lightbox-gallery-0J7kDpnS\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" data-id=\"378\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0004_Layer-1.jpg\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0004_Layer-1.jpg 800w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0004_Layer-1-300x210.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0004_Layer-1-768x538.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0003_Screenshot-2025-02-11-at-11.05.00\u202fAM.jpg\" data-rel=\"lightbox-gallery-0J7kDpnS\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" data-id=\"379\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0003_Screenshot-2025-02-11-at-11.05.00\u202fAM.jpg\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0003_Screenshot-2025-02-11-at-11.05.00\u202fAM.jpg 800w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0003_Screenshot-2025-02-11-at-11.05.00\u202fAM-300x210.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0003_Screenshot-2025-02-11-at-11.05.00\u202fAM-768x538.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0002_Screenshot-2025-02-11-at-11.06.03\u202fAM.jpg\" data-rel=\"lightbox-gallery-0J7kDpnS\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" data-id=\"380\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0002_Screenshot-2025-02-11-at-11.06.03\u202fAM.jpg\" alt=\"\" class=\"wp-image-380\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0002_Screenshot-2025-02-11-at-11.06.03\u202fAM.jpg 800w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0002_Screenshot-2025-02-11-at-11.06.03\u202fAM-300x210.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0002_Screenshot-2025-02-11-at-11.06.03\u202fAM-768x538.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0001_Screenshot-2025-02-11-at-11.07.27\u202fAM.jpg\" data-rel=\"lightbox-gallery-0J7kDpnS\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" data-id=\"381\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0001_Screenshot-2025-02-11-at-11.07.27\u202fAM.jpg\" alt=\"\" class=\"wp-image-381\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0001_Screenshot-2025-02-11-at-11.07.27\u202fAM.jpg 800w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0001_Screenshot-2025-02-11-at-11.07.27\u202fAM-300x210.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0001_Screenshot-2025-02-11-at-11.07.27\u202fAM-768x538.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0000_Screenshot-2025-02-11-at-11.08.07\u202fAM.jpg\" data-rel=\"lightbox-gallery-0J7kDpnS\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" data-id=\"382\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0000_Screenshot-2025-02-11-at-11.08.07\u202fAM.jpg\" alt=\"\" class=\"wp-image-382\" srcset=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0000_Screenshot-2025-02-11-at-11.08.07\u202fAM.jpg 800w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0000_Screenshot-2025-02-11-at-11.08.07\u202fAM-300x210.jpg 300w, https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/GIF_screengrabs__0000_Screenshot-2025-02-11-at-11.08.07\u202fAM-768x538.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p><strong>03 \u2022 PNG<\/strong><\/p>\n\n\n\n<p>Take photos of at least 5 different personal items, clean the background using Photoshop tools, on a transparent background. <br>Export each individual image as a PNG 24 maximum 300px the largest side. Upload the resulting PNGs to your folder on Dropbox.<br>Create a collage in Photoshop integrating all of these transparent objects (8.5&#215;11, 72dpi, RGB).<\/p>\n\n\n\n<p><strong>04 \u2022 CINEMAGRAPH<\/strong><\/p>\n\n\n\n<p>Create <strong>3 CINEMAGRAPHS<\/strong> of at least 150 frames each using Photoshop, inspired by the examples seen in class. You can tell. a story or it can be totally experimental and visual. You must use a tripod for the camera\/phone\/tablet to stabilize the shot. You can also use Premiere to optimize the assets, but the finished file must be a GIF. There is no need to capture at 4K, 1080P is more than enough, especially knowing that the finished product is destined to be seen on the web.<br>Be mindful of the image size: MAX 800px its largest side. Explore transitions, effects, tweening and palettes. I am aware that these animations may be too heavy, that is why you will upload them to DropBox. Export them as ANIMATED GIFS (this is an assignment about compression) as well as MP4 for social media sharing.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=404\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/Sage_Cinemagraph1.gif\" alt=\"\" class=\"wp-image-404\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=408\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/ScrollingSM.gif\" alt=\"\" class=\"wp-image-408\" style=\"width:639px;height:auto\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=410\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"250\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/Cinemagraph-1A.gif\" alt=\"\" class=\"wp-image-410\" style=\"width:377px;height:auto\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=412\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"422\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/washing_dishes.gif\" alt=\"\" class=\"wp-image-412\" style=\"width:586px;height:auto\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/381.santiago.bz\/?attachment_id=414\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"170\" src=\"https:\/\/381.santiago.bz\/wp-content\/uploads\/2025\/02\/CINE3GIF.gif\" alt=\"\" class=\"wp-image-414\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>THE GRID TUTORIAL BY Katrina Axfordhttps:\/\/www.katrinaaxford.com\/the-grid-system.html ANALOG GRIDShttps:\/\/www.pinterest.com\/pin\/462463455458781193\/https:\/\/www.pinterest.com\/pin\/379780181053831233\/ Richard Gerhardt The Grid as a Checkpoint of Modernity, Margarita Tupitsynhttps:\/\/www.tate.org.uk\/research\/tate-papers\/12\/the-grid-as-a-checkpoint-of-modernity Yayoi<span class=\"more-dots\">&#8230;<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/381.santiago.bz\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/381.santiago.bz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/381.santiago.bz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/381.santiago.bz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/381.santiago.bz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":10,"href":"https:\/\/381.santiago.bz\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":666,"href":"https:\/\/381.santiago.bz\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/666"}],"wp:attachment":[{"href":"https:\/\/381.santiago.bz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}