{"id":364,"date":"2012-06-07T00:01:38","date_gmt":"2012-06-07T00:01:38","guid":{"rendered":"http:\/\/www.bigstockphoto.com\/blog\/uncategorized\/compositing-images-part-1\/"},"modified":"2012-06-07T00:01:38","modified_gmt":"2012-06-07T00:01:38","slug":"compositing-images-part-1","status":"publish","type":"post","link":"https:\/\/www.bigstockphoto.com\/blog\/uncategorized\/compositing-images-part-1\/","title":{"rendered":"Compositing Images: Part 1"},"content":{"rendered":"<p>A Photoshop tutorial by Art Director and founder of <a href=\"http:\/\/www.pureworkstudio.com\/\">Pureworks<\/a>, Victoria Jordan.<br \/>\nIn this next tutorial, we\u2019re going to be compositing a single face from many other faces. Sometimes, when you work in a marketing department, as I have for most of my career, it becomes necessary to have a certain level of retouching skills. I worked with someone once who took an inordinate amount of photos with her eyes closed, and we almost always had to composite the perfect picture together when we needed one for a recap of an event. We\u2019d take her open eyes from one shot and layer them over her eyes in the shot that was perfect everywhere else. Hopefully this will be fun, (in a Frankenstein kind of way) but it\u2019s also pretty useful in real world situations.<\/p>\n<p>To start off, I\u2019ll pick my base face. I\u2019m going to pick someone with nothing obstructing their face, no hair, sunglasses, etc. This <a href=\"http:\/\/www.bigstockphoto.com\/blog\/image-18900626\/stock-photo-attractive-young-woman-isolated-on-white-background\">fashion portrait<\/a> by Bigstock contributor <a href=\"http:\/\/www.bigstockphoto.com\/blog\/search\/photographer\/bibacomua\">Bibacomua<\/a> should be perfect.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/0077a-portrait.jpg\" alt=\" compositing image tutorial \" \/><\/p>\n<p>I\u2019d like to make her look a little more high fashion and dramatic, so I want to make her lips red.&nbsp; There are ways to go in and add color to her existing lips, but for the purpose of this tutorial, we\u2019re going to choose lips from another model in another stock photo.<\/p>\n<p>It\u2019s important that the lips are head-on, facing the same direction as our base models face.<\/p>\n<figure style=\"width: 600px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.bigstockphoto.com\/blog\/image-15608381\/stock-photo-red-lips\" target=\"_blank\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/11db4-bigstock-red-lips-15608381.jpg\" alt=\" Compositing images tutorial \" \/><\/a><figcaption class=\"wp-caption-text\">Compositing images tutorial<\/figcaption><\/figure>\n<p>Now, I\u2019ll draw a rough selection around our red lips with the Lasso tool.<\/p>\n<p>I paste the photo of lips into a new layer, naming it \u201cLips\u201d and bring the layer opacity down to 50%.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/03f54-10_01.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>The next step is to scale and rotate (Command T) our second image down so lips fit the woman\u2019s head.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/9456b-img.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Now, I\u2019m going to bring up the opacity on the \u201cLips\u201d layer so I can really see where I stand.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/5c893-10_03.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>The first thing I\u2019m going to focus on is the shadow on the lips. They are darker on the right side, while our models face is darker on the left, so I\u2019m going to flip the lips (Edit &gt; Transform &gt; Flip Horizontal).<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/0a8c1-10_04.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>The next thing I\u2019ll do, will be to try to get the flesh tone on the Lips layer to more closely resemble the flesh tone on our background layer. To do that, I\u2019m going to use the Levels tool. I\u2019m more comfortable working in CMYK when it comes to Levels, so I\u2019m going to change the mode of this image (Image &gt; Mode &gt; CMYK. If you choose to do this, make sure not to Flatten the image when the dialog box comes up after choosing CMYK \u2013 you want to keep your layers), but you can stay in RGB if you like.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/3b5cf-10_05.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Now, I\u2019m going to select the Magenta level, because the background image has a more magenta hue than the Lips image, and I\u2019ll bring that level up until it matches the background layer.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/4368c-10_06.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>There\u2019s a subtle difference, but I can see the flesh tone is getting closer. I\u2019m also going to go in and darken it a bit, because the lighting on the 2 images is different. It doesn\u2019t have to match perfectly because we\u2019ll be deleting it, but it will save some time when we\u2019re cleaning up the edges of the lips later.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/94eb4-10_07.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Using the Magic Wand tool, I\u2019ll select the flesh around the models lips in order to delete it. I\u2019ll also include the shadow under her bottom lip, because we might need it. I got a pretty good selection, but I don\u2019t want to delete so sharply around her lips, so I\u2019m going to contract the selection by 2 pixels (Select &gt; Modify &gt; Contract). This will pull the selection away from the lip line. I\u2019m also going to feather the selection by 1 pixel so that the transition is not so harsh.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/7dbcb-10_08.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>So now, I\u2019ll delete and see how my new lips look. They look a little too big for her face so I\u2019ll play with the scale and rotation a bit to get the size closer.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/bd6bc-10_09.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Next, I\u2019ll to tweak the edges of the lips so we don\u2019t have any of the light outline remaining. I\u2019ll also fade out the shadow under her bottom lip a bit using the same technique. Using a soft edged smaller Eraser tool, I\u2019ll zoom in and begin to erase the lighter bits, zooming out every once in a while to make sure I\u2019m not taking too much away. The Eraser tool has a lot of adjustments you can make, including the hardness of the brush (how feathered the edge will come out) and the opacity (how much the eraser will erase). For this, I\u2019ll keep the brush small, the edge soft and the opacity light so I can make sure I don\u2019t erase too&nbsp; much.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/5d73d-10_10.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>One of the tricks to compositing images, is to pick the RIGHT images. Everything seems to be lining up, and our shadow seems to be integrating well. As soon as I\u2019m finished fading the shadow and edges, I can take a look and see if there\u2019s anything poking out from under my Lip layer that shouldn\u2019t.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d9bc9-10_10a.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>I see a tiny bit of the Background model&#8217;s lip above the center of the Lips, so I\u2019ll go in and duplicate the background layer (so I always have the original) and remove that.<\/p>\n<p>I\u2019m going to use the Clone Stamp tool to do this. First I\u2019ll adjust the size, hardness and opacity of the tool just like I did with the Easer. I\u2019ll Option + click to select the area I\u2019d like to mimic, in this case it will be the dip in above her lip.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d5f21-10_11.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Then I\u2019m going to begin to clone over what I\u2019d like to erase (the top of her lips). As you clone, be careful to clone in the direction of the flow of light and shadow.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/1cc5d-10_12.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Here we are\u2026<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d690c-10_13.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Now, I\u2019ll turn on my Lips layer and zoom out to see where we are.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/1d5a8-10_14.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>Now that we\u2019ve extended that dip in her lip, we can line up the dip and the curves in her upper lip properly. It\u2019s just a matter of scaling until it looks right to your eye.<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/652d2-10_15.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>The last thing I\u2019m going to do, is take out some of the vibrance in her lip color, as it doesn\u2019t seem to match up with the rest of the photo. To do this, I\u2019ll use the Hue\/Saturation palette and bring down the Saturation (Image &gt; Adjustments &gt; Hue\/Saturation).<\/p>\n<p>      <img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/080ef-10_16.jpg\" alt=\" compositing images tutorial \" \/><\/p>\n<p>And there we have it!<\/p>\n<figure style=\"width: 450px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/e3d4e-tutorial_10_final.jpg\" alt=\" Tutorial_10_final \" \/><figcaption class=\"wp-caption-text\">Tutorial_10_final<\/figcaption><\/figure>\n<p>Next time, we\u2019ll add another feature!<\/p>\n<p>      <a href=\"https:\/\/www.bigstockphoto.com\/blog\/subscribe\/\" target=\"_blank\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/45b31-blog_footer_2.jpg\" alt=\" Explore the world of over 13 million images with Bigstock \" \/><\/a><\/p>\n<div class=\"sqs-svg-icon--outer social-icon-alignment-right social-icons-color-black social-icons-size-medium social-icons-shape-circle social-icons-style-knockout\">\n<p>    <a href=\"https:\/\/twitter.com\/Bigstock\" target=\"_blank\" class=\"sqs-svg-icon--wrapper twitter\"><\/p>\n<div><\/div>\n<p>    <\/a><a href=\"https:\/\/www.facebook.com\/BigStockPhoto?fref=ts\" target=\"_blank\" class=\"sqs-svg-icon--wrapper facebook\"><\/p>\n<div><\/div>\n<p>    <\/a><a href=\"http:\/\/plus.google.com\/b\/102301804621993699359\/102301804621993699359\/posts\" target=\"_blank\" class=\"sqs-svg-icon--wrapper google\"><\/p>\n<div><\/div>\n<p>    <\/a><\/p>\n<\/div>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>A Photoshop tutorial by Art Director and founder of Pureworks, Victoria Jordan. In this next tutorial, we\u2019re going to be compositing a single face from many other faces. Sometimes, when you work in a marketing department, as I have for most of my career, it becomes necessary to have a certain level of retouching skills.&hellip;<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/www.bigstockphoto.com\/blog\/uncategorized\/compositing-images-part-1\/ \">Read More<\/a>","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[42],"tags":[108,138,139,140,141,142],"class_list":["post-364","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-tutorial","tag-compisiting","tag-face-images","tag-fashion","tag-model","tag-retouching","col-sm-6"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pcS8aA-5S","_links":{"self":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":0,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts\/364\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/media?parent=364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/categories?post=364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/tags?post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}