How to Change the Colors of a .PNG - Quick Tutorial by Sugarplum Paperie

I’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?! Meh!).

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!

15 thoughts on “Heart Art Tutorials: How to Change the Colors of .PNG

  • October 26, 2012 at 3:00 pm
    Permalink

    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?

    Reply
    • January 10, 2013 at 1:36 am
      Permalink

      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!

      Reply
  • October 26, 2012 at 5:07 pm
    Permalink

    Woo-hoo! That’s awesome! Thank you!

    Reply
  • October 26, 2012 at 7:47 pm
    Permalink

    Thanks so much for the tutorial, and for the cool brush too.

    Reply
  • Pingback: Heart Art : #014 & #015 - Sugarplum Paperie

  • October 27, 2012 at 12:31 am
    Permalink

    Great tutorial. I’ve been wondering how this was done. Thanks for the super brush too.

    Reply
  • October 27, 2012 at 4:57 pm
    Permalink

    WOW – thank you soooo much for this amazing turorial !! So easy, saves me a lot of time… Love it !

    Reply
  • November 3, 2012 at 9:18 am
    Permalink

    awesome! I need to try this. I found you through the DSD FB hop. glad I did!! thank you for the brush!

    Reply
  • January 10, 2013 at 1:39 am
    Permalink

    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!

    Reply
  • March 17, 2013 at 3:49 am
    Permalink

    Great tutotial. Haven’t done the brushy re-colouring before, have to try. :-)

    Reply
  • April 19, 2013 at 7:04 pm
    Permalink

    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

    Reply
  • Pingback: New CU: Softly Painted Overlays and Edges - Sugarplum Paperie

  • Pingback: Happy DSD from P&Co.! | Sugarplum Paperie

  • November 1, 2014 at 8:13 am
    Permalink

    Great tutorial, will be doing this a lot me thinks LOL.

    Reply

Leave a Reply