Heart Art Tutorials: How to Change the Colors of .PNG
October 26th, 2012 | Posted by in TutorialsI’m here today with a quick little tutorial, a sneak peek at something new that is coming out this weekend AND a little freebie—just for you!
I wanted to show you a little Photoshop secret that has changed my life and saved me a TON of time. It’s a simple trick that helps you change the color of a .png and allows you to use a brush in .png format without ever adding it to your brush collection (because, really—who has that much disc space?!).
Here’s how you can quickly and easily change from black & white…

…into color, like you see above.
Are you ready for it?
Don’t blink—you might miss this. It’s super simple.
You lock the transparent pixels, like so:

Then, simply press BACKSPACE + ALT (for the foreground color) or BACKSPACE + CTRL (for the background color).
It’s that easy!
But what about something a little more complex? What if you want two or more colors, like this?:

You use a clipping mask! Here’s how. First, open up your .png file along with another .png brush file (or a new brush on a second layer).
Here’s our little butterfly, along with a free brush I’ve made, just for you:

Lock the transparent pixels on the new layer to change the color of the new stamp, like so:

Then simply clip this top layer to the bottom layer (using CTRL + G or CTRL + Shift + G, depending on your settings in Photoshop):

Repeat this trick with even more layers and different brushes to get a multicolored image, like the first butterfly above!
I hope you enjoy using this free brush on your next page:
(This brush is only for personal use on digital scrapbooking pages or blog design. Thank you!)
I hope you’ve enjoyed learning about this short and sweet little Photoshop trick. I’ll see you back here tomorrow for another Sweet Shoppe Saturday!
Happy Scrapping!
You can follow any responses to this entry through the RSS 2.0 You can leave a response, or trackback.



Neat trick. I tried to change the color of a button. I locked the pixels then used backspace/alt and changed the color to red. The button is now red but it lost all the texture and detail and is just a flat red circle shape. How do you get the texture/detail of the element to come through?
To get the texture and detail of the original element to show through, you have to do the next step of Nicole’s tutorial, which was “clip this top layer [your red layer] to the bottom layer [your button] (using CTRL + G or CTRL + Shift + G, depending on your settings in Photoshop)”. You can also change the amount of texture and detail by changing the opacity or blending mode of your new color layer. I hope this helps!
Woo-hoo! That’s awesome! Thank you!
thank you!!
Thanks so much for the tutorial, and for the cool brush too.
Pingback: Heart Art : #014 & #015 - Sugarplum Paperie
Great tutorial. I’ve been wondering how this was done. Thanks for the super brush too.
WOW – thank you soooo much for this amazing turorial !! So easy, saves me a lot of time… Love it !
awesome! I need to try this. I found you through the DSD FB hop. glad I did!! thank you for the brush!
thank you so much for the free brush and the tutorial. Your method is much easier and faster than the way I had been doing it!
Great tutotial. Haven’t done the brushy re-colouring before, have to try.
Thank you so much! I just went on a shopping spree in your shop (lol!) and am getting ready to go scrap crazy
Thanks for the free brush and the tips for coloring them. xoxo