Tutorial: Merging Images

Discussion in 'Image Processing' started by Amin Sabet, Sep 23, 2012.

  1. Amin Sabet

    Amin Sabet Administrator

    Apr 10, 2009
    Boston, MA (USA)
    I recently posted a photo of my boys along with a comment that I had merged two different photos to get one with both of them smiling:


    A couple people have asked me how to do this, so I'm posting a 4-minute video tutorial, only 3 minutes or so is about the merging part. The last 35 seconds is a brief demonstration of Alien Skin Exposure 4. You'll need Adobe Flash to see the video below (large file warning to those with limited data plans). I used Adobe Photoshop (CS5 in my case) for this, but any app that lets you create layer masks should work basically the same way.

    <!-- copy and paste. Modify height and width if desired. -->
    <object id="scPlayer" width="832" height="799" type="application/x-shockwave-flash" data="http://content.screencast.com/users/aminsabet/folders/Jing/media/9cb3b4c3-c98c-454a-be0e-ca40c2468ed2/jingswfplayer.swf" >
    <param name="movie" value="http://content.screencast.com/users/aminsabet/folders/Jing/media/9cb3b4c3-c98c-454a-be0e-ca40c2468ed2/jingswfplayer.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#FFFFFF" />
    <param name="flashVars" value="thumb=http://content.screencast.com/users/aminsabet/folders/Jing/media/9cb3b4c3-c98c-454a-be0e-ca40c2468ed2/FirstFrame.jpg&containerwidth=832&containerheight=799&content=http://content.screencast.com/users/aminsabet/folders/Jing/media/9cb3b4c3-c98c-454a-be0e-ca40c2468ed2/Merging%20Images.swf&blurover=false" />
    <param name="allowFullScreen" value="true" />
    <param name="scale" value="showall" />
    <param name="allowScriptAccess" value="always" />
    <param name="base" value="http://content.screencast.com/users/aminsabet/folders/Jing/media/9cb3b4c3-c98c-454a-be0e-ca40c2468ed2/" />
    Unable to display content. Adobe Flash is required.
    • Like Like x 11
  2. dogs100

    dogs100 Mu-43 Top Veteran

    Nov 12, 2011
    N Devon UK
    Real Name:
    Amin, thanks for taking the time to do that, very well done. Again, thanks. Geoff
    • Like Like x 1
  3. zpuskas

    zpuskas Mu-43 Veteran

    Feb 25, 2011
    Santa Barbara, CA
    Very nice, thanks Amin!!
  4. monchan

    monchan Mu-43 Veteran

    Jul 7, 2012
    Tottori City, Japan
    great. this is a good idea for noobs like myself. had my camera for half a year.
    but am still only doinging a little pp. little projects like this would be good to get us noobs using what ever software we have with a bit more confidence. any chance of a series from various posters?? cheers
  5. jsusilo

    jsusilo Mu-43 Veteran

    Aug 28, 2012
    I can see this forum go the distance ... the reason I say that is because of post like this one where our admin webmaster put his own dedicated time creating video for the benefit of its members. +1 Amin!

    About masking layers: I personally would move top-layer first such that the face portion of the older son is aligned with the bottom layer. That is done easier when transparent by first lowering the opacity down to say 50%. Once aligned, either by moving or rotating or both, the opacity can be shifted back up to 100% and paint the face only as shown in video ... That way, it eliminates problem with bokeh and or other part of the photo not matching.
  6. speedandstyle

    speedandstyle Mu-43 Hall of Famer

    Good basic tutorial!

    I do photography for a children's ministry and I can't tell you how many times I have had to swap one or more faces{other body parts} to fix photos. You do it a little different that I do but the end result is what matters.