Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I was wondering how I'd go about just taking a couple of specific colors, then having something make a random pixelated picture with those colors.

I was wanting to take the colors from my current avatar and use those colors to make a banner. I tried taking my avatar, making it a PS Pattern, but when I applied the pattern, it looked too repetitive. I want the colors to be randomly placed.

share|improve this question
To get a good answer, please show us some examples, let us know what you have tried, and preferably show us your efforts. – Benteh Jan 12 '14 at 20:53
This sounds like it should be coded...or you could splotch the colours all over the page with a brush and then pixelate that? – Jenna Jan 12 '14 at 22:31
I'd learn how to do that something to get it to do what you want. What that something is, however, is entirely up to you. I'd suggest code. Maybe JavaScript would be a good place to stat? – DA01 Jan 12 '14 at 22:48

As people have commented, coding would yield the best solution. You can get a good approximation using Image > Adjustments > Gradient Map...

Fill a canvas with 400% noise:

enter image description here

Filter using Pixelate > Mosaic...

enter image description here

Increase the saturation:

enter image description here

And re-tone the image with Gradient Map:

enter image description here


enter image description here

share|improve this answer
Bravo! That is cool. Thank you for teaching me that. – TunaMaxx Jan 13 '14 at 20:04

I don't know if this tip still applies anymore with new versions of Adobe Photoshop, but if you have it laying around, try this:

  • Go to File -> open
  • In the file dialog, make sure you have 'all files' selected so you can see non-psd files
  • select the 'open as raw' option
  • open a non-image file such as a small EXE or even a word doc

This was a trick back in the day to get an abstract pixelated image into PhotoShop. What PhotoShop was doing was taking raw binary data and trying to open it as an image. As it wasn't an image, you'd end up with rather interesting patterns.

Beyond that, though, you want to use some sort of scripting/programming. Here's a tutorial in javascript:

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.