Face Mash

Because two heads are better than one.

Photoshop Face Mashing Tutorial

with 38 comments

This is a very basic tutorial showing the most effective way to make a face mash using photoshop.

Step 1: Choose the faces.

Perhaps the most important step in making a face mash is choosing the original images to work from. The critical thing is that the faces are orientated in the same approximate way. Below you can see an example of a bad choice of faces to mash.

badmatch

If these faces were mashed it would look very unnatural because features would be orientated in the wrong direction. Below you can see an example of a good choice of faces to mash.

facematch

Notice how the faces are both turned slightly towards the right. Another thing to consider when choosing pictures is lighting. If one picture has heavy shadows it may be difficult to blend with the other image. Colours and size are not an issue as they can be fixed relatively easily in photoshop. These pictures appear to be very similar in lighting so they will probably work well.

Step 2: Match the faces.

There is a very simple method to get the faces to the same size and position. First, copy and paste both faces into the same image file in photoshop. The larger image should be on the upper layer. Now make sure the upper layer is selected and in the layers palette select the Opacity tab as shown below.

layers

Bring it down to around 50%. You will now be able to see both images overlapping.

transparent

With the upper layer still selected press (command-T) to enter Free Transform mode. Now grab a corner of the image and holding SHIFT scale the face down so that it is the same size as the other one. You can click inside the image to slide it around. If necessary, click outside of the box and drag to rotate the face. The goal here is to line up as many features as possible. Use the eyes as a guide. If the eyes match up and you chose your images well the rest of the features should match up as well.

matched

Now bring the layer opacity back up to 100%.

Step 3: Erase.

Select the eraser tool. Make sure the brush hardness is at 0% so that the edges of the eraser are soft. The first thing you can do is eraser all the extra space around the head. In this case the hair from the face behind appears.

eraseedge

Because of this it might be a good idea to use the hair of the lower face because it would be difficult to remove otherwise, although in some situations it may be possible to blend both hair styles together.

hairerase

Here all the hair has been erased on the top layer. Now decide which other features to erase from the top face. The trick is to erase just enough so that both faces are apparent but also create a new face at the same time. In this image below the eyes have been erased.

eyeserase

The face now looks like a new person but with careful attention both the sources can be identified. You may wish to experiment with which features you erase. It can make a big difference so feel free to go back a few steps and try a different combination of facial features.

Step 4: Balancing colours and light.

You will notice in the image above that the skin colour around the eyes is a bit different from the rest of the face. This can be fixed. Go to Image –> Adjustments –> Colour Balance…

Now play around with the sliders until the colours match up more effectively. You may also need to adjust the brightness and contrast to blend the images.

Another trick to blend the faces is to use the eraser tool with an opacity of around 30% and go over the edges of the areas where the two faces meet. This will create a smoother transition between any kind of tonal discrepancies.

Here you can see the faces have been balanced.

balanced

That’s about all there is to it. If the lighting in the two images is considerably different it may be necessary to perform additional manipulations but this one looks done.

That is the end of this tutorial. If you have any questions or feel something was missed please add a comment.

Written by plingativator

February 13, 2009 at 9:36 am

38 Responses

