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

How can I change this black icon to the same shades and colors as this orange / gold icon?

enter image description here

share|improve this question
up vote 3 down vote accepted

I think most of the answers are overly complicated.

It's been a while since I've used photoshop, but you'll want to pick one of two color adjustment tools. Either 'Colorize' or 'Hue/Saturation'.

Then simply adjust the color and saturation and brightness until you get a match.

No need to redraw anything or use layer masks.

share|improve this answer
Yeah...who would not want to have svgs... – Troy Woo Jan 22 '15 at 21:15
@TroyWoo What do SVGs have to do with this? – DA01 Jan 22 '15 at 21:28
I infer from your words that you focus rather on vector art illustration... – Troy Woo Jan 22 '15 at 21:36
@TroyWoo the OP is asking about a raster image. – DA01 Jan 22 '15 at 21:39

On Photoshop CS5: 1. Click on the layer with the black graphic 2. From top menu: Image > Adjustments > Selective Color. 3. On Selective Color palette: a. Preset (drop-down list) > Custom. b. Colors (drop-down list) > Black. 4. Now adjust color sliders.

This works on any black graphic and will colorize it so that the grey feathered edges will be lighter shades of the chosen color, and the black center of the graphic will be a darker shade of the chosen color. Once the item is colorized, you can further adjust the colors with any other functions from the Image > Adjustments list.

share|improve this answer
Thank you Suuzen...LifeSaver!!!! – user45143 Jun 11 '15 at 2:28

A few options:

1) Select. Adjustments → Hue

2) In the Layers palette, Layer Style → Color Overlay (you'll have to experiment with the blend modes)

3) Select. Eyedropper the color you want. Option-Delete fills it. (this is crude and may not work for you.)

share|improve this answer

If you only have one icon, the fastest way would be to redraw it using shapes.

Draw a circle using the Ellipse Tool, and substract a tick shape (I used Exclude Overlapping Shapes) using Custom Shape Tool. Photoshop comes with one, but it's a bit different from your icon, so you can instead download a shapes pack that has a similar one. This site has a nice freebie.

enter image description here

share|improve this answer

If it is pure black you could use it as a mask.

  1. select and copy the layer with the icons.
  2. create a new solid color fill layer (any other layer filled with the color you wish will also do fine)
  3. Add a layermask to the newly created layer.
  4. press Alt and click the layer mask
  5. paste the icons into the mask.
  6. press Ctrl + i to invert the mask.

Condition for this to work is that you have pure black or it won't take the color 100%

// it just occured to me: Another way could be to use "Image" > "Match Color..." You start the command from the image with the black icon and select as Source file and layer with the right colors

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.