Photoshop Tutorial: Create A Warm and Serene Portrait



Combining various source pictures to be manipulated into a single image is one of interesting things to do in photoshop. In this photoshop tutorial, we will learn how to do that. What we are going to create is a warm and serene portrait of panorama.

There are not any special techniques involved, so this will be very easy to follow even for the fresh new photoshop users. In the process of creating this photo manipulation, we will just use basic essential techniques on how to compose a portrait like free transform, layer mask, clipping mask, extract any image from the background using color range or pen tool, and some color adjustments.

No special high class techniques required and I will be fussy like my grumpy mom to tell you this and that (LOL) so this tutorial be clear like the eyes of a child hehehe.... Let’s get started…

Here are the source pictures needed :
1. Source 1
2. Source 2
3. Source 3
4. Source 4
5. Source 5
6. Source 6
7. Source 7
8. Source 8
9. Source 9
10. Source 10
11. Source 11


End result:
Create A Warm and Serene Portrait Final Image

Author:
avatar dekwid

Views: 74734
Score: 8.95 / 10
Author earned: $40
Practice tutorial

Tags:fantasypanoramascenewarm

Step 1

First of all, create a white document (Ctrl+Shift+N) of 1400 pxl wide and 1626 pxl high.


Step 2

In this step we will create the background for the image. Open this picture. Hit Ctrl+T to activate free transform tool. When the free transform tool activated, the picture selected will be surrounded by thin line with some small squares as transform controls. There will also be an option bar for the transform tool above the document. Now start to transform the picture. First click the chain icon in the option bar. I need to do this to maintain the pixel rasio of the picture. Next put the cursor of the mouse near the chain icon and make sure a pointing hand icon shows up, click and drag to the right. We will see the picture getting bigger.


Step 3

This is the result I create. It is just ok if you don’t get the result precisely like the one I created. But make sure that you get the upper part of the picture consisting of the cloud area.


Step 4

Next is to add more cloud to the background.

Open the picture (1).

Activate free transform tool again (Ctrl+T), do the same way as explained in step 2 to scale the picture up (2).

We have to hide the lower part of the image. To do this, give this layer a layer mask first by go to Layer > Layer Mask > Reveal All. This means we give it a layer mask indicated by a white thumb next to the layer in the layer panel. Make sure to set the foreground color to black and the background white. With very soft round brush, stroke the lower part of the picture to hide it. After stroking, we will see that some areas of the thumbnail is covered with black meaning that it was masked . The most important thing about layer mask is when we stroke with black colored brush on any layer masked picture, we will hide the stroked area ( not delete or erase as the way eraser tool do) and we can reveal the area by stroking it white colored brush . It is better than using eraser tool because we can work safely (3).

Finally, I decided to set the mood of the background with warm color. We will make little bit color adjustment to this layer by go to Layer > New Adjustment Layer > Hue/ Saturation. Make sure to check Use Previous Layer to Create Clipping Mask on optional command box. Click ok and set the setting of the Hue/ Saturation (4).

Please see the illustration picture.


Step 5

Open the other source picture on the document. Please refer back to step 2-4 on what and how to do. But for this layer, make sure to set it to multiply at 100% opacity.


Step 6

I decided to add more rock on the scene. Do this by duplicating the previous the same layer.


Step 7

In this step we will add some gentle mist on the scene. To achieve this, first open the source image. The main actions in this step is still the same as the ones in previous steps. Please see step 2-4 again for the detail. The only different thing is to set this layer’s blending to overlay at 100% opacity and then duplicate (Ctrl+J) it one time.


Step 8

In this step we will extract the first tree for the scene.

Firstly, open the tree picture in photoshop. We will extract the tree from the background. Duplicate (Ctrl+J) the tree layer and then hide the original tree layer by click the eye icon in the layer panel. With the duplication layer selected, go to select > color range, there will be color range’s command option box. Now put the cursor on the tree document and the cursor will change into eyedropper tool. Click on the background. It means that we take sample of the background color we are going to select. As we can see, the selected background change to white while the tree is black. Give try the fuzziness slider to the right or left to give it more contrast. Click ok (1).