Subscribe to comments with RSS.

  1. cool…

    love 128

    March 31, 2009 at 4:28 pm

  2. Thanks for this tutorial! I’m going to have fun trying this out.

    Que

    November 4, 2009 at 5:07 am

  3. hey i just wanted to know how am i suppose to downlaod this facemash thing….
    and how i can do such things…..???????

    kunal

    November 24, 2010 at 6:47 am

  4. this is so dam amazing….but i just wanted to know that how am i suppose to download this facemash software….
    and can i even such things on facemash….
    needed some more information for facemash….
    thank u so much…..

    kunal

    November 24, 2010 at 6:49 am

  5. i liked it a lot
    but how to download it??????????????????<3

    tanvi

    December 19, 2010 at 1:19 pm

  6. You use photoshop… Available free 30 dy trial on Adobe’s website… Go download it…

    Owen

    April 18, 2011 at 6:06 pm

  7. very nice…

    Alia

    May 12, 2011 at 5:22 pm

  8. ok

    fsdfv

    September 27, 2011 at 4:13 am

  9. this was helpful, thanks :)

    Anonymous

    October 14, 2011 at 11:04 am

  10. it’s amazing and wonderful..

    Ashif

    October 22, 2011 at 5:17 am

  11. how is itpossible

    Anonymous

    November 13, 2011 at 4:22 am

  12. [...] Here is a fairly basic tutorial on blending two faces together. [...]

  13. hmmm …
    OohKaay …

    lauratagoona

    March 1, 2012 at 8:05 pm

  14. whatz the name of the “app”?

    Isabela

    April 1, 2012 at 3:59 pm

  15. when it says ‘Now bring the layer opacity back up to 100%.’ what does that mean? does it mean the bring the top layer’s opacity back to 100%? in that case, all u can see is the top face. please help!

    Anonymous

    April 26, 2012 at 8:48 am

  16. cara num entendo nada de ingles! traduza a pagina ai!

    juliana

    May 11, 2012 at 6:48 pm

  17. I saw the guy in the movie Facemash the mark

    santy

    August 6, 2012 at 6:20 pm

  18. hmm i think am gonna love this website

    Abubakar

    December 6, 2012 at 3:34 pm

  19. [...] this assignment, I explored blending two different faces together. The tutorial I used was: http://facemash.wordpress.com/photoshop-face-mashing-tutorial/ The most challenging part was aligning the faces just right and deciding which features to keep in [...]

    Exploration | aforce77

    January 14, 2013 at 4:17 pm

  20. I just want to know that if two faces are diff in terms of size,i mean if one face is broader than other how to merge the two one.

    honey chawla

    February 18, 2013 at 4:54 pm

  21. [...] Here is a fairly basic tutorial on blending two faces together. [...]

  22. I like turtles

    Anonymous

    March 19, 2013 at 5:22 pm

  23. Waffles are fine exquisite foods.

    Anonymous

    March 19, 2013 at 5:23 pm

  24. What kind of mango fruit magic is that???

    Anonymous

    March 19, 2013 at 5:24 pm

  25. What kind of mango fruit magic is that??????

    Anonymous

    March 19, 2013 at 5:25 pm

  26. These nachos that I am eating at the present time are delicious. Like, really delicious. I didn’t know nachos could be so tasty. All’s they need is a little cheese, some jalapeño slices, and some bean-less chili. NOM NOM NOM! You crave nachos too, don’t you?

    Anonymous

    March 20, 2013 at 5:34 pm

  27. Does anyone else have that Beethoven song stuck in their head? The lyrics go something like “DUM DUM DUM DUUUUUUUM. DA DUM DE DA DUUUUUM.” Great, typing the lyrics for that song has got Mungo Jerry stuck in my head. Speaking of Mungo, mangos are tasty and nutritious, except if your allergic to latex…

    Anonymous

    March 20, 2013 at 5:38 pm

  28. Well, I guess we’re now just writing random stuff… So..
    The definition of “Unicorn” literally means ‘one horned’, and since some goats or gazelles are born with just one horn, then they technically are Unicorns.
    Yes children, unicorns are real.
    Bam, I just blew your mind ;)

    Anonymous

    March 20, 2013 at 10:46 pm

  29. Hopefully Ill be reincarnated as a waffle in my next life.

    Anonymous

    March 26, 2013 at 5:39 pm

  30. I always spent my half an hour to read this web site’s articles all the time along with a cup of coffee.

    Evan

    May 9, 2013 at 9:15 pm

  31. Thanks for ds trip

    Anil

    May 22, 2013 at 5:15 am

  32. no its not clear how to create this from sumit

    Anonymous

    May 29, 2013 at 8:23 am

  33. ( ͡° ͜ʖ ͡°)lel

    Anonymous

    September 9, 2013 at 3:20 pm

  34. (/•ิ_•ิ)/

    Anonymous

    September 9, 2013 at 3:21 pm

  35. Hi

    hi

    November 5, 2013 at 4:33 pm

  36. i want to know how can the thingx remve frm da below face ??

    Maliha

    May 29, 2014 at 5:27 pm

  37. kindly rply me ax soon ax possible plx

    Maliha

    May 29, 2014 at 5:27 pm

  38. Not sure what anyone would use this for really….unless they’re pulling a prank. :/

    Rachel Savaya

    June 10, 2014 at 5:04 pm


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: