As a user experience architect, I do not do visual design myself. However, last month I needed to change the colors of some icons that was handed over to me (from Grey to Blue). I thought that should be simple and straightforward task. I searched online for the Photoshop solution but I did not find anything useful. I found vague responses on StackOverflow, which were least helpful to me.
So, I got in touch with my visual designer friend to demystify the approach. He gave me the solution that was straightforward and simple and worked for mono-colored icons. Here are the steps:
So, I got in touch with my visual designer friend to demystify the approach. He gave me the solution that was straightforward and simple and worked for mono-colored icons. Here are the steps:
- Import the icon in Photoshop.
- Using Marquee too, select the area you want to apply the new color to.
- Lock the layer.
- Select the foreground color by picking on the foreground color icon in left hand tool bar.
- Enter the desired color values in the Color Picker dialog box and hit OK.
- In "Edit" click on "Fill.." or hit "Shift+F5" to invoke Fill dialog box. Ensure "Foreground Color" is selected in the dropdown menu and hit OK.
- Save the image with a different name.
Enjoy changing icon colors!
