Super Newb Question - How to Change Color Without Jagged Edges?

[delfinparis]

I'm working on a social media icon rollover png. I need the bottom row of icons to be slightly lighter than the top row for a mouseover effect.

I know this is probably something easy I'm screwing up, but when I use bucket fill to change color, I get that circular jagged edge look.

What's the secret to changing the color of a circular object without the jagged edges? I very much appreciate any help. Thanks!

Added attachment below where you can see the jagged effect - I just bucket filled with the lighter color.

View attachment icons_bottom_row_jagged.psd

 

[thedirtyknapkin]

what version of photoshop do you use?

View attachment icons_bottom_row_jagged.psd

i can only tell you what i did if i know that

 

[delfinparis]

what version of photoshop do you use?

View attachment 18557

i can only tell you what i did if i know that

CS5.1 64-bit

And thanks!!!!

 

[thedirtyknapkin]

well it's not as simple as you think...

first i hit cmd+click (ctrl+click windows) on the layer thumbnail, to select the whole layer

then i clicked add layer mask

then i right clicked the mask thumbnail, and hit "refine mask"

then i adjusted both the smoothing, and contrast sliders about halfway
-you can change these values to taste