In the layer panel we will see the background is selected. Now go to Channels. In the channel panel, click Save Selection As Channel icon (2).
By clicking the icon, we will create a new channel called Alpha1, select the Alpha1 channel and then hit Ctrl+D to deselect (3).

Now the picture is covered only with black and white. Give it more contrast by go to Image >adjustment > Levels (4).

Next is put the cursor on the alpha1 channel thumb, while hitting the Ctrl click the thumb. This will load the selection (5).

Finally select the RGB channel and then go to Layers. Hit Del. Now we have most part of the background cleaned out from the tree. With eraser tool, clean out the unnecessary part ( marked in red ) left of the background (6).


Step 9

After extracting the tree, go back to the document. We will manipulating a rocky cliff on which the tree is growing.Open the rock picture on the document. Extract the background. Use magic wand tool to achieve this. Click the tool on the background and then hit Del to clean out.


Step 10

After extracting the rock, we start manipulating a rocky cliff for the scene. See the illustration picture to do this.


Step 11

Place the rocky cliff on the scene. Set the blending of this layer to normal at 80% opacity. Finally, give it a layer mask and then with soft round brush at 50 % opacity stroke the edge of the cliff to blend it well to the background.


Step 12

Now copy-paste the extracted tree on the document. Place the tree layer under the rocky cliff layer.


Step 13

In this step, we will add another cliff on the scene.

Open the other rock picture (1).

We need to crop the rock from the background. To do this, we will used pen tool (P). select the pen tool on the tool panel, zoom it in ( Ctrl + +) and start clicking the first anchor as the starting anchor point (2).

Continue clicking to make the other anchors by tracing the the rock and the background area until the path is closed that is indicated by thin line around the area traced. Right click on the path and when the command box comes up, choose make path selection. Finally, press Del to delete the selected area (3).


Step 14

Start to create another cliff for the scene. Place the cropped rock at the lower left corner. Remember to scale it to fit the composition. Then, duplicate the rock layer one time, flip the duplication layer horizontally and place it under the original layer in the layer panel


Step 15

Now we have the other cliff. There is unneeded part of the cliff to be clean out. We still need to give the two cliff layers layer masks, and then with very soft brush, stroke the unneeded part. Also stroke the edge of the cliff the same way as we do for the previous cliff in step11. See the illustration picture for the result.


Step 16

I decided to change the color of the two cliffs created in step 14-15 to match with the color of the other rock created in step 10-11.
First, we will do this to the rear cliff. With the rear cliff selected, go to image > adjustment > match color. There will be an option command box coming up and do this setting :

Target : airterjun.psd (rear cliff, RGB/8). This means that the target of the image we are going to match is in the psd formatted document called airterjun ( I named the document airterjun which is Indonesian words for waterfall ), and the layer’s name of the targeted image is rear cliff.

Source : airterjun.psd. This means that the source image to which the targeted image is going to match with is in the psd formatted document called airterjun.

Layer : rock. This indicates the layer’s name of the source image to which the targeted image is going to match with.

After matching the color for the rear cliff, proceed with the front cliff. First duplicate the front cliff layer (Ctrl+J), with the duplication layer selected, go again to image > adjustment > color match. Do the same setting for the target image ( front image copy ) as the ones for the rear cliff. The source image is rock. Finally, set the blending of this layer to normal at 43% opacity. See the illustration image for the result.


Step 17

Now add the other tree on the document. Please refer back to step 8 on how to extract the tree from the background. After extracting, copy-paste the tree to the document.


Step 18

