How To Change A Logo Color In Photoshop

At that place are ii ways of recoloring raster icons:

A complicated way: ix steps in Photoshop. This commodity describes information technology in item.
A simple way: ane click in Icons8 Spider web App. Or go to the Icons8 website, choose any icon yous like, click on it and change the colour in the browser.

recoloring icons in photoshop
So, you downloaded a free icon pack for Windows or iOS, fine. Let's make them shine in new splendor.

Getting Adobe Photoshop

You'll need Photoshop (why bother with Photoshop? See lesser of the message). If you don't accept i, a normal license is $twenty a calendar month, but you lot could also:

Download a fully functional thirty-twenty-four hour period trial. When expired, you could either annals it or install it on another computer.
Buy Photoshop Elements for $80. It has all the required functionality and much more than.

Opening the file

That's right, dear readers. There are software developers amidst yous, some PhDs and MBAs, only still, I'm going to teach you how to open a file 🙂
And then, choose an icon and either elevate'northward'driblet information technology on Photoshop icon or utilise Cmd+O (Ctrl+O on Windows) for Open dialog. Hint: don't bother near a thing that Adobe is pushing to yous chosen Adobe Bridge. Choose the desired size, for case 128×128 px:

choose icons for recoloring

Coloring the icon

1. Make sure the color way is RGB

If it's grayscale, the icon would be in the shades of gray no matter what color you choose. In Menu, click Image->Mode-> Color RGB.

2. Make sure yous have the Layers palette on screen

It looks like this:
open an icon in photoshop

Usually, it'southward in the bottom right part of the screen. If it's not, use Window->Layers to open it.

3. Click Fx icon for effects

4. From Effects carte, cull Colour overlay

The dialog like this will open:

color overlay

five. Click the colour box

color

half dozen. In the color dialog, choose the desired color

color dialog photoshop

7. Press OK in all dialog boxes

Enjoy the event. If satisfied, save PNG file with File->Save for Spider web. You'll see the dialog like this:
save for web photoshop

8. Make sure file preset is PNG-24

9. Click Relieve

Done. At present you could recolor any icon. Peachy!

Why Photoshop?

You may inquire yourself why to carp doing it in Photoshop if at that place are easier tools. There is a number of reasons, here are just 2:

You'll never have any comparability bug. Same style as we did, you lot could open PSD, SVG, AI, EPS, whatever, and it would be working fine. For comparison, look at what I've got in i of the "uncomplicated" tools. Equally you tin can see, the result is unpredictable depending on the source format, from a perfect problems to the somewhat mutilated body of it:
Another reason is yous are learning a powerful tool. If yous ever want to color it with a gradient, or with a pattern, or destroy in some manner, you could do information technology with an actress motion or 2. Isn't information technology great?

Sooner or later recolored icon is a sold icon. But what if people effort to steal from you? Bank check out What to Do If Someone Steals From Yous 7 Times a 24-hour interval

Get to know about ane of the nearly spectacular Icons8 fails in How Nosotros Lost 47% of Our Users Afterward a Redesign.

Also, acquire how to make a consistent icon set, how to make a pixel-perfect icon, how to make a seamless background, and how to make a watermark in Photoshop

Try free tools for creators by the Icons8 squad

Photo Creator, free collage maker with AI-based technologies to make custom photos for your story

Pichon, the desktop app to download icons and clip art and employ them offline

Icons8 Photos, the large collection of gratis stock photos designed to work together

Also, get the lists of costless vector software and gratuitous photo editing software.