October 28, 2013

Random Gradient Study 012 Dithered and Down Sampled

September 15, 2013

Year of the Glitch Outtakes (Feb 2012)

Iterative Dither Study Number 6 - The study starts with a single pixel of an arbitrarily selected color.  Each iteration doubles the resolution of the previous frame.  For each iteration an arbitrarily chosen dither algorithm is used to apply an arbitrarily selected color palette to the up-scaled version of the previous frame.

Inspired by the Dither Studies of Daniel Temkin

October 8, 2012
282 of 366
This is an animation from a series of sketches created while designing surface patterns for Aldea Home in San Francisco.
The process:
Generate a palette from the Spoonflower color guide.
Create gradients between colors within the palette.
Perform a pass of color quantization to fit the gradient to the color guide palette.
Down-sample the resolution 50% without interpolation.
Up-sample the resolution to desired pattern size.

282 of 366

This is an animation from a series of sketches created while designing surface patterns for Aldea Home in San Francisco.

The process:

  • Generate a palette from the Spoonflower color guide.
  • Create gradients between colors within the palette.
  • Perform a pass of color quantization to fit the gradient to the color guide palette.
  • Down-sample the resolution 50% without interpolation.
  • Up-sample the resolution to desired pattern size.

October 7, 2012
281 of 366
This is an animation from a series of sketches created while designing surface patterns for Aldea Home in San Francisco.
The process:
Generate a palette from the Spoonflower color guide.
Create gradients between colors within the palette.
Perform a pass of color quantization to fit the gradient to the color guide palette.
Down-sample the resolution 50% without interpolation.
Up-sample the resolution to desired pattern size.

281 of 366

This is an animation from a series of sketches created while designing surface patterns for Aldea Home in San Francisco.

The process:

  • Generate a palette from the Spoonflower color guide.
  • Create gradients between colors within the palette.
  • Perform a pass of color quantization to fit the gradient to the color guide palette.
  • Down-sample the resolution 50% without interpolation.
  • Up-sample the resolution to desired pattern size.

October 5, 2012
279 of 366
Dither Automata
An animation of blended gradients color quantized and downsampled.

279 of 366

Dither Automata

An animation of blended gradients color quantized and downsampled.

October 4, 2012

278 of 366

Dither Automata

Selected frames from an animation of blended solids color quantized and downsampled.

October 3, 2012

277 of 366

Dither Automata

Selected frames from an animation of blended solids color quantized and downsampled.

October 2, 2012
276 of 366
Dither Automata
Selected frames from an animation of blended solids color quantized and downsampled.

276 of 366

Dither Automata

Selected frames from an animation of blended solids color quantized and downsampled.

October 1, 2012
275 of 366
Dither Automata
Selected frames from an animation of blended solids color quantized and downsampled.

275 of 366

Dither Automata

Selected frames from an animation of blended solids color quantized and downsampled.

September 29, 2012

273 of 366

Dither Automata

Selected frames from an animation of blended solids color quantized and downsampled.

September 28, 2012
272 of 366
Quantum Tidal Effect
An animation created by blending between a gradient and its 180 rotated double.  Color quantization via an improved Floyd-Steinberg method using colors compatible with the 8 color palette used to create my machine knit 40”x60” blankets.

272 of 366

Quantum Tidal Effect

An animation created by blending between a gradient and its 180 rotated double.  Color quantization via an improved Floyd-Steinberg method using colors compatible with the 8 color palette used to create my machine knit 40”x60” blankets.

September 27, 2012
271 of 366
Pinwheel
Color quantization via Floyd-Steinberg dithering applied to a spinning oval.  Scalled 50% to bring out additional artefacts.

271 of 366

Pinwheel

Color quantization via Floyd-Steinberg dithering applied to a spinning oval.  Scalled 50% to bring out additional artefacts.

September 24, 2012
268 of 366
Alpha Test
Color quantization using a Floyd-Steinberg dithering method and a custom palette is applied to an animated fade between two colors not present within the final palette.  The result is down sampled by 50% without using interpolation (every other row/column of pixels is discarded).

268 of 366

Alpha Test

Color quantization using a Floyd-Steinberg dithering method and a custom palette is applied to an animated fade between two colors not present within the final palette.  The result is down sampled by 50% without using interpolation (every other row/column of pixels is discarded).

September 23, 2012
267 of 366
Bank of America Color Palette
A test to see if using a circular shape changes the form of the artifacts produces by dithered color quantization and down-sampling the image resolution without using any interpolation method.

267 of 366

Bank of America Color Palette

A test to see if using a circular shape changes the form of the artifacts produces by dithered color quantization and down-sampling the image resolution without using any interpolation method.

September 22, 2012

266 of 366

Intermediaries No. 2

Recipe:

1. Create looping fade between two colors.

2. Use a Floyd-Steinberg (or other) dithering algorithm to reduce the color palette down to 2-6 colors.

3. Re-scale/Down-sample the image to 50% using no-interpolation.

4. Page through frames and select the best re-imaginings of the intermediate colors in your fade.

Seems that tumblr’s image compression algorithm is getting more aggressive…