How To Create A Portrait Mask Illusion With Photoshop

  • Work-from-home

AnadiL

••●∂ιѕαѕтєя●••
VIP
Nov 24, 2012
72,933
23,237
1,313


In this tutorial, I will show you how to create an eye-catching portrait illusion. This tutorial covers the simple techniques that I used to create a mask out of a photo of my own face. Let’s get started!
1. Create the Background Gradient

Step 1
Create a new document to these specifications.




Step 2
Activate the Gradient Tool (G). You might need to click and hold on the Paint Bucket Tool to see it.




Next, click on the long gradient rectangle at the top left corner to edit the colours.



Step 3
In the Gradient Menu, click just under the long rectangle somewhere in the middle to add a stop.


It should look like this:




Step 4
Double-click on the leftpaint bucket to open up a color picker menu. Enter in #18ecf6at the bottom and press OK.




Step 5
Enter in the values for the other to stops. #e3e3e3the middle and #544540 for the right. Your gradient should now look like this.



Step 6
Lastly, extend the midpoints closer to the ends (the little circles underneath the bar)



Step 7
Drag the gradient from top right corner to bottom left corner and you should be left with something like this.





Place the Model
Now that the background is set, you are ready to bring in the model photo and get it ready to be edited.

Step 1
Open the model source file and place it into the document. Name it Model.

Step 2
Now it’s time to extract the model from the background. To do so, grab the Quick Selection Tool (W) and set your brush around 35 pixels.


Start selecting only the models body. If the selection jumps and grabs some of the background, simply subtract it out by holding the Alt/Option button as you click the image.



Step 3
Once you have the model fully selected, click on the Refine Edge button at the top of the image.


Copy these settings in the Refine Edge menu. Make sure the View is On Layers.Essentially what this does is it outputs the layer with a layer mask included with the best possible edge.



Before you hit OK, make sure the hair area is properly selected. Selecting hair is very tricky sometimes, so to make sure you are getting the best selection, use the settings displayed below and paint a little area around the outer edge of the hair. You will see the hair selection get more detailed.




Your image should look something like this. Note: The Refine Edge Tool exported theModel layer with a layer mask and made the original Model layer invisible.





3. Making the Mask
We have our background and model ready to go, the next step is to start to create the mask.

Step 1
Duplicate the model copy layer by pressing Command/Ctrl-J



Right click on this new layer and select Apply Layer Mask.



Step 2
Select the Pen Tool (P) and begin to draw out the outline of the mask. I chose to start at the bottom of the jawline and work my way up around the side of the head to the forehead.






Take your time with this part and make sure the lines are nice and smooth. This is going to be the mask so it needs to be perfect.





Add a nice curved line at the forehead, using the hairline as a guide helps. If you need to delete the arm of a point, hold the Alt/Option key and click on the point. This will allow you to ‘break’ the flow of the path so you can make hard angles if needed.



Once your path extends past the forehead, you are essentially done with making the mask shape. Complete the path by drawing around the arm and back around to the bottom of the jaw line as shown.


Step 3
Right click anywhere on the image and select Make Selection.




Next press M, then right click again, this time selecting Layer Via Copy. Name
Step 5
Next we are going to add a bit of a shine to the top of the mask to make it look a little bit like plastic. Click on the FX button at the bottom of the Layers panel and select Bevel and Emboss
this new layer Maskand delete the layer below it that you copied from.




Step 4
With the Mask layer selected, press Command/Ctrl-T to transform this layer. Rotate it slightly by dragging one of the corners and lower it as shown. Once it is in a good spot, press enter




Enter in these settings and press OK.

Step 6
Time to create a slot where the string will go to. Create a mask for this layer by clicking on the mask button at the bottom of the Layerspanel.


Select the Brush Tool (B) and make a small hard brush with these settings. Make sure the Opacityis 100% and the foreground colour is black.
 

AnadiL

••●∂ιѕαѕтєя●••
VIP
Nov 24, 2012
72,933
23,237
1,313


Press Command/Ctrl-T and move this layer slightly above, and to the right of the Masklayer.


Lastly, select the Burn tooland make sure that it is set to midtones and has anOpacity of 30%. Burn the edges slightly till it looks like the photo below.



Step 9
The last thing we need to create for the mask is a shadow. The light source is coming from the right side of the photo, so the shadow will fall to the left. Create a new layer, name it Mask Shadow and move it below the Depth layer.




Using the same trick as before, hold down the Command/Ctrl key and click on the mask layer icon. This will give you a selection of the entire layer. Move this selection down and to the left.



Make sure the mask shadow layer is selected, and fill this selection with black. You can do this easily by making black your foreground colour and then pressing Alt-Delete. Deselect by pressing Command/Ctrl-D.



Next we will add a Gaussian Blur to the shadow.









Add a mask to this layer.



The last step is to mask out the excess shadow that we have created. Using the Brushtool, create a medium-hard brush with 100% opacity and paint out the areas that are not needed. Essentially the only area we need is to the immediate left of the mask. I’ve included a photo showing the area that I've masked (displayed in red).






