How to make a logo single-colored?


I'm trying to convert a bunch of company logos to one single color (not just black and white). It's for a website I'm working on, for the "We support those products" type of thing.

Here's what I'm starting with:

enter image description here

What I did so far:

  1. Desaturate via Image -> Adjustments -> Desaturate
  2. Convert to grayscale via Image -> Mode -> Grayscale
  3. Convert to Monotone via Image -> Mode -> Duotone, then select Monotone and my color
  4. Make the background transparent with the magic wand tool

Here's where I'm at now:

enter image description here

The thing that I'm not happy about is that there are still multiple shades of blue there. I want it to be just one single color on transparent background. Just one shade of blue (or whatever color I pick).

12/10/2013 12:30:00 PM

Accepted Answer

Add a 'Threshold' adjustment layer on top. You'll find it in he layers palette:

location of threshold in th elayers palette

This will cause you to lose all anti-aliasing, though, for the layer reduces all variance and allows only white and your chosen monotone colour.


If you want to keep the anti-aliasing and don't mind fine-tuning settings for each image, you'd be better off with a curves layer instead. I had some succes with your example using a curve like this one:

curves layer settings

12/10/2013 1:11:00 PM

The fastes method (which may even be scriptable for batch conversion) I can think of to make a simple logo monochrome is using the bucket fill tool:

  1. Select background by color.
  2. Make background transparent.
  3. Invert selection:

    enter image description here

  4. Fill with desired color:

    enter image description here

Better results may be obtained by tracing the image to vector and then apply one single object color.