Design Press

13 Step by Step Transparent Clothes Effect Tutorial in Photoshop

Ever wondered how to make your t-shirt transparent that it looks like your wearing a scenery? In this article, I’m gonna show you very easy 13 Step by Step Transparent Clothes Effect Tutorial in Photoshop. So let’s get started.

If you want to use the images that I’m using, feel free to download it below.

Model: https://drive.google.com/file/d/1PfmRgqBOg_T8Ck7EIXywr4RRup_0nO5_/view?usp=sharing

Background Image: https://drive.google.com/file/d/1TbljQw_7wOLlg3zY1J7lpxdIJ3xF1pSL/view?usp=sharing

1. Resize the Background Image

Open the ‘Background Image’ that you’re going to use and select the ‘Crop Tool’ then turn it to
16×9 cinematic ratio as shown in the picture.

2. Place the Model in the Background

Drag the model image to the background file and resize it by pressing CTRL + T and fit it in the
background.

3. Remove the White Background of the Shirt

Select ‘Magic Wand’ then select all the whites in the background, make sure you selected all the whites by pressing ‘SHIFT’ while you click on the whites. After selecting all the whites, right click and choose ‘Select Inverse’. Then click the ‘Add Layer Mask’ icon located below the layer tab.

See related article: 16 Step by Step Smoke Effect Tutorial in Photoshop

4. Trace the Shirt

Select the ‘Quick Selection Tool’and select the shirt only. After selecting the shirt, make sure your foreground color is black then click the ‘Add Layer Mask’ icon then press ‘ALT + Backspace’ to delete the shirt. Then select the model layer and press CTRL + J to duplicate the layer.

5. Erase the lines of the Shirt’s Edges

The first thing to do is turn off the visibility of the duplicate layer cuz we don’t want anything to do with it for now, so by clicking the eye in the box located beside the duplicate layer, you hide its visibility. Then select the ‘Layer Mask’ of the model layer then select ‘Brush Tool’ and make sure your foreground color is Black then erase the lines of the shirt’s edges by using your brush tool.

6. Turn the Duplicate Layer to Black and White

Select the duplicate layer and turn on the visibility of the duplicate layer by clicking the box located at the left side of the duplicate layer then press CTRL + SHIFT + U to desaturate or to make it black and white. Then rename the duplicate layer to ‘tshirt’ so it won’t get confusing later. Then click the ‘Blending Mode’ option located at the upper left of the layer tab and change it from ‘Normal’ to ‘Overlay’.

7. Apply an Adjustment Layer

Click the ‘Add Adjustment Layer’ icon located below the layer tab and select ‘Levels’ then on the ‘Levels’ box, type in the mid ‘0.75’ and on the right side type in 231, to add more contrast for the ‘tshirt’ layer. After that, right click on the ‘Levels’ layer then select ‘Create Clipping Mask’.

8. Clean the Edges of the Shirt

You notice the white edges of the shirt? To remove it, simply select the ‘tshirt’ layer by pressing CTRL + click on the thumbnail of the ‘tshirt’ layer then click ‘Select’ located at the top bar then select ‘Modify’ then ‘Contract’ and set it to 2 pixels then press ok. Then press SHIFT + CTRL + I to inverse the selection then simply press ‘Delete’ key then deselect the selection by pressing CTRL + D. After that,
you can see that you don’t have that white edges anymore.

9. Save a New Tshirt File for Displacement Map

Click the ‘Square’ icon located at the top right of the layer tab as shown in the picture then select ‘Duplicate Layer’ and you will see a pop-up box where you have to change the Destination option of ‘Document’ to ‘New’ then press ok and you will be redirected to a new ‘tshirt’ document.

10. Blur the New Tshirt

Go to Filter then select ‘Blur’ then ‘Gaussian Blur’ and set the Radius to 1.0 pixels and that should
be enough. Then save it and name it Displacement Map.

See related article: 14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop

11. Add A Displacement Map Filter

The first thing to do is double-click on the background layer then press ok to unlock it, now it’s renamed to ‘layer 0’ then right click on it and select ‘Convert to Smart Object’. Then go to ‘Filter’ tab then Select ‘Distort’ then choose ‘Displace’ and then you can see a pop-up box so make sure the Horizontal and Vertical Scale is set to 15, and choose ‘Stretch To Fit’ and ‘Repeat Edge Pixels’ then press ok then select the Displacement Map file you saved earlier.

12. Apply the Displacement Map Filter on the Tshirt

You can see that we applied the displacement filter on the whole image but we only want it for the t-shirt, so to make the effects visible for the t-shirt only, select the ‘Smart Filters’ layer (layer 0) then press CTRL + I to inverse it. Then hold CTRL then click the thumbnail of the ‘tshirt’ layer to make a selection of the shirt then select the ‘Background’ layer (layer 0) then make sure your foreground color is set to ‘White’ then simply press ALT + Backspace then deselect by pressing CTRL + D. Now, you can see the effects applied to the t-shirt only. You can see the difference by turning the visibility on and off by clicking on the box beside the Smart Filter located under the Layer 0.

So that’s it! Hopefully, you followed the instructions correctly and got the awesome result on your end. And if you have any questions, feel free to comment below.

16 Step by Step Smoke Effect Tutorial in Photoshop

In this tutorial, you’ll learn how to transform an image into a Smoke Photo Effect by following these 16 Step by Step Smoke Effect Tutorial in Photoshop. It’s very easy to learn and you will be satisfied with the awesome results and you can even experiment how you’d want to combine the smoke brushes and the image you’ll be using.

If you want to use the image and the smoke brush that I’m using you can download it from here:

Model: https://reine-haru.deviantart.com/art/Rowena-Braids-Stock-268905936

