Friday, October 10, 2014

Combine Photo Elements to Create a Surreal Photo Manipulation

Preview of Final Results

Combine Photo Elements to Create a Surreal Photo Manipulation Photoshop Tutorial

Step 1 – Place the background

The first step it’s to place the sky, our background, into the image. As you can see, we have changed the color of it. We’re going to create a half of the image with a warm tone and another with a cool tone using the color balance tool. To do this, select the sky and then choose Image > Adjustments > Color Balance. Adjust the input sliders to add red and yellow. Select “highlights” and “shadows” then try adding more of these colors until you like the tones in your image.
02

Step 2 – Coloring the sky

Duplicate the layer with the sky. Now we are going to repeat the previous step with the color balance tool (Image > Adjustments > Color Balance) but this time adding blue and cyan tones. Remember to add some color to highlights and shadows as well.
03
Select the eraser tool then, in the option bar, select a blurred brush like shown below:
04
Now use the eraser tool to erase the left side of the sky in the top layer. This will make the warm tones from the layer below appear wherever you paint. When using the eraser, create curved strokes rather than a straight cut. When you have finished this step, you can reduce the opacity of the current layer to make the color more subtle.
05

Step 3 – Add the model

Now let’s open picture of the model. Use the magic wand tool to create a selection of the model then click on the add layer mask button in the layers palette to create a mask of the model. Refine the mask by painting in the layer mask using a brush with a harder edge. When you’re done, position the woman in the centre of the image.
06




Step 4 – Coloring the model

As you can see the lighting of the model isn’t blending in well with the background. We’re going to fix this with the levels tool. Choose Image > Adjustments > levels and move the input sliders to add contrast that matches the contrast of the background
07
Now choose Image > Adjustments > Hue/Saturation and reduce the saturation to reduce the saturation created when we used the levels tool. For the image used in this tutorial, the saturation was reduced by –24.
The next step will be exactly the same that in step 2 (when we used the color balance tool) except we’re going to use it on the model. First, duplicate the layer with the model so that you have two layers. Select one of the layers with the model then, like step two, use the color balance tool (Image > Adjustments > Color Balance) to add some red/yellow tones.
08
As you can see, it looks blended better with the left half of the background. Now, select the other layer of the model then choose Image > Adjustments > Color Balance and add some blue and cyan tones.
Now, as you did before with the sky, use the eraser tool with a soft edge to remove the left side of the layer with the girl in blue tones. Reduce the opacity on the current layer to reduce the strength of the color effect.
09
We’ve done the hardest part matching the lighting of the model with the background. Merge the layers of the model into one layer. Now you can play again withthe levels, color balance, and saturation (found in the Image > Adjustments menu) to make further adjustments.

Step 5 – Lightning the model

For the image used in this tutorial, the light comes from the background left. And to make the lighting match, we’ll have to darken the back of the model. To begin, select the burn tool.
10
Use a soft brush, edit the midtones, and set the exposure to around 30%.
11
Now use the brush over the models back. Try not make it too dark, just a little. Use this tool in the skirt too.
After that, select the dodge tool and paint the outline of the model (especially in her hair and her left arm).
12

Step 5 – Roots

Now we are going to add some roots and branches to the body of the model. It’s not difficult and you just need some images of trees and roots. We will be cutting parts of the root and tree and giving them some color like we did earlier with the color balance tool.
13
First step will be to look for a beautiful root and select it with your favorite tool (Magnetic lasso or quick mask mode for example). Don’t worry if it’s not a perfect selection, we will modify it later. Copy it and paste in our image.
14
As you can see the new image has not the same light and colors that the others, it looks out of place. What we have to do it’s the same that we did with the sky and the girl. Choose Image > Adjustments > Levels and adjust the input sliders. If you move the one in the center to the left the image will be brighter. If you move it to the right the image will be darker. In our case we are going to move to the right.
Now choose Image > Adjustments > Color Balance and add color depending of the place where you are going to put the root. If the root it’s on the left arm of the girl, for example, it will need red and yellow. But if it is on the right arm you have to add blue and cyan. This time we are going to add yellow and red. This is how it looks with the modifications:
15
When you have the root ready, just place it where you think that it will look good and select the eraser tool with a focus brush. Erase all the part that you don’t need and give the correct form to the root, now it’s when you have to improve the selection root.
16
The final step will be to use the burn tool in the areas where we should see shadows. For example, in the image below, it was used over the arm or in the bottom. I have added a little of blue using Image > Adjustments > Color Balance too. The last step is to erase the upper part of the root to create the look of a crease.
17
All the roots are added using the same process. The biggest impact to your results is choosing the photos. Once you have good photos to work with, you’ll have no problem getting good results using this technique.
18
There is just one last detail to explain. Sometimes, to get a more realistic feeling you can add a shadow to the root that falls over the skin or the dress. Take a look to this picture:
19
The only difference it’s the shadow on the right arm. To make this shadow just need to make double click over the root layer and the layer style menu will be open (or choose Layer > Layer Style > Drop Shadow). Select Drop Shadow and then use the arrow to move the shadow with freedom. When you have putted the shadow in the correct place just use the opacity bar in the drop shadow menu to add more or less intensity.
20