To blend the tree well with its surrounding, we will do color adjustment to this image. First duplicate (Ctrk+J) the tree2 layer ( I named this layer tree 2 in the layer panel ). There will be a new layer called tree 2 copy. Select the original tree layer and then give it a new adjustment layer : color balance. Make sure to give this new adjustment layer clipping mask. Then, select the duplication layer (tree 2 copy layer). Go to Image > adjustment > color match. See the illustration picture for the setting. Click ok. With the tree 2 copy layer still selected, go to layer > layer mask > reveal all to give it a layer mask. With soft round brush at 24% opacity, stroke the leaves of the tree, the roots and some area on the rock on which the tree is planted. Please see the illustration for the final result I created.


Step 19

Now we will add grasses for the foreground. Open the source picture on the document. Cut out some grass area on the picture. Extract the grass. Please refer back to previous steps on how to extract using color range.


Step 20

Next is creating the waterfall. Open the source picture. Crop the waterfall, and then cut out the water. Duplicate the cut out water 3 time. Next, arrange the duplication in such ways. After finding the desired shape, with soft brush at 40 – 70 opacity erase some lines formed from combining the tree layers. The most important thing is try to make the edge of the waterfall look very soft.


Step 21

This is the result I created so far…..


Step 22

I decided to give the scene more gentle mist. We can do this by manipulating this source picture. Open it on the document. Scale it up. And then place it on the lower part of the document. Hide the upper part of the image. Finally set the blending of this image to soft light at 100 % opacity.


Step 23

Next is to add some birds on the scene. Open the source image. Crop some birds on the image. I used pen tool to do this. Please see step 13 for the pen tool usage.


Step 24

After cropping the birds, duplicate, scale the sizes and place them in the positions like I did. Set the blending of the each bird layer to normal but try to vary their opacity between 40-70 depending on the distance of the birds. The farer the lower the opacity is.


Step 25

Now add the model on the scene. Cut the model. Scale it down to fit with the scene and place under the tree as if the model is sitting on the rock.


Step 26

Paint shadow underneath the feet, the model’s dress and also behind the pole.


Step 27

In this step we will cut out the cross. I used pen tool to achieve this. To enchant the cross, I gave it glowing light that can be achieved by going to layer > layer style. See the illustration picture.


Step 28

Next, duplicate (Ctrl+J) this layer two times. Set the first duplication layer to overlay blending at 100% opacity and the second duplication layer to dissolve blending at 100% opacity.


Step 29

Create a new layer (Shift+Ctrl+N). With this new layer selected, paint rope on which the cross will be hung. Finally, add a bird to show that the cross is carried to the girl by the bird.


Step 30

I added more grasses set as the foreground at the left below corner. The grass is the same ones I used in step 19. I just rotated it a bit using free transform tool.


Step 31

Here it is the complete composition of the image.


Step 32

This is the final result I created.



Howdie Guest!

We have 20+ awesome contests running every single week, with great prizes!
Photoshop Contests, Photography Contests, Drawing Contests and 3D Contests!

Feel free to join our free community and show of your talents to others, it's big fun!

LOGIN HERE / REGISTER FOR FREE or stay in touch pxleyes RSS feed




38 Comments:

avatar mo_ta2007
mo_ta2007 says:

GooooooooD Well I'm learning thanks to you

(4 years and 220 days ago)
avatar niks1351
niks1351 says:

truly awesome

(4 years and 219 days ago)
avatar cabldawg71

Very nice tutorial. Great job on this one Author

(4 years and 217 days ago)
avatar nishagandhi

well done!

(4 years and 214 days ago)
no avatar
madhan [banned] says:

really good

(4 years and 211 days ago)
no avatar
[banned] says:

WOOOOOWWWWWWW
Awesome

(4 years and 209 days ago)
no avatar
vijay [banned] says:

fantastic

(4 years and 205 days ago)
no avatar
Guest says:

Where do I find the waterfall, the grass with crosses images that you used for this. They don't seem to be listed.

