Overlay, Mask, Please Help

[ontrack5]

I've spent several hours trying to find the answer, no luck. Maybe I'm just searching for the wrong terminology.

I'm trying to make masks for my website.

For example. A t-shirt mask. it's basically a png file that contains all the shadows, details, etc for the shirt, just no actual color. So if I lay this mask over a square of color, I get the shirt with whatever color I select from a palette.

https://docs.lumise.com/product-mask-image/

This url shows what I'm looking for.

How can I make these in paintshop pro?

Thanks,
Craig

[LeviFiction]

Yes, though how to do it will depend. the method I use below isn't guaranteed to work on everything.

Blend Ranges are probably your best bet. I used this image as a test: https://en.wikipedia.org/wiki/File:Blue_Tshirt.jpg

1) First I duplicated the background layer so that I'm working non-destructively. Then I hid the background layer because it's not necessary.
2) On the duplicate I use the magic wand tool to select the white background
3) Promote the selection to a layer - This will be the white background surrounding image
4) Selections -> None
5) Select the T-shirt layer
6) De-saturate the image - Adjust -> HSL -> Hue/Saturation/Lightness - Set Saturation to Zero.
7) Open the Layer Properties
Select the Blend Ranges tab
9) Set Blend Channel to Grey Channel
10) On the "This Layer" bar, select the top right arrow and move it all of the way to the left. Then move the bottom right arrow in closer until you see only the shadows.

You can now test the image by adding a color layer below the t-shirt layer to see how it looks. You can adjust the blend ranges to get a better look. Once you're happy with it, hide the color layer, and save the result as a PNG.

[migf1]

Hello ontrack5,

although it is possible to make a mask containing different levels of transparency for shadows and such, in your example it is much easier to just desaturate the t-shirt, adjust its contrast and/or brightness using for example levels or curves (even fine tune them using their masks, if you apply them as adjustment layers) and then just create solid color layers on top of the t-shirt, and change the blend mode of those solid color layers. You should have just 1 solid color layer visible at any given time, but sometimes having more than 1 can give you interesting mixes of their colors.

[LeviFiction]

I was just going to edit my post but since migf1 has replied I wanted to show these Photoshop tutorials. They are very similar to PaintShop Pro. Nnames and keyboard shortcuts might be different but most of these can be used in PSP.

http://www.michaelhoss.com/blog/how-to- ... shirt-mock <- essentially sues the method migf1 suggests.

https://community.adobe.com/t5/photosho ... 092?page=1 <- responds to someone asking about the previous tutorial with alternatives including the method I use above.

[migf1]

Oh , we were cross-posting Levi. Nice links!

[hartpaul]

Using Levis link to the shirt I copied and pasted into PSP , then
1. Used magic wand with selection mode RGB selected the white area.
2. Selections > Invert
3. Choose Tool - Change to Target Brush (in group which starts with Lighten/ Darken just below the Paintbrush tool) Make the brush large enough to cover the whole image.
4. Make the Hardness 100, Opacity 100 and select a color for the Foreground and Stroke .
5. Click in the middle of the shirt and that color will fill the area of the shirt and still show the shadows and texture of the original). Choose another color and click again and you have a new colored shirt .
All without multiple layers. And you can even throw in some gradients and patterns

[ontrack5]

This helped me a lot. I was able to get what I needed. Thanks to everyone for their help

Yes, though how to do it will depend. the method I use below isn't guaranteed to work on everything.

Blend Ranges are probably your best bet. I used this image as a test: https://en.wikipedia.org/wiki/File:Blue_Tshirt.jpg

1) First I duplicated the background layer so that I'm working non-destructively. Then I hid the background layer because it's not necessary.
2) On the duplicate I use the magic wand tool to select the white background
3) Promote the selection to a layer - This will be the white background surrounding image
4) Selections -> None
5) Select the T-shirt layer
6) De-saturate the image - Adjust -> HSL -> Hue/Saturation/Lightness - Set Saturation to Zero.
7) Open the Layer Properties
Select the Blend Ranges tab
9) Set Blend Channel to Grey Channel
10) On the "This Layer" bar, select the top right arrow and move it all of the way to the left. Then move the bottom right arrow in closer until you see only the shadows.

You can now test the image by adding a color layer below the t-shirt layer to see how it looks. You can adjust the blend ranges to get a better look. Once you're happy with it, hide the color layer, and save the result as a PNG.