Ask DN: Apply one color to an icon that has multiple shades?

over 3 years ago from , Design @Google

Is there a way (ideally using Sketch) to do a single color overlay over an icon that has multiple colors – while preserving the original icon's different shades?

I'm trying to turn the blue folder icon into different colors (green, purple, etc.), but I'm trying to do it more elegantly than having to go through and recolor each shape individually. I'd like to be able to change the color of the folder and have it respect the opacity of the icon underneath.

Should I make the original blue icon into a transparent gray? Then somehow mask the overlay color? I tried that below in Sketch and couldn't get it to work.

Also asked this here: http://graphicdesign.stackexchange.com/questions/80323/how-to-color-overlay-an-icon-with-multiple-colors

1 comment

  • BAKA .kidBAKA .kid, over 3 years ago

    i haven't used Sketch, so I'm sorry for not answering for that program, but in Photoshop you could just do a hue adjustment layers applied only to that object/group/smartobject/layer. unsure if sketch has a similar function.

    0 points