Step 6 – Ground and grass

Now we’re going to add the ground. The first picture used it’s a simple ground with sand taken from a photo of a beach.
21
The grass is taken from different photographs. First, create a new layer for the grass and position it behind low the layer with the model. Select and cut different parts of grass then mix them to create a field of grass like the image below.
22
This layer with the grass should be positioned between the layer with the model and the layer with the ground. Create a new layer and position it above the layer with the model and add some grass to cover the back of the models feet.
23
Finally, carefully add some grass and stone over the edge of the grass and the ground to hide the hard edges. It’s important that you inspect the edges thoroughly to hide any imperfections.
24

Step 7 – Add more roots

Now we’re going to add roots and flowers in the close-up. If you have read all the previous steps, you’ll have no trouble doing this. As mentioned before, it is very important that you choose good photos to work with. The photos should be high quality and in focus from foreground to background. If you use low resolution images, the finished results will look poor.
With this in mind, use a variety of photographs of flowers, roots, and trunks. Cut them out carefully with the lasso or quick mask tool and paste in the photo manipulation. Use the same coloring technique with the color balance tool (Image > Adjustments > Color Balance) that we used several times earlier.
25
To complete the blending of these images, we’re going to add to the ground. There are two ways to do this:
  • This is the one that I explained at the end of step 5. Using the drop shadow in the layer style menu (Layer > Layer Style > Drop Shadow).
  • Selecting the layer with the ground and using the burn tool in the areas where the shadows fall.

Step 8 – Dust

Now we are going to create some dust next to the feet of the girl. Use a picture with a cloudy sky then select one cloud using the lasso tool.
26
Copy it and paste in our document then choose Image > Adjustments > Levels. Move the middle input slider to the right to darken the cloud.
27
Then use the eraser tool in the edge of the cloud with a soft edge brush. Finally, choose Filter > Blur > Motion Blur and add the blur from left to right about 7 or 8 pixels. Position this layer behind the layer with the model. Duplicate the layer then move the new layer above the layer with the model. On this new layer, use the levels tool again but this time move the central input slider to the left to brighten the cloud.
The last retouching work will be to add red and yellow tones by using the color balance tool (Image > Adjustments > Color Balance).
28

Step 9 – Final Roots

We’re going to add the final roots. We need them to be positioned in a zigzag shape on the body of the model. To make this effect, we will need a combination of root photos like shown in the image below.
29
As always, the first step will be to select and match the different colors and lights of the roots using the levels tool (Image > Adjustments > Levels) and the color balance tool (Image > Adjustments > Color Balance). use the eraser with a soft edge to erase all that you don’t need and to give the ends of the roots a faded effect (so that they can be connected easily afterwards). Here is an example of combining different roots to create a large root:
30
It’s less difficult than it looks. Just be patient to find good images of roots and combine them using the same technique.

Step 10 – Some details

To make our photo manipulation more attractive we are going to add more details like flowers, petals, and a bird. I chose photos with objects that are easy to isolate. This will speed things up and ensure good results.31

Step 11 – Adjustments Layers

To complete the photo manipulation, we’re going to add some adjustments layers. Select the upper layer then choose Layer > New Adjustment Layer > Hue/Saturation. Reduce the saturation by about –10 or to your likings. Experiment with using other adjustment layers to alter the color and effect of the final image.
32

