Table of Contents
- 1 Getting Adobe Photoshop
- 2 Opening the file
- 3 Coloring the icon
- 3.1 1. Make sure the color mode is RGB
- 3.2 2. Make sure you have the Layers palette on screen
- 3.3 3. Click Fx icon for effects
- 3.4 4. From Effects menu, choose Color overlay
- 3.5 5. Click the color box
- 3.6 6. In the color dialog, choose the desired color
- 3.7 7. Press OK in all dialog boxes
- 3.8 8. Make sure file preset is PNG-24
- 3.9 9. Click Save
- 4 Why Photoshop?
- A complicated way: 9 steps in Photoshop. This article describes it in detail.
- A simple way: one click in Icons8 Web App. Check out the Icons8 Must Try Features to learn more.
Getting Adobe Photoshop
- Download a fully functional 30 day trial. When expired, you could either register it or install it on some other computer.
- Buy Photoshop Elements for $80. It has all the required functionality and much more.
Opening the file
Coloring the icon
1. Make sure the color mode is RGB
2. Make sure you have the Layers palette on screen
3. Click Fx icon for effects
5. Click the color box
6. In the color dialog, choose the desired color
7. Press OK in all dialog boxes
8. Make sure file preset is PNG-24
9. Click Save
- You’ll never have any comparability issues. Same way as we did, you could open PSD, SVG, AI, EPS, whatever, and it would be working fine. For comparison, look at what I’ve got in one of the “simple” tools. As you can see, result is unpredictable depending on the source format, from a perfect bug to the somewhat mutilated body of it:
- Another reason is you are learning a powerful tool. If you ever want to color it with a gradient, or with a pattern, or destroy in some way, you could do it with an extra movement or two. Isn’t it great?
Sooner or later recolored icon is a sold icon. But what if people try to steal from you? Check out What to Do If Someone Steals From You 7 Times a Day
Get to know about one of the most spectacular Icons8 fails in How We Lost 47% of Our Users After a Redesign