October 6, 2012
280 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.

280 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.

8:20am  |   URL: http://tmblr.co/ZX7FGwUlDST3
(Notes: 117)
  
Filed under: aldea gif glitch gif art artists on tumblr glitch glitch art gradient noise 
August 22, 2012
235 of 366 Gradients from Gradients (Bank of America Website Palette) no. 5 Recipe: Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS Create a gradient using that palette and save as an image Open the gradient image in viewer Zoom in and take screen shots while moving the image Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm Convert to MP4 Databend MP4 file Open in Quicktime and take screen shots of interesting frames Export as a new MP4 Repeat steps 7-9 until you have enough shots to work with Select your favorites, crop, scale, re-glitch, etc.

235 of 366

Gradients from Gradients (Bank of America Website Palette) no. 5

Recipe:

  1. Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS
  2. Create a gradient using that palette and save as an image
  3. Open the gradient image in viewer
  4. Zoom in and take screen shots while moving the image
  5. Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm
  6. Convert to MP4
  7. Databend MP4 file
  8. Open in Quicktime and take screen shots of interesting frames
  9. Export as a new MP4
  10. Repeat steps 7-9 until you have enough shots to work with
  11. Select your favorites, crop, scale, re-glitch, etc.

8:53am  |   URL: http://tmblr.co/ZX7FGwRvxwdu
(Notes: 19)
  
Filed under: glitch art glitch art artists on tumblr abstract datamosh databend gradient color bank of america 
August 21, 2012

234 of 366

Gradients from Gradients (Chase Bank Website Palette) no. 4

Recipe:

  1. Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS
  2. Create a gradient using that palette and save as an image
  3. Open the gradient image in viewer
  4. Zoom in and take screen shots while moving the image
  5. Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm
  6. Convert to MP4
  7. Databend MP4 file
  8. Open in Quicktime and take screen shots of interesting frames
  9. Export as a new MP4
  10. Repeat steps 7-9 until you have enough shots to work with
  11. Select your favorites, crop, scale, re-glitch, etc.

8:56am  |   URL: http://tmblr.co/ZX7FGwRrukiq
(Notes: 69)
  
Filed under: glitch art glitch art artists on tumblr abstract digital color gradient databend datamosh 
August 20, 2012

233 of 366

Gradients from Gradients (Chase Bank Website Palette) no. 3

Recipe:

  1. Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS
  2. Create a gradient using that palette and save as an image
  3. Open the gradient image in viewer
  4. Zoom in and take screen shots while moving the image
  5. Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm
  6. Convert to MP4
  7. Databend MP4 file
  8. Open in Quicktime and take screen shots of interesting frames
  9. Export as a new MP4
  10. Repeat steps 7-9 until you have enough shots to work with
  11. Select your favorites, crop, scale, re-glitch, etc.

8:54am  |   URL: http://tmblr.co/ZX7FGwRnlMyl
(Notes: 112)
  
Filed under: glitch art glitch art gradient abstract artists on tumblr color databend datamosh 
August 19, 2012
232 of 366 Gradients from Gradients (Chase Bank Website Palette) no. 2 Recipe: Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS Create a gradient using that palette and save as an image Open the gradient image in viewer Zoom in and take screen shots while moving the image Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm Convert to MP4 Databend MP4 file Open in Quicktime and take screen shots of interesting frames Export as a new MP4 Repeat steps 7-9 until you have enough shots to work with Select your favorites, crop, scale, re-glitch, etc.

232 of 366

Gradients from Gradients (Chase Bank Website Palette) no. 2

Recipe:

  1. Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS
  2. Create a gradient using that palette and save as an image
  3. Open the gradient image in viewer
  4. Zoom in and take screen shots while moving the image
  5. Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm
  6. Convert to MP4
  7. Databend MP4 file
  8. Open in Quicktime and take screen shots of interesting frames
  9. Export as a new MP4
  10. Repeat steps 7-9 until you have enough shots to work with
  11. Select your favorites, crop, scale, re-glitch, etc.

8:34am  |   URL: http://tmblr.co/ZX7FGwRjZ7he
(Notes: 58)
  
Filed under: Glitch glitch art art artists on tumblr databend datamosh gradient abstract color 
August 18, 2012
231 of 366 Gradients from Gradients (Chase Bank Website Palette) no. 1 Recipe: Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS Create a gradient using that palette and save as an image Open the gradient image in viewer Zoom in and take screen shots while moving the image Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm Convert to MP4 Databend MP4 file Open in Quicktime and take screen shots of interesting frames Export as a new MP4 Repeat steps 7-9 until you have enough shots to work with Select your favorites, crop, scale, re-glitch, etc.

231 of 366

Gradients from Gradients (Chase Bank Website Palette) no. 1

Recipe:

  1. Create a palette from a corporate website by manually extracting color tags for all elements in the HTML/CSS
  2. Create a gradient using that palette and save as an image
  3. Open the gradient image in viewer
  4. Zoom in and take screen shots while moving the image
  5. Create animation from screen shots and index using the original color palette and a Floyd-Steinberg dithering algorithm
  6. Convert to MP4
  7. Databend MP4 file
  8. Open in Quicktime and take screen shots of interesting frames
  9. Export as a new MP4
  10. Repeat steps 7-9 until you have enough shots to work with
  11. Select your favorites, crop, scale, re-glitch, etc.

8:56am  |   URL: http://tmblr.co/ZX7FGwRfXCBw
(Notes: 123)
  
Filed under: glitch glitch art art artists on tumblr gradient databend datamosh abstract 
May 25, 2012

146 of 366

Marbleized Color Palette Study No.5 - Bank of America

Color palettes are sourced from websites for various organizations, companies, brands, and corporate identities.  The palettes are then presented in vertical bands, arranged as they appear in the CSS code.  The resulting images are repeatedly corrupted to form marbleized textures.

8:42am  |   URL: http://tmblr.co/ZX7FGwM6UUl_
(Notes: 59)
  
Filed under: glitch art glitch GIF artists on tumblr art color design year of the glitch phillip stearns gradient broken gradient broken gradients abstract 
May 24, 2012

145 of 366

Marbleized Color Palette Study No.4 - Beef Board

Color palettes are sourced from websites for various organizations, companies, brands, and corporate identities.  The palettes are then presented in vertical bands, arranged as they appear in the CSS code.  The resulting images are repeatedly corrupted to form marbleized textures.

8:50am  |   URL: http://tmblr.co/ZX7FGwM2o-l_
(Notes: 37)
  
Filed under: Glitch Glitch art beef art artists on tumblr marble GIF phillip stearns year of the glitch design concept food color gradient broken gradient broken gradients abstract 
May 23, 2012

144 of 366

Marbleized Color Palette Study No.3 - Facebook

Color palettes are sourced from websites for various organizations, companies, brands, and corporate identities.  The palettes are then presented in vertical bands, arranged as they appear in the CSS code.  The resulting images are repeatedly corrupted to form marbleized textures.

9:00am  |   URL: http://tmblr.co/ZX7FGwL-3cfD
(Notes: 25)
  
Filed under: glitch GIF glitch art art artists on tumblr facebook year of the glitch phillip stearns color palette gradient broken gradient broken gradients abstract 
May 22, 2012

143 of 366

Marbleized Color Palette Study No.2 - Beef It’s What’s For Dinner

Color palettes are sourced from websites for various organizations, companies, brands, and corporate identities.  The palettes are then arranged in vertical bands, and the resulting images are repeatedly corrupted to form marbleized textures.

8:51am  |   URL: http://tmblr.co/ZX7FGwLxDTvA
(Notes: 33)
  
Filed under: glitch glitch art design art GIF artists on tumblr palette color phillip stearns year of the glitch gradient broken gradient broken gradients abstract 
May 21, 2012

142 of 366

Marbleized Color Palette Study No.1 - Tumblr

Color palettes are sourced from websites for various organizations, companies, brands, and corporate identities.  The palettes are then arranged in vertical bands, and the resulting images are repeatedly corrupted to form marbleized textures.

9:46am  |   URL: http://tmblr.co/ZX7FGwLtSa2n
(Notes: 35)
  
Filed under: glitch art design artists on tumblr glitch art corporate palette GIF databending corruption phillip stearns year of the glitch gradient broken gradient broken gradients abstract 
April 24, 2012
115 of 366 A study of dithering applied to time-varying analog video imagery. A slowly fading gradient generated using an analog Sandin Image Processor is rendered as a low-resolution animation.  Two passes of indexing: first using the Volcano palette in GIMP, second using 3-color image optimized palette. Inspired by Daniel Temkin’s Dither Studies

115 of 366

A study of dithering applied to time-varying analog video imagery.

A slowly fading gradient generated using an analog Sandin Image Processor is rendered as a low-resolution animation.  Two passes of indexing: first using the Volcano palette in GIMP, second using 3-color image optimized palette.

Inspired by Daniel Temkin’s Dither Studies

9:04am  |   URL: http://tmblr.co/ZX7FGwKEAWNu
(Notes: 60)
  
Filed under: abstract artists on tumblr gllitch glitch art art dither noise gradient