Final Result

Making a complex photo manipulation like this is not difficult if you follow the a few principles of photo manipulation. Some important principles are:
  • Choose good photos to start with.
  • Make sure that the lighting and color of the objects in your composition match.
  • Don’t rush. Take your time to find good images to work with and carefully blend them together. Ensure that there are no artifacts or unclean edges.
Combine Photo Elements to Create a Surreal Photo Manipulation Photoshop Tutorial

Tuesday, October 7, 2014

Age Progression - Photoshop Tutorials

Preface
I've been asked several times by different members to post a tutorial on how I age-progress a person. So, here it is!



Men and women age a little bit differently but since I've only aged female celebrities thus far, I'll just focus on women for this tutorial. I’ll be using the image of Katie Holmes that I did for a past W1K contest, as an example. 



Step 1: Choosing an Appropriate Photo
When deciding to age-progress a celebrity’s face, I try to select a picture that is touched-up as little as possible.



I find that candid shots, or any shots that have not been taken in a studio, work best because the resulting harsh lighting reveals more of the skin’s details i.e. slight bags under the eyes and faint wrinkles. The appearance of such details makes it all that much easier to visualize how your subject will age. Visualizing what the end result will look like brings you one step closer to aging her face realistically.



In Katie’s case, we can see very faint horizontal lines on her forehead, fairly obvious lines under her eyes and lines bracketing her mouth.

Step 2: Collecting Reference Material
Reference material is key in my method of aging. Keeping Katie’s face in mind, I scoured the Web, looking for faces of old women who either resemble Katie and/or share the same facial expression. Here, Katie is smiling with her face positioned at a 3/4 angle so I tried to gather as many pictures of old women who are smiling in the same manner or close to that. I then opened up the picture of Katie in Photoshop and pasted the found images around her face on a separate layer, spread out to provide easy visual access.



Another kind of reference I like to use but is usually hard to find, is pictures of the subject’s parents. I managed to find a couple of reference pictures of Katie’s mother online and they really helped me to decide whether or not to give Katie a double chin. Since her mom has quite a bit of mass under her chin, I decided I would apply that to Katie too.

Step 3: Thinning Brows
Now the fun begins! The first thing I like to do is to thin out the subject’s eyebrows and eyelashes. The older people get, the thinner their hair gets - either because hair falls out and/or because it dries out as it greys.



So to achieve this, I like to use the Clone Stamp tool at 100% with a relatively small brush size depending on the size and resolution of the image. I sampled the surrounding skin to thin and reduce the number of hairs.

Step 4: Mold the Face
Next, I like to add the basic sags to the skin. I do this in the Liquify mode. I tried to create sagging effects to the cheeks, jowls and the cliff just above the eyes by using the Push tool. For the eyes, I tried to be subtle; otherwise she may end up looking somewhat ghoulish.



From what I’ve learned about the aging process, I know that while bones cease to grow, and in fact shrink, cartilage does continue to grow. As a result, the end of a nose may appear larger as a person grows older. So while I was still in the Liquify mode, I used the Push tool to extend the length of the nose slightly. Then I used the Bloat tool to also enlarge it slightly, being careful not lose the essential quality or character of the nose. Go too far and it may not look like Katie anymore.

Step 5: The Aforementioned Double Chin


Based on her mother’s pictures, I then added a fairly massive double chin. I initially used the Airbrush tool with some fairly broad strokes, sampling the colors that were already in the area of her neck. I then worked in the details with a finer brush size. Also, keep in mind that I was also using the other reference photos of older women to guide me.

Step 6: Wrinkle Up the Eyes
For me, the most important parts to get right are the eyes. They can make or break the project. Done wrong and the picture may no longer be identifiable as one of Katie Holmes anymore. I sought out the fine lines around the eyes and I tried to imagine how they would progress into wrinkles. I then extended them in length and width accordingly. Referencing the pictures of old women helped a lot with this step.



I used a combination of the Stamp tool and Brush tool. I wish I could explain my technique at this point in a more clinical manner but mostly I relied on my artistic instincts. I emphasized the wrinkles around the eyes by widening and deepening the lines slightly and increasing the contrast by darkening the recesses and lightening the edges. Also, I extended wrinkles to the cheekbone areas. I then applied the same technique to the wrinkles around the mouth and to the forehead.

