Photoshop: Best Way to Make Clothes Invisible!

October 10, 2019 0 By Peter Engel

Hi. This is Marty from Blue Lightning TV. I’m going to show you how to easily create
the look of invisible clothing. I provided this image of a remote highway
and an image of a man wearing a white tee shirt. Their links are located in this video’s description
or project files. Feel free to use your own images if you like. To get the best effect, use an image of clothing
that’s white or light in color and has a lot of folds or creases. This will amplify the effect. If you’re using a subject wearing bright colored
clothing, I’ll show you how you can change it to white or light gray in a few minutes. The first step is separate the clothing and the body separately and place them each onto its own layer. To do this, open your Quick Selection Tool. I find that a radius of 10 pixels generally
works well for most sizes and resolutions. Make sure the “add to” icon is active, which
will add selections as you drag the tool over various parts of your subject. Drag your tool over just the clothing to select it. To check it, press “Q” on your keyboard. Then, revert it back into a selection by pressing
“Q” again. Press Ctrl or Cmd + J to cut and copy the
clothing onto its own layer. Make the subject active and drag your tool
over all the body parts. To remove areas of the selection that are
outside the body, press and hold Alt or Option as you drag over them. Then, cut and copy the body parts to its own layer. If your subject is wearing colored clothing,
open your Channels panel. If you don’t see it, go to Window and Channels. When you click on each of the channels – red,
green and blue, you’ll see that certain colors of your subject are very dark or very light
depending on how much of that color is picked up by that specific channel. In this particular image, if I want the red
jacket to be the source of my displacement map, I’ll use the red channel, since this
channel make the jacket the lightest. Press Ctrl or Cmd + A to select it and Ctrl
or Cmd + C to copy it. Click the RGB channel and open back your Layers panel. Press Ctrl or Cmd + v to paste it above your subject. Now, you’ll be able to use the clothing for
your displacement map. Shift-click the clothing layer to make it active, as well, and press “v” to open your Move Tool. Drag the two layers onto the tab of the background
and without releasing your mouse or pen, drag them down and release. To move them, just drag them. To resize them, open your Transform Tool by
pressing Ctrl or Cmd + T. If you’re using a Photoshop version earlier than CC 2019,
go to a corner and when you see a diagonal, double-arrow, press and hold Alt or Option
+ Shift as you drag it in or out. If you’re using CC 2019 or later, just press
Alt or Option as you drag it. Then, press Enter or Return. Next, we’ll create a displacement map of the
clothing, which we’ll use to displace or warp the background to give the illusion that it’s
wrapping itself around he contours of the clothing. Click the clothing layer to make it the only
layer that’s active and make a copy of it by pressing Ctrl or Cmd + J. We’ll make a new layer below the copy by Ctrl-clicking or Cmd-clicking the New layer icon. We’ll fill the empty layer with white by pressing
Shift + the F5 key at the top of your keyboard to open the “Fill” window. You can also go to Edit and Fill. Open the Contents list and click “white”. Shift-click the top layer to make it active as well, and merge the two layers by pressing Ctrl or Cmd + E. Desaturate it by pressing Ctrl or Cmd + Shift + U. Since displacement maps look best when they’re
blurred, go to Filter, Blur and Gaussian Blur. Blur it 3 pixels. If you’re using this particular image, let’s
bring out the midtones a bit more by pressing Ctrl or Cmd + L to open your Levels window. Go to the Input Midtones slider and drag it
to the right to darken it. If you’re using a different image, adjust
its brightness accordingly. Go to File and “Save As”. Save to your Desktop, so you can find it easily
as a Photoshop PSD file, name it “Displacement” and click “Save”. If you see this message, just click OK. Since we saved our displacement map to our
Desktop, we can trash this layer by dragging it to the Trash can or, on later versions,
pressing the “Delete” key. Ctrl-click or Cmd-click the eyeball icon next
to the background to hide the other layers. We’ll convert our background into a Smart
Object, so we can modify it non-destructively. To do this, make the background active and
click the icon at the upper, right. Click “Convert to Smart Object”. Go to Filter, Distort and “Displace”. Type in 30 for both scales and tick “Stretch
to Fit” and “Repeat Edge Pixels”. Click the “Displacement” file you saved onto
your Desktop and click “Open”. You’ll notice two things that happened to
the background – 1) The area that takes the space of the clothing has warped itself to
the contours of the folds of the clothing and, 2) The background has moved up and to
the right 30 pixels creating a distortion on the bottom and on the right . We’ll take
of the latter in a minute. Make the body layer visible, as well as, the
clothing layer. Make the clothing layer active and change
its Blend Mode to “Multiply”. Next, we’ll get rid of the distortion along
the edges by cropping them off. Open your Rectangular Marquee Tool and go
to the top, left corner of your image. Drag the tool to just above the distortion
at the lower, right. Go to Image and Crop. Deselect it by pressing Ctrl or Cmd + D. This is Marty from Blue Lightning TV. If I’ve helped you learn or improve in Photoshop
and maybe even inspired you to explore your creativity, give back some love by joining
my community of patrons at Patreon for as little as $2 dollars per month. Click the Patreon card at the upper, right. Thanks for watching!