4. Touching Things Up
We are very close to the end! We just need to fix a few things before finishing it off. We need to remove some of the extra clothing in some areas and remove the eyebrow from the face behind the mask.

Step 1
Start by selecting the mask on the Model layer and brushing out the clothing of the arm and the finger in the background. Make sure your brush is black and 100% Opacity.



Next, do the same thing on the mask layer, removing the areas around the hand and jaw line. Depending on how you drew your selection at the beginning of stage 3, you may reveal certain areas of the sweater that might not look right. Using the cloning technique you used before, simply smooth out there areas where necessary.


Step 2
One final touch to the model is removing the eyebrow behind the mask. This gives the effect that a ‘faceless’ man is behind the mask.


Using a soft brush, clone out the eyebrow area so that it is nice and smooth.


5. Create the String
Time to finish this thing off! All that is left is to create the mask's string.

Step 1
Create a new layer on top of everything and name it String. Select the Pen Tool (P)and draw a nice curved line as shown. I found it best to start from the back of the head and proceed to the string hole. Remember to go through the fingertips as well.


Step 2
Right click and select Stroke Path.


A menu will pop up. Select Brush. What this will do is stroke the path with the current setting of your brush. If need be, hit cancel and change your brush to the settings displayed below. Return to the stroke menu by pressing P and right clicking once your brush has been set.



Advertisement
Step 3
Create a mask on the String layer and brush out the small area by the fingernail. Another area that may need masking is by the string hole.


Conclusion
There you have it! You have successfully completed this tutorial and created an awesome portrait illusion! After learning about various masking techniques, familiarizing yourself with the pen tool and other tools, you can now apply this to other photo ideas and future projects. Experiment with the background, include typography and try different model angles.


 

H@!der

Super Star
Feb 22, 2012
8,413
3,070
1,313
@h@!der bhai saari Pics Visible hain :-?

wow Shizi.. this is so wonderful.. yaa sab pix available hen.. it looks too easy too.. inshAllah based on this very thread i wd create some project as soon as i get some space.. and will share the Homework here:D inshAllah

u can provide with some High Defination closeup like dis to lazy students like me ::D

great thread.. .. Jeeti raho :)
 

AnadiL

••●∂ιѕαѕтєя●••
VIP
Nov 24, 2012
72,933
23,237
1,313
wow Shizi.. this is so wonderful.. yaa sab pix available hen.. it looks too easy too.. inshAllah based on this very thread i wd create some project as soon as i get some space.. and will share the Homework here:D inshAllah

u can provide with some High Defination closeup like dis to lazy students like me ::D

great thread.. .. Jeeti raho :)
Wah wah.
Shukar U Liked it.. :D Actually Mene ap hi k lie Aik website se ye tutorial dhoondi Hain..Wahan Aur BHi Maze k hain..I will Sher them Too inshaALLAH :D aap Try Karna wo sab bhi.. :)
 

H@!der

Super Star
Feb 22, 2012
8,413
3,070
1,313
Wah wah.
Shukar U Liked it.. :D Actually Mene ap hi k lie Aik website se ye tutorial dhoondi Hain..Wahan Aur BHi Maze k hain..I will Sher them Too inshaALLAH :D aap Try Karna wo sab bhi.. :)

inshAllah.. magar Teacher .. thoda time dena..aur exercise files b sath dena.. :D

yeh rozon ki barkat he ke aap pehly se b achi hi gyee hen yaa KISI aur ka asar he :p
 

AnadiL

••●∂ιѕαѕтєя●••
VIP
Nov 24, 2012
72,933
23,237
1,313
inshAllah.. magar Teacher .. thoda time dena..aur exercise files b sath dena.. :D

yeh rozon ki barkat he ke aap pehly se b achi hi gyee hen yaa KISI aur ka asar he :p
Lollzz.
Are Main Thread bana dungi Time milne pe.. Aap Visit Karte rehna Ye Section :D
Aur pehle se hi Aisi hoon :-??
PRIVACY settings bhi Ramzan k phle batai thi mene shayd /:)
 

H@!der

Super Star
Feb 22, 2012
8,413
3,070
1,313
Lollzz.
Are Main Thread bana dungi Time milne pe.. Aap Visit Karte rehna Ye Section :D
Aur pehle se hi Aisi hoon :-??
PRIVACY settings bhi Ramzan k phle batai thi mene shayd /:)

hahah.. acha.. chalo mana liyaa ke aap pehlys e achi hi hen.. wo kya he na.. Heera to Na-Tarasheeda bhi heera hi hota he.. magar tarash kharash se chamak aur keemat badh jati he.. u know wht i mean.. :D
 

AnadiL

••●∂ιѕαѕтєя●••
VIP
Nov 24, 2012
72,933
23,237
1,313
hahah.. acha.. chalo mana liyaa ke aap pehlys e achi hi hen.. wo kya he na.. Heera to Na-Tarasheeda bhi heera hi hota he.. magar tarash kharash se chamak aur keemat badh jati he.. u know wht i mean.. :D
Jeeee :areyoukiddingme
 
  • Like
Reactions: Zach
Top