Step 6: Reducing the Lips
In this step, I work on the lips. As people grow older, the outline of the lips tends to recede. Using the Stamp tool, I sampled the skin surrounding the lips and thinned them out.



While I was at it, I also added a few vertical wrinkles above the lips to give her a bit of a "prune" effect. We just want a hint of that, so don’t carve out deep lines; deep lines would only be necessary if she was puckering her lips.

Step 7: Planning Out More Wrinkles


Here, on a separate layer, I faintly outlined or sketched, with a relatively thin brush size, areas that I may or may not add more lines and wrinkles to. It’s easy to get carried away with the addition of wrinkles. So, I stopped, took a step back and assessed where to take to image. For me, it's essential and a great test to see what best works.

Step 8: Touching Up the Wrinkles
Based on the previous step, I added wrinkles where I thought they were needed most.



Overall, I found that the wrinkles and lines seemed a little flat in comparison to the rest of Katie’s features. They needed more definition so that they could pop out more. So, I highlighted the raised edges of the individual lines with the Brush tool and with a lighter skin tone.

Step 9: Hairy Lips
Facial hair becomes an issue with most women as they age. For some strange reason they lose it in the brow area and grow it back around the mouth area. I didn’t want Katie to be the exception so with a very fine brush size and the Brush tool, I added hairs to her upper lip.



I tried to make it as subtle as possible. Hairs too thick or dark would draw the viewer’s attention straight to her mustache and I didn’t want that. I also added more wrinkles to the area below the corners of her mouth.

Step 10: Refining the Neck


I decided that the neck was too smooth for a woman of 75 years of age. So I added finer wrinkles to that area. Also, I added more mass and weight to her jowls with the airbrush by increasing the value of the tones in those areas thus creating more contrast between surface planes.

Step 11: Adding Age Spots
A key component to effective aging of a face is the addition of age spots.



So at this point, I sampled one of the darker skin tones on her face, and on a separate layer that was set to Multiply and 30% opacity, I brushed them in and tried to create irregular shapes (there IS no perfect age spot). You can add as many as you like; the amount varies from person to person. I decided to be conservative with Katie.

Step 12: More Refinements
I took a little break from it and came back to it later to possibly get a better perspective on it. When I looked at it, at this point, I decided that certain areas needed refining and added detail. This is the beauty of working with a high-resolution file; I can zoom in real close and deal with a wrinkle up-close and personal.



Unless their teeth were subjected to regular whitening, most people’s teeth yellow with age. Gums also recede, showing less gum and more bone. And so with that in mind, I sampled a yellowish-brown color and on a new layer that was set to Multiply and 30% opacity and painted that color to the teeth with the Brush tool. Her gums didn’t show to begin with, so receding the gums here wasn’t necessary.

Step 13: Preparing the Hair


The finishing touch here is greying the hair. I began by creating a mask defining the area of the hair. I used the brush for this and tried my best to define as many loose strands of hair that I could.



With this mask as a selection, I then created a Hue/Saturation adjustment layer and reduced the saturation to –63.



I then created a new adjustment layer based on the same mask and adjusted the Brightness/Contrast to brightness +9 and contrast –36. As a result, I found that the darker areas were too pale and caused a loss of depth and so to adjust that, I then selected the mask and scratched out the darker areas with a 5px brush size at 50% opacity so that they could show through from the original image.

Step 14: Hair Raising
The next step was to raise the hairline and thin out the hair. Hair loss is common with both sexes.



I sampled the area at the top of the forehead and extended the skin area above the original hairline.

Step 15: Greying the Hair
A lot of details of the hair were lost in the previous step so with a thin brush size at 80 percent opacity I drew in fine grey hairs, sparsely laid out.



Patiently, slowly, stroke by stroke I added more and more hairs until I was happy with the amount of grey I had added.

Step 16: Finishing Touches
Finally, I took a step back, refined a few wrinkles here and there ET VOILA!



I hope this tutorial was insightful. It may not be the most technically detailed tutorial but it gives you a good idea of the process I go through to get the job done. Hopefully, it will help you create your own trophy-winning images for future Fountain of Age contests!