https://www.cada.art/columns daily 0.75 2025-01-22 https://www.cada.art/columns/residency monthly 0.5 2024-12-05 https://www.cada.art/columns/compressionism monthly 0.5 2024-02-29 https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/7fb4de10-9aa0-4ff7-9255-1c72eb2038c7/billatk.png Columns - On Compressionism - Bill Atkinson Bill Atkinson, creator of the Atkinson dithering algorithm used on the original Macintosh https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/40306373-d2e2-493d-9a19-98cf9b0b4dae/rcgrbt.png Columns - On Compressionism - Make it stand out R G C R B T by Spogelsesmaskinen https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/0e554184-9449-47af-bddf-df3bbcf59747/autoglyphse.png Columns - On Compressionism - Make it stand out a printed Autoglyph by Larva Labs https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/78849d44-49a4-4f3b-be15-d45a2444924a/haring.jpg Columns - On Compressionism - Make it stand out Untitled #2 by Keith Haring (April 16th, 1987) https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/2abc059e-8a31-4b76-ab6d-28c724041b1f/jpeg-1.jpg Columns - On Compressionism - Make it stand out an output from Jan Robert Leegte’s “JPEG” https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/2f00a2c5-ad72-499e-aaac-6a7fec93b044/skulptuur.png Columns - On Compressionism - Make it stand out the entirety of Skulptuur’s code, from Piter Pasma https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/b0387fe5-ac83-4d27-af05-3de7cc267dce/pendulum.jpeg Columns - On Compressionism - Make it stand out “Pendulum” by Nathaniel Stern, part of the Compressionism series https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/6e98f717-9cc3-45d0-9f1c-82cbe215a505/fyeah.png Columns - On Compressionism - Make it stand out fuck yea guy, as inscribed on Namecoin in 2012 https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/73150a8b-6a15-42bd-8afc-55c609032f47/youre-ok-its-ok-FINAL.png Columns - On Compressionism - Make it stand out you’re ok it’s ok by diid https://www.cada.art/columns/untitled monthly 0.5 2024-01-29 https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/a69da8df-2dde-4544-9cc5-9fb53b9af33e/rip.png Columns - Teddy-Beau: an ignorant dithering algorithm. - I Can’t Help Myself Just a robot scoopin up some scary lookin liquids. What more is there to see? https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/28460ac6-d21a-4ee1-b83e-c35cabaf4d5d/rip+%282%29.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Reduced Error: Atkinson Atkinson is, by quite a long shot, my favorite dithering algorithm for monotone purposes. It does a good job capturing the essence of the photo while also leaving the contrast in-tact. Pros: Gets the contrast AND a lot of the details correct, and doesn’t wash out the image. Cons: While this example worked well, it can get stuck on images with less overall contrast. No patterns. We like the patterns. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/70705239-9532-46cc-a30e-5a02b4fd41bd/ripagain.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/270477fd-0ee0-405e-807c-1a132c2b8767/rippaaa.jpg Columns - Teddy-Beau: an ignorant dithering algorithm. - Ripcache? Robots? This was a screenshot for the very beginning of a “diid” mood board. It actually never made it much further than this. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/6754863f-fcd6-4361-9f85-a55e90f4a5ba/b2dPartway.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Born 2 Click Click after click, detail after detail, redscale to blue pixels we went. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/83edbe4a-10c4-4927-a3e6-9c67663c10b1/uncertainty.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/f0edd705-80d5-47d6-aeb4-0aa612b1819c/born2diePixelsx4.png Columns - Teddy-Beau: an ignorant dithering algorithm. - The full set of references. This full set of references taught me something more about this pixelation process: the importance of color in contrast. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/c87b0977-aee2-45c6-a594-bd63fe1c70ae/ref.png Columns - Teddy-Beau: an ignorant dithering algorithm. - A patterned attempt Subjectively cool, mathematically atrocious, all around pretty nice to look at. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/cdf338b6-2164-4d02-936a-62266b218478/Screenshot+2023-12-05+at+7.43.32+PM.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Step 1: Vectorization With some minor differences in composition, the manually vectorized piece managed to not only use a more reduced color set than many of the vectorized pieces, but also kept much smoother lines and curves. Edge detection and conversion from pixels to curves is hard for non-humans https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/c2b69726-e86d-4e7b-8842-cc2794685304/rip.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Error Diffusion: Floyd-Steinberg The first contender in the ring is Floyd-Steinberg. It’s a great option for most cases, which is why it’s likely the most used algorithm generally. It especially excels in full color, but obviously we don’t care much for that here. Pros: Doesn’t lose many details, is consistent in keeping things visually similar to the input image Cons: The main subjects of the piece seem to lose their importance. The pool of… water… is a dark and contrasted element in the source image, but seems to just be washed out here (for lack of a better term) https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/862b0657-5ca0-4fd8-a81a-76ea660042c0/rip+%281%29.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Ordered: Bayer 4x4 Another true classic on the scene, Bayer dithering gets a lot of things right here. I personally appreciate how the patterns seem to make the feeling of digitization more present and bring that to the forefront. If we’re looking for an artistic dither, this seems to be a good start. Pros: Gets at least some of the contrasting elements correct, and overall the contrast seems to be better. Patterns are objectively cool. If you’re going to see the pixels, you might as well see something in the details. Cons: Details get washed out or are outright misrepresented. The patterns on the wall behind the machine seem to bear some sort of light reflection from the machine itself, and the hose at the top is washed entirely. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012655358-SI87IP13NWHPE46BR1L8/billsss.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012655372-UGXFIPBFXCT00VOPIEQO/botd.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012656306-BMDG39JPG129IIKIUR9J/butchered.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012656352-LV3MOBY61TOVD3AR6R6S/cliffd.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012657292-Y1060HC0V3PJMFDQM4OT/coocoo.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012657438-UZXVJQ8B3PQFQRUMID46/cooooo.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012658076-578VFTH0KOR0XUZO9RQO/ditheron.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012658310-3SGHUNKE9S1P9P4AFAUK/dogginald.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012658907-39HRBZYY8YTS9RBGUOK1/fixin.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012659038-I9755EAKG4LPWCN3BC35/funfunfun.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012659691-8AQPFN7J2A41JI05WLVA/lukey.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012659854-BOMMW5A3705DFEC1IGHH/nawn.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012660515-2P8FX0WMG1F4OF30HCV4/ong.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012660712-DCPPLG71XUWJEJWFBM8B/outsidein.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012661276-4JW4NKA3K99757JZCP5T/pathy.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012661473-IXYTCBKTEK36LJU3FWOS/pepe.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012662088-NB66EWU7IGEDK08YEZGL/realityd.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012662298-UD7LG45Q4O196PD7JPOC/reporting.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012662935-DUDQAKLYCFFD9OYDWQAU/selfy.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012663076-MA6NFI8GP8ER7FZ5J6WB/shakinhands.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012663775-XQ6UPRU3YB8UL5GS5GFY/spacey.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012663890-CEBYTDM0SVV5G3N990XB/spooky.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012664598-CP02U2F4SI2YQ8K3TFWN/steppy.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012664707-OBR338B0E9NIF4X8R6RZ/trashy.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/1702012665401-7V5QKCPFUFXB2USA9BB3/walkin.png Columns - Teddy-Beau: an ignorant dithering algorithm. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/f9c22e3d-8a52-45c3-9688-0a26a2aa0336/pattern.png Columns - Teddy-Beau: an ignorant dithering algorithm. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.cada.art/columns/pixel-litho monthly 0.5 2023-11-09 https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/18629179-d310-41cd-81dc-1cdaf828d962/sketch.jpeg Columns - Digital Stories: An Introduction to Pixel Lithography - It all starts with AI images In Midjourney, I use the prompt: /imagine <subject matter> pencil sketch Details will get lost in this process, so I’m generally looking for an output with some darker outlines as well as a little bit of finer detail. Once I find a composition I like, I’m usually re-generating using the subtle variation until I get something that makes a bit more sense with the final intent of the piece. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/9ba13789-7548-41e1-b566-a418be1fcea8/litho.jpeg Columns - Digital Stories: An Introduction to Pixel Lithography - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/ea4a270a-d671-4b7b-b3b6-702b39d9a54d/cottage2.jpeg Columns - Digital Stories: An Introduction to Pixel Lithography - Time to dither it! From there, it goes into my dithering tool for a dithering pass on the following settings: BW Dither Algorithm: Atkinson or Reduced Atkinson Color Substitution: Black: any dark gray, usually #2f2f2f White: any desaturated yellow, this is #D5D8B5 https://www.cada.art/columns/lightness-glitch monthly 0.5 2023-11-09 https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/89754544-4a9b-40a7-a0c8-4c068ef48ba9/b%26w.png Columns - Lightness Glitch: A Primer. - A way in: It seems like that might be our in, but we need more color! Typically, these algorithms are shooting for accuracy, so a proper dither might look like this https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/aa499ea2-a530-4980-b497-1fd203afca47/colors.png Columns - Lightness Glitch: A Primer. - Adding color: If we JUST introduce lots of colors, it still does its best to approximate the end result. This is really cool, but not quite what we're looking for. It just looks too… good? https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/37e8dc5a-48b6-4d62-a41a-6912bbbf931b/glitchy.png Columns - Lightness Glitch: A Primer. - A point of comparison: When comparing John’s outputs to this monochrome dither I did a while back, I noticed some similar patterns popping up. This is based on an error diffusion dithering algorithm, which distributes differences in colors into these patterns. Even subtle differences can ripple their way throughout a work with interesting results. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/bede16e1-c414-4a12-bd19-079c2d8d3c0c/featured.png Columns - Lightness Glitch: A Primer. - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/42f9ac81-1517-448f-a9ea-f6270b2284e0/lightness.png Columns - Lightness Glitch: A Primer. - Changing the scale: An additional wrinkle we need to add is to switch the color comparison to "lightness" Rather than trying to match the colors themselves, a lightness comparison will JUST try to match how light or dark a given pixel is. This provides a lot of color variation for free. https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/ad5329e7-b3b3-4a46-b3bc-337a32dd4997/last.png Columns - Lightness Glitch: A Primer. - Cleaning things up: The last step is that we want to use the full breadth of those colors. Since we're comparing how light or dark each pixel is, this means we want to broaden the spectrum of lightness. The easiest way to do this is reduce contrast massively. This evens out everything in the source which in turn introduces those patterns and fun color differences in the output! This is because it adds little inconsistencies in the coloration of the background, which triggers cycles in the error correction of the dithering algorithm. https://www.cada.art/home daily 1.0 2024-12-05 https://www.cada.art/tap daily 0.75 2024-02-29 https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/a2a2d52c-3dca-41ca-a0c2-77717a4f886d/a-moment-in-time-FINAL.JPG https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/0defc88c-8bfc-4f9e-8c6e-3f40716310b9/a-moment-in-time-FINAL.png https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/b1158b81-5d4f-49b2-a721-b97125b806e5/it-happened-in-passing-FINAL.png https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/d59d2b25-d836-48f7-9c1a-ca71c4a43504/it-happened-in-passing-FINAL.jpg https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/b019ab11-929f-4a02-adf7-a696288fbe48/it-happened-in-passing-FINAL.jpeg https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/fac32c09-d459-40bc-86c4-cfb66f802ba9/a-moment-in-time-FINAL.JPG https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/7e224e1b-704c-4632-9d1f-cbedf6441302/a-moment-in-time-FINAL.png https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/683c2b12-58fc-400c-b1ce-5c37f7305aae/a-moment-in-time-FINAL.png https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/02bc3ac8-486d-48b4-8643-448664dc2222/it-was-a-waste-final.jpeg https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/e4fff0c6-982e-4c5d-bb63-243d88153923/it-was-a-waste-final.jpg https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/def8cc50-6489-4cb1-952c-94461aedc736/it-was-a-waste-FINAL.png https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/79ef5990-c7fc-4a9b-bd47-146960e41941/youre-ok-its-ok-FINAL.png https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/68f73d06-9d97-41ad-a45d-c17db19b629f/IMG_3448.JPG https://images.squarespace-cdn.com/content/v1/64ffb07a35df0f4d185ada3f/b9effcc1-4905-4b28-8214-b6ec52a8ddab/youre-ok-its-ok-FINAL.jpg