Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
A good photo manipulation depends on two primary factors, the creativity behind the piece, and the techniques that were used to accomplish it. In this tutorial we will combine several unrelated photos and combine them to create a baby pig that is being hatched from an egg. Let's get started!
The following assets were used during the production of this tutorial.
Start by opening the image of the egg carton.
We need to remove the smiley face from the egg. Select the Patch Tool and make sure the Patch Source is set to Source.
Using the Patch Tool, make a selection around any part of the drawing. Move the selection to a similar colored area of the image. The Patch Tool gives us a live preview of the patch so it is easy to tell if the colors match.
Sometimes it may not be possible to completely fix our target area with one patch. Just repeat the process until the target area is acceptable.
Continue using the Patch Tool to remove the rest of the smiley face.
Next, open up the image of the cracked egg and use the Pen Tool to make a selection around the cracked part of the egg. Depending on your image, this may be one of the rare times, which you don’t need to utilize Bezier curves.
After you’ve completed the path, right click and choose Make Selection with the Feather Radius set to 1 px.
Copy (Command/Ctrl + C) and Paste (Command/Ctrl + V) your selection into the original scene and rename the layer "Cracked Egg."
Right Click this layer in the Layers Panel and select Convert to Smart Object.
Transform (Command/Ctrl + T) the Smart Object to a desired position. Don’t worry if it doesn’t fit perfectly into place, we will correct this in the next step.
To fix any parts that might be sticking out, create a new Layer Mask to mask out these pieces.
As of now, our new layer does not match the depth-of-field in our scene. To fix this, we first need to add a Gaussian Blur to our Smart Object with a setting of 1.1 px.
The Gaussian Blur filter becomes a Smart Filter since it was applied to a Smart Object. That means we can adjust the values at any time. It also means that a Layer Mask was automatically created that will directly affect the filter.
Click on the Smart Filter’s Layer Mask to activate it and using a black brush, paint over the areas of the cracked egg that should be in focus. This will mask out the blur in these areas.
Go back to the image of the cracked egg and take a look at the hairline fractures running down the egg. We want to emulate this in our scene.
Go back to our scene and create a new layer called "Fractures." Sample the color from inside the egg and, using a brush set to 1 px, draw these fractures.
It may appear that the 1 px brush is producing lines that are too thick. We can create the illusion of a thinner line by adjusting the layer’s Opacity. This can be demonstrated with the following graphic.
Go ahead and reduce the "Fracture" layer’s Opacity to 41%.
With the cracked egg in place, we still have some of the original egg showing through in the background. We will need to rebuild the background so that it appears as if there was no egg there. Take note of the other eggs in the background that we will have to rebuild—there are about four.
To start rebuilding the background, hide the "Cracked Egg" layer and the "Fractures" layer so we have a clean egg to work with. Use the Elliptical Marquee Tool to select the egg and Copy (Command/Ctrl + C) and Paste (Command/Ctrl + V) the selection to a new layer. We will use this egg to rebuild the background.
We need to get this egg to match the same blurring as the background egg. Go to Filter > Blur > Gaussian Blur to set the Radius to a setting that matches one of the background eggs. In this case, I am going to rebuild the egg immediately behind the front egg (Egg number one according to our diagram), which has a Gaussian Blur Radius of about 6 px. Position this layer so that it covers the egg we are working on (egg number one).
We need to blend this egg with the existing background. Add a Layer Mask and unhide the "Cracked Egg" layer so we can see what we are working with. Click the Mask in the layer's panel to activate it and use a soft, black brush to hide parts of our new layer so that it blends with the background.
Zooming in, we can see that the noise from the original image does not match our masked layer. To resolve this, add the Noise Filter (Filter > Noise > Add Noise) with a very low Amount (I used 0.58%).
Continue the technique of rebuilding an egg on the other three background eggs. Your image should resemble the following:.
Next, open the image of the Pig. Before we start to extract the pig from the background, we want to remove the nail on wood post. Using the Clone Tool, clone out the nail.
It’s important to note that our original scene has a high depth-of-field and, because of this, we will be blurring the edges of the pig in our scene. Therefore, we will not be spending a lot of time trying to perfect our selection.
To start our selection, go to the Channels Panel and make a copy of the Red Channel. We are starting with this channel because it appears to have the most contrast.
Using a soft brush set to Overlay, paint with black around the edges of the Pig to enhance the contrast.
Adjust the levels to bring out more contrast.
Change the Brush’s Mode back to Normal, and use white and black colors to clean up the image so that we are left with black and white mask. You may need to manually add in the feet.
Invert (Command/Ctrl + I) this channel and then Command/Ctrl-click the channel to make a selection.
Select the RGB Channel and go back to Layer’s Panel and select the full color layer. Copy (Command/Ctrl + C) and Paste (Command/Ctrl + V) the selection onto a new layer.
You can quickly test to see how clean your Mask is by applying a stroke to your new layer. If you see any stray areas, just erase them. When you’re done, copy this layer (without the stroke) into our original scene and name it "Pig."
Transform (Command/Ctrl + T) the layer so that it fits nicely over the egg.
Use the Clone Tool to continue the body of the pig. so that it completely overlaps the opening of the egg.
To make the pig appear to be inside the egg, we need to add a layer mask. Using a small brush, mask out the pig so that the egg shell shows through. It helps to zoom in.
Currently, the pig does not blend well with the rest of the scene. We are going to use an Adjustment Layer to fix this. Add a Levels Adjustment layer as a clipping layer and adjust the setting so the pig appears to match the warmth of the scene better. Your settings may vary.
We are going to add some quick highlights and shadows. One method that I sometimes like is an old method that Scott Kelby used to use. Create a new clipping layer to the "Pig" layer and fill it with 50% gray.
Set this layer’s Blending Mode to Soft Light and with a large, soft brush with a low opacity, start painting shadows with black and highlights with white. By keeping the brush’s opacity low, we can gradually build up realistic shadows.
Our next step is to give the pig more character. To do this we are going to change its expression. Start by opening the image of the monkey.
Select the Elliptical Marquee Tool and set the Feather to 5 px. Now, select the monkey’s eye.
Copy and Paste the eye into our scene.
Currently, the eye is not shaped as round as it could be. To reshape the eye, open the Liquify Filter (Filter > Liquify).
Select the Bloat Tool and click a few times in the middle of the eye to force some roundness to the eye.
Next, select the Forward Warp Tool (with the settings 148, 57, 64) and ‘push’ the edges of the eye outward until it forms a circle.
Now that our eye has the shape we are looking for, go ahead and resize it and place it into position. If necessary, create a new Layer Mask to clean up around the eye.
Make a copy of this eye and move the layer below the "Pig" layer in the Layers Panel. Position this new eye so that it’s barely peeking out from behind the pig.
The back eye appears a little flat. Using a small white brush, add a couple dots of highlight to give the eye more life.
Our next step is to add some wrinkled eyebrows. Start by opening up the image of the elephant. Using the Lasso Tool with the Feather set to 5 px, make a selection around the wrinkles on the elephant’s trunk. This will provide us some great texture to use above the pig’s eyes.
Copy and Paste the selection into our main scene and Desaturate this layer by pressing Command/Ctrl + Shift + U.
Scale the layer using Crtl + T so that it fits above the eye. With the layer still in Transform Mode, activate the Warp Mode by selecting the Icon in the top menu bar. Adjust the handles to warp the layer so that it gives the pig more expression.
It may be necessary to blend the edges of this layer more. To do this, create a new Layer Mask and use a soft brush to feather the edges to your liking.
Set this layer’s Blending Mode to Soft Light and the Opacity to 40%.
Make a copy of this layer and reposition the copy over the other eye.
To fix the overlapping problem of the "Wrinkles Copy" layer, move it directly above the "Pig" layer. Since we are placing this layer below existing clipping layers to the "Pig" layer, our layer will automatically become a clipping layer.
To make the pig appear as if he is actually hanging out of the egg, we need to add shadows. Before we start adding a shadow, we need to select a good color. Use the Eyedropper Tool and select the area of the egg that is already covered by a dark shadow.
On a new layer below the Pig layer, paint in the shadows that would appear directly below the pig’s feet. To clean up my layers, I’ve grouped all the pig layers together.
Another characteristic of realistic shadows is a secondary, more diffused shadow. To create this type of shadow, make a copy of the original shadow layer and apply a Gaussian Blur (Filter > Blur > Gaussian Blur) of 7.5 px. Reduce this layer’s Opacity to 35%.
We can add some more subtle shadows using the Brush Tool. Set the Size to 70 px, the Hardness to 0%, and the Opacity to 10% and start painting over areas where the pig comes close to (or touches) the egg.
Using a smaller brush, go back through and add some darker shadows where necessary.
The last step is to blur the pig. Make a copy of the "Pig" group and press Command/Ctrl + E to merge the group. Select the Blur Tool and set the Strength to 30%
The goal is to match the depth of field that already exists in the original image. We want to keep the eye in focus and make the end of the snout the most blurred. Work in stages, adding subtle blurring toward the inside of the pig and stronger blurring on the outside, with the heaviest blurring on the snout.
You're Done! Your final image should resemble the following: