Participant

Answered

Create transparant tshirt image

Forum|Forum|3 years ago
May 10, 2022
4 replies
6605 views

Hello,

Does anybody know how I can create a product image like this tshirt below?

This image can I use on webpages and give them different colors if I change the background from the webpage.

I tried multiply blend mode but this does not work.

Thanks a lot for helping

Correct answer Jeff Arola

Like this:

1. Duplicate the shirt layer

2. make a selection of the shirt by using the magic wand and clicking on the

white area around the shirt

3. save the selection to a channel for future use, then Select>Deselect

4. select the bottom layer and add a color fill adjustment layer with black as the color

(Layer>New Fill Layer>Solid Color)

5. select the top shirt layer and go to Layer>Layer Style>Blending Options

6. move the right This Layer slider to the left just enough so see black around the shirt, the

hold down the Alt or Option key and click on the left part of the slider to split it and move

it all the way to the left

7. go to File>Scripts>Flatten All Layer Effects

8. go to Layer>Matting>Remove White Matte

(the image should turn black)

9. change the color fill layer to another color other than black

10. select the top shirt layer and load your saved selection from the

channel you saved earlier

(Ctrl or Cmd click on the channel in the channels panel to load the selection)

11. Go to Edit>Fill>Contents>White

12. Select>Deselect

13. turn off the visibility of the bottom two layers and File>Save As>PNG with

smallest file size

(click on the eye to the left of each layer thumbnail in the layers panel to turn

off the visibility)

Jeff Arola

Community Expert

Basically i used Blend-If to get the below:

screenshot of what the above png looks like photoshop with the color fill layer below it

with color fill

If that looks like what your after i'll go into more detail

fbackground_tshirtt.zip

M

mark@headTrix

Community Expert

Yes this is what she is looking for. Really not sure why everyone is having trouble understanding. She is looking to create another image like the one above, that is transparent and the colors can be changed whether on a website with a background color change or in a photoshop file so she can add new colors.

So how did you do it Jeff? I tried using blend if but it seemed to get rid o f the white and shadows.

Cheers,

mark

headTrix, Inc. | Adobe Certified Training & Consulting

Bojan Živković11378569

Community Expert

Try splitting right handle on This Layer using Alt + click and drag as on screenshot below. You must isolate shirt on separate layer to use Blend If as suggested below.

Trevor.Dennis

Community Expert

@Ellen21

There are a bunch of posts to your thread now, so can you help us out with some more information?

Trevor.Dennis

Community Expert

I'm going to guess that you want to use the same image of the t-shirt and show it in different colours.

Colorizing does not work on objects that full white or full black. In fact it has the most effect on 50% grey. So we need to use something like a curves adjustment layer to achieve that. Note that as well as bringing down the white tones, I have also applied a dip in the middle of the curve to darken the shading. I have also clipped the curvesa layer to the t0shirt layer.

Now we can add a layer, fill it with colour and set its blend mode to colour. It was too intense so I reduced its opacity to 60%

To increase the shading effect we can use a copy of the t-shirt set to Multiply. Not I have pulled down the curves layer a bit more for best effect.

Let us know if we are off the track, giving as much inforation as you can.

Trevor.Dennis

Community Expert

I'll add this recent video from the Photoshop Training Channel on transfering shading to composited elements.

Jesus Ramirez nearly always has information that is new to me, and that information is often hugely effective and changes the way I use Photoshop. In this case I discovered that desaturating using a Vibrance adjustment layer has an important difference to using Hue Saturation. To make that clear, I am referring to using the Saturation slider and not the Vibrance slider in the Vibrance adjustment layer. You can see a marked difference in the results. Desaturating with the Vibrance layer on the right has produced significantly greater contrast making it much better for transfering its shading.

M

mark@headTrix

Community Expert

you are close, but if you downloaded. the image Ellen shared, you will see that the negative space is white, and the foreground is transparent with exceptions of the shading. So you can create a new solid layer with any color, and as long as it is behind the layer, the shirt will look great since it has all shading in the top transparent layer.

its a new technique I have been seeing for fashion companies since it makes it easy to post a shirt in literally ANY color using the exact same file! no more having to use sliders to change and try to match the colors. I'm not sure how its done... but Im following this post!

Hope that makes more sense.

cheers,
mark

headTrix, Inc. | Adobe Certified Training & Consulting

Bojan Živković11378569

Community Expert

Your question is not clear to me. What is exactly your request regarding Adobe Photoshop? Can you give us more details? Do you want to remove background or something else?

I just downloaded your example image.

You may be able to do trick using transparency.

Before using Transparency separate shirt from background, unlock background layer or promote it to normal then select shirt and press Ctrl + Shift + J. Lower transparency of layer with shirt to 25% for example, experiment. Create at the very bottom layer filled with color and experiment. remove bottom most layer when you finish experimenting.

Save as PNG.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded