Photoshop Tip: Locking Transparent Pixels

By | | Web Design Tutorials & Articles

If you look on the Layers palette in Photoshop, near the top of the palette, you’ll see the word “Lock” followed by four symbols. From left to right, the icons are Lock Transparent Pixels, Lock Image Pixels, Lock Position and Lock All. Today’s little tip relates to the first button, Lock Transparent Pixel and how you might use it in your work.

LayersPalette

It’s very easy to change a block of color in Photoshop if it has strong, defined edges. You could use the Paint Bucket or Color Replacement tool to change the color, but if you want to change the color of an object that has faded edges or is semi-transparent you need to apply press the “Lock Transparent Pixels” button on the layers palette to do just that.

Here’s an example. Let’s say for example you have some sort of colored shaped with soft edges. Take the green heart shape below. It’s solid on the outside but the inside fades to transparent.

GreenFadedHeart

Now let’s say we wanted to change the heart from green to red using the Paint Bucket. If we click on a green section with the Paint Bucket tool with red as a foreground color, this is what we get.

RedHeart

We’ve lost the faded edge and it looks pretty rough all around.

To deal with this problem, click on the “Lock Transparent Pixels” button near the top of the layers palette in Photoshop. The important thing to remember is that this only works on layers with transparency, it has absolutely no effect if the object is part of the background layer.

LockTransparentPixels

Once the button is press, the transparent pixels are locked and we will only be able to manipulate the opaque parts of the layer. Now when we click on the green heart, the fade to white is preserved.

TransparentPixelsColourChange

This effect is useful for both web and print work.  Have you used it before?

Written By:

Jennifer Farley

Jennifer Farley is a designer, illustrator and design instructor based in Ireland. She writes about design and illustration on her blog at Laughing Lion Design.

Website - >> More Posts By Jennifer Farley

 

{ 12 comments }

biswa November 4, 2009 at 4:57 pm

nice tips

Jac November 4, 2009 at 2:33 pm

must come in handy at some point …thanks!

direkfilmizle November 4, 2009 at 9:41 am

thanks alot for information
film izle

markfiend November 3, 2009 at 1:14 am

It’s amazing isn’t it, you can have been using Photoshop for years and there’s still new things to learn!

Jennifer Farley November 2, 2009 at 8:36 pm

Excellent shortcuts Andy for filling with foreground and background colours. You still need to hit the Lock Transparent Pixels icon first though.

andy November 2, 2009 at 7:42 pm

Wana use shortcut?

for the same thing shown above, just Set you foreground color and press Ctrl+Alt+Backspace

and for applying background color press
Ctrl+Shift+Backspace…

:)

Nicola Connolly November 2, 2009 at 7:38 pm

I haven’t used this technique before – thanks for the tip, I’m sure it’ll come in useful.

Jennifer Farley November 2, 2009 at 6:14 pm

Hi Glenn, thanks for the tips and I’ve changed that text too.

Hi Wardrop, yes colour overlay is excellent too.

glenngould November 2, 2009 at 12:27 pm

Some other tips:

-It’s useful when you want to retouch the layer with the stamp tool, as it avoids adding new areas to the layer while cloning.
-Notice that, blur filter and some others won’t work as you would expect, if you lock the tranparent pixels.

glenngould November 2, 2009 at 12:20 pm

It’s solid on the outside but the inside fades to white.

It should be fades to transparent shouldn’t it? It’s obvious, but just for it might confuse some people.

andaraes November 2, 2009 at 9:51 am

I’ve been using the fill command [shift + F5]. As long as preserve transparency is selected, you’ll get the desired result. Interesting though, I never knew what that was for.

Wardrop November 2, 2009 at 8:59 am

I’ve always just used colour overlay for this (under Blending Options), though I’m sure I’ll find uses for this transparency locking technique. Thanks.

Comments on this entry are closed.