Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change white png image to specific colour

Tags:

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?

like image 637
Alfred Avatar asked May 05 '12 07:05

Alfred


People also ask

Can you edit Colours in a PNG?

To change the color of png image, click the “Edit” button > “Change Background” then pick a color you want.

How do I recolor a white PNG in Illustrator?

In Adobe Illustrator, do the following: Go to the Edit menu, select Edit colors and then Recolor Artwork.

How do you recolor an image?

Click the picture that you want to change. Under Picture Tools, on the Format tab, in the Adjust group, click Color. If you don't see the Format or Picture Tools tabs, make sure that you've selected a picture. You may have to double-click the picture to select it and open the Format tab.


1 Answers

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.

like image 191
frontendzzzguy Avatar answered Oct 06 '22 16:10

frontendzzzguy