Smoke Brushes: 

https://www.brusheezy.com/brushes/48403-25-hi-res-smoke-brushes

https://xresch.deviantart.com/art/22-Normal-Smoke-Brushes-197982419

So let’s get started.

1.Quick Selection

Open the image that you want to use then trace the model using the ‘Quick Selection Tool’. Make sure you properly trace it. Then click ‘Refine Edge’ then set the ‘Smooth’ by typing 14, then the ‘Feather’ 0.7, then Contrast 25, shift edge -7.

2. Add a Layer Mask

Crop the model from the background by selecting the model layer then click the ‘Add a Layer Mask’ icon, located below the layer’s tab as seen in the picture.

3. Resize the Canvas

By selecting the crop tool, expand the image’s canvas, make it wider and increase the upper and the bottom. Just drag the corners to increase the canvas.

3. Convert to Smart Object

Right-click the layer then select ‘Convert to Smart Object’.

4. Resize the Model Image

Make it a bit smaller by pressing CTRL + T while holding ‘Shift’ on your keyboard to retain the proportion, this way we’ll have space for our effects later, then right click and select ‘Flip Horizontal’ and rotate it a little bit by pressing ‘Shift’ then click the sides and find the rotate cursor and drag it around 30 degree angle then press enter.

5. Make a Gradient Fill Background

Add a new layer for the background by pressing the ‘Create New Layer’ icon, located below the layer’s tab then drag the new layer you created just below the model’s layer. Next is, click on ‘Create New Fill Layer’ icon located on the left side of the ‘Create New Layer’ icon then select ‘Gradient’. Then select the black and white gradient then change the black color to 808080 by double-clicking the ‘Color Stop’ and change the color number. Then set the ‘Angle’ to 45 degrees, 180 for ‘Scale’, then check the ‘Reverse’ box, then choose Radial for ‘Style’.

6. Duplicate the Model Layer

Press CTRL+J to duplicate the model’s layer then rename it to ‘Liquify’. We’re gonna need this ‘Liquify’ layer for the effects later. For now, let’s just hide the visibility of the ‘Liquify’ layer by unchecking the visibility box located at the left side of the layer.

7. Add Gradient Map Fill Layer

Select the model layer then click the ‘Create New Fill Layer’ icon and select ‘Gradient Map’ then choose the black and white gradient. After that clip it to the model layer by right-clicking on the ‘Gradient Map Layer’ that you just created then select ‘Create Clipping Mask’.

9. Add Black and White Fill Layer

Go to ‘Create New Fill Layer’ again but this time, select ‘Black and White’ then change the Blending Mode to ‘Soft Light’ and change the Opacity to 50% as shown in the picture. Then right-click on the Black & White Layer then select ‘Create Clipping Mask’.

11. Apply a Black Layer Mask

Click on the Model Layer then Press Alt + Click on the ‘Add Layer Mask’ icon to apply a black layer mask on the model layer. I applied a technique where I can see a little bit of the model’s face by double-clicking on the layer mask then change the ‘Density’ to 70% so I will be able to see which part of the face I am painting my smoke brush.

12. Brush off a bit of the Model’s Face

Click the Brush Tool then select 2197 Smoke Brush you downloaded from here. (if you don’t know how to load your brushes check this 13 Step by Step Dispersion Effect Tutorial in Photoshop  @ step 11 will teach you how to load brushes that you just downloaded.) It’s up to you how you want it to look like but I like to rotate the canvas by pressing R then brush the model’s face as shown in the picture. As you can see first, I brushed at the mouth area, 2nd I brushed around the eyes then the 3rd one, I changed the layer mask’s density back to 100% then brush off the eyes and nose to reveal it using a Soft Round Brush.

13. Duplicate the Fill Layers

The first thing to do is make the liquify layer visible by clicking the visibility box located at the left side of the liquify layer. Then duplicate the Gradient Map and Black and white Fill Layer by pressing CTRL + select both layers then press ALT then drag it to the top of ‘Liquify’ layer. Then create a clipping mask for both fill layers by pressing CTRL + ALT + G. Next thing to do is right-click on the ‘Liquify’ layer then select ‘Rasterize Layer’.

14. Add ‘Levels’ Layer

To make it a little bit darker, add a new fill layer by clicking on the ‘Create New Fill’ icon located below the layer tab then select ‘Levels’ then make it a little bit darker by typing 0.59 at the mid-level as shown in the picture.

14. Liquify the ‘Liquify’ Layer

Now we’re ready to liquify our ‘liquify’ layer so make sure you select the liquify layer then go to Filter tab then select ‘Liquify’ (for shortcut press Shift + CTRL + X). Select the ‘Freeze Mask Tool’ and brush it on the face so that when we use ‘Forward Warp Tool’ later, you won’t be able to warp the face. Then select ‘Forward Warp Tool’ and warp the left side of the head and spread it to the sides as shown in the picture.

15. Add a Black Layer Mask

Select the ‘Liquify’ layer then Press ALT + click the ‘Add Layer Mask’ icon located below the layer tab, then change the ‘Density’ by double-clicking the black layer mask then change the ‘Density’ to 70% so you will know where to brush your smoke brush for the effects.

16. Use the Smoke Brush

After creating the black layer mask, select the 2482 Smoke Brush then brush it off the liquify black layer mask as shown in the 1st picture, again I rotated the canvas then used 2176 Smoke Brush for the 2nd picture then I changed back the layer mask’s density to 100%. Then I choose the soft round brush and change the foreground to white then brush off a little at the nose, mouth, and eyes to make it a bit clear.

So we’re finally done! I hope you accurately followed the step by step smoke effect tutorial and if you have any questions, feel free to comment below.