Change white png image to specific colour

image photoshop hue
Alfred picture Alfred · May 5, 2012 · Viewed 36.9k times · Source

I have a white png image, which is a part of a n icon.

I would like to change it's colour to get a coloured icon.

I know it is possible with hue/saturation setting, but don't know how to achieve a specific colour output.

I am using Axialis Icon Workshop (I have Photoshop CS5 also). The colourize option along with Hue, Saturation and Brightness adjustments will assist getting any colour output. But I specifically want colour #3366CC.

Is there a solution to convert my white png image to #3366CC coloured image?

Answer

frontendzzzguy picture frontendzzzguy · May 5, 2012

This can be easily achieved if you go to the layers panel in Photoshop and select your icon layer. If the icon has a transparent background then select the fx button from the bottom of the layers panel and select color overlay or go to the menu at the top of the Photoshop screen and select Layer > Layer Style > Color Overlay. From the options box select the color box and put in 3366cc instead of the ffffff you have.

This should give you a coloured icon as desired. If this doesn't work let me know and I'll try to help.

Related questions

How to replicate PS multiply layer mode

Does anybody know of a good way to replicate Photoshop's multiply layer mode using either an image or CSS? I'm working on a project that has thumbnails that get a color overlay when you hover over them, but the designer …

Read More
Using a CMYK PSD without Photoshop

I have run into a common, yet difficult problem. I do not use Photoshop for image manipulation. Since all my work is web-based, GIMP does what I need in 99% of the situations. The problem is that I occasionally receive PSD …

Read More
Easy tool to decompose sprite image?

I have a lot of sprite images that contain dozens of icons. Is there an easy way to unravel the sprites into separate image files either automatically or feeding it coordinates, widths and heights?

Read More