(4 years and 205 days ago)
no avatar
Guest says:

Where do I find the waterfalls and cross with grass photos? Didn't see them in your list.

(4 years and 204 days ago)
no avatar
pshoudini says:

pretty impressive...tks for sharing

(4 years and 202 days ago)
no avatar
[banned] says:

good work. pretty good.

(4 years and 202 days ago)
no avatar
[banned] says:

geat..!!

(4 years and 200 days ago)
no avatar
asif [banned] says:

Awesome

(4 years and 199 days ago)
no avatar
Guest says:

it seem awesome BUT, I cant find the picture that you're using first, the one with that rock and cloudy sky, where can I find it?

(4 years and 198 days ago)
avatar dekwid
dekwid says:

All sources are listed above...
Well, I think I made a bit mistake giving the link for the source used to manipulate the waterfall (source 7). Here is the correct link: http://www.sxc.hu/browse.phtml?f=view&id=892805
and here is the link for the cross and grass: http://www.pxleyes.com/images/contests/crosses/fullsize/sourceimage.jpg

(4 years and 196 days ago)
no avatar
Guest says:

hiiii,,,, hw about the picture that you're using first, the one with that rock and cloudy sky, where can I find it?

(4 years and 195 days ago)
no avatar
Guest says:

picture in step 2,,,??? where can i find it..???

(4 years and 195 days ago)
no avatar
[banned] says:

Very impressive.

(4 years and 193 days ago)
avatar dekwid
dekwid says:

here is the link for the pic in step 2: http://lady-symphonia-stock.deviantart.com/art/Empty-Words-I-121167987

(4 years and 191 days ago)
no avatar
[banned] says:

wow.....nice pics..

(4 years and 182 days ago)
no avatar
[banned] says:

Thank you very much for providing the sources and also explaining it by each and every step.
The serene is really fascinating and beautiful.
Thank you very much again for sharing wonderful post.
medical accident

(4 years and 182 days ago)
no avatar
[banned] says:

really very good thanks.

(4 years and 179 days ago)
no avatar
Guest says:

thanks......... i am trying............

(4 years and 162 days ago)
no avatar
[banned] says:

Great job! I'd just made the depth of field on the distant mountains, it seems to me that it will be realistic.

(4 years and 162 days ago)
avatar Dubhy63
Dubhy63 says:

Great job !!

(4 years and 161 days ago)
no avatar
Guest says:

I'm using PS Elements, so I couldn't follow exactly. Still, I'm happy enough with my results. Thanks for this tutorial. http://blanco111.deviantart.com/gallery/#/d4k04jv

(4 years and 155 days ago)
no avatar
[banned] says:

Sorry, I reposted. I didn't see the notice (that my comment was waiting for approval).

(4 years and 154 days ago)
no avatar
[banned] says:

gives you a real great practice of reusing the tools in a total different perception

(4 years and 154 days ago)
avatar raluxitza
raluxitza says:

nice work!

(4 years and 145 days ago)
no avatar
[banned] says:

thanks bRo , , , ,

(4 years and 105 days ago)
no avatar
Guest says:

pretty good

(4 years and 93 days ago)
no avatar
Guest says:

amazing

(3 years and 307 days ago)
no avatar
2305narib says:

Excellent!

(3 years and 265 days ago)
no avatar
Farhad says:

really very great....

(3 years and 228 days ago)
no avatar
miki says:

Thank you very much learn a lot!

(3 years and 163 days ago)
no avatar
jeanned says:

Just finished your tutorial and loved it. I'll be following more of your work. I hadn't read the comments about the correct links for some of the source images, but went to Deviant Art and found some similar ones to work...

(3 years and 55 days ago)
no avatar
Guest says:

the end result is very good. However, the tutorial is very poorly explained.

(2 years and 309 days ago)
no avatar
[banned] says:

Beatiful!

(2 years and 305 days ago)


Leave a Comment


Name:
Comment: