Cách tạo một khung cảnh rừng đêm trong Photoshop

Step 1 (Creating the background’s base)

Start by creating a new document (Ctrl+N) of 1500 pixels wide and 1000 pixels high:
step1a
Hit G on the keyboard to activate Gradient Tool. Set the foreground color to white and background to black. Choose Linier Gradient. Fill the white document with gradient by clicking on the top and dragging to the bottom of it.
step1b

Step 2 (Creating foreground)

Open the tree stock image in the document. Hit Ctrl+G to place the image in a group. Name this group foreground 1. Then, with the tree layer selected, go to Layer > Smart Objects > Convert To Smart Object. This will change the layer into a smart object layer.
step2a
Now scale up the image to cover the document. Use Free Transform Tool to do this. Hit Shift on the keyboard along with clicking and dragging one of the dragging point marked in blue in the screenshot. Place and arrange its position in a such way that the stem of the tree fill the left foreground.
step2b
This is the result should look like:
step2c
Now give this layer filter: Custom. To achieve this, go to Filter > Others > Custom. Take a look at the screenshot below to figure out the setting of the custom filter:
step2d
Here is the result should be:
step2e
We just need the stem of the tree as the foreground of the scene. We will hide the rest of image so that only the stem is visible. To achieve this, we will mask the background of the image. Go to Layer > Layer Mask. There will be a white layer mask thumbnail next to the layer. Now make selection around the background. Use Lasso Tool to achieve this. With the layer mask thumbnail is activated, hit Shift+F5 to fill it. Fill the mask with black. This will mask hide the background.
step2f

Step 3 (The other foregrounds)

Duplicate (Ctrl+J) the tree image layer used as the previous foreground. Group this layer and name the group foreground 2. With this duplication layer, we will add another foreground on the other side. Do almost the same steps as the ones taken in creating the previous foreground. One thing to remember is try to alter the shape, position and size of the the second foreground so it does not look uniform:
step3a
Create another group for another foreground. Name the new group more foreground. Place the group under the previous foregrounds. We still do almost the stem steps as the previous ones.
step3b
Again, create another group for the last foreground. Name this group another foreground.
step3c

Step 4 (Adding background image)

Open the background stock image to the document. Convert this image into a smart object. Place it under the foreground groups in the layer panel. With the Free Transform Tool, scale the image up. Arrange its position where needed. Please take a look at the screenshot below for your inspiration:
step4a
Give this smart object a smart filter: Custom. Apply the same setting of the previous step 2 for the custom filter. Here is the result will look like:
step4b
Next, give this layer another smart filter: Surface Blur. To achieve this, go to Filter > Blur > Surface Blur.
step4c
Give this background layer a mask and mask some areas on the red marked ones. Try to use a very soft round brush at 10-20% opacity. The screenshot below will guide you the areas to be masked:
step4d
This is the result should be:
step4e
Click on the filter effect mask thumbnail and mask the red marked areas. Use a very soft round brush to mask the areas.
step4f

Step 5 (Adding twigs to the background)

Open another tree stock image. Crop part of the tree. Use Lasso tool to select the part and crop it into a single layer.
step5a
Add the cropped part to the main document. Place it above the background layer in the layer panel. Mask some unneeded parts.
step5b

Step 6 (Creating ground)

In this step we are going to create ground. Open the fairy house stock image on the document. Convert it to a smart object. Scale and locate it where needed. Place this fairy house layer between the first two foreground groups and the second two groups.
step6a
Duplicate the fairy house layer (Ctrl+J). Give this duplication layer of the smart object some filters by going to Filter > Filter Gallery
step6b
step6c
The result should look like this:
step6d
Give another smart filter:
step6e
Set the duplication layer’s blending to normal at 55% opacity:
step6f
Duplicate the second fairy house layer and set it to soft light layer at 30% opacity. Select all the fairy house layers and hit Ctrl+G to group them. Name this group ground
step6g

Step 7 (Adjustment layer)

Now go to Layer > New Adjustment Layer > Hue/Saturation to give an adjustment layer above all the fairy house layers within the ground group layer.
step7a
Mask on the red marked parts of the hue/saturation layer and set its blending to normal at 80% opacity:
step7b

Step 8 (masking part of the ground)

We need to hide the upper part of the fairy house images in the ground group. We just need the ground of it. To achieve this, we will mask the ground group. As we can see the red marked part is the area to be masked (hidden). Use a very soft round brush to mask the area.
step8a

Here is the result should look like.

Type your instructions here.
step8b

Step 9 (Preparing a stone house)

Open again the fairy house stock image. Crop the stone house of the image from its background. Place the house between the foregrounds on the ground having been created earlier. Convert the house layer to a smart object. Take a look at the screenshot below for your inspiration:
step9a

Step 10 (Smart filter on the house)

We also will give this house some smart filters as we have given ones to the other objects in this scene. Here are the smart filter should be given:
step10a
again, the same amount of Custom:
step10b
Give this smart object surface blur as well
step10c
This is the result will look like:
step10d
We need to hide the effect of the smart filters on the stone house building by masking them. Click the smart filter mask thumbnail and mask the red marked part of the house area:
step10e
Finally, give the stone house layer a layer mask and mask the edges of the image to make it blended well with the surrounding:
step10f

Step 11 (Creating the top part of the house building)

In this step we will add more shape on the top of the stone building. To achieve this, cut out the top of the guiding. Then, alter the shape of the cut out by warping it. .
step11a
Add the shape to the top of the building:
step11b
Mask the edges of the shape to make it blended well with the main building. After finding a good result, group the layers. Name the group main stone house.
step11c

Step 12 (Adding a door)

In this step, we will add a front door to the stone building we have created. Open the witch house stock image to the document. Place it where needed and also scale its size. Make sure to locate this image layer above the stone house layer within the main stone house group in the layer panel.
step12a
Mask unneeded parts of the house to hide them and only the door part of the house is revealed.
step12b
The door is a little bit dark. We need to lighten it a bit more. Here is what to do: create a new layer (Shift+Ctrl+N) above the door layer within the group. Make sure to create a clipping mask to this layer. Fill this new layer with 50% grey and set its blending to overlay at 100% opacity. With a very soft round brush, stroke white color to the areas to be lightened. Here is the normal blending of this layer will look like:
step12c
And here is the result after the layer is set to overlay at 100% opacity:
step12d

Step 13 (Giving highlight to the stone house)

Now processed to give some highlight to the edges of the stone house. Create another new layer above the main building layer within the stone house group. Give this layer a clipping mask. Make sure to choose white color for the foreground. Hit B on the keyboard to activate brush tool. With a very soft round brush set to 10-20% opacity, stroke the edges of the building to give it highlight. Here is the result should be:
step13a
We are almost done with the stone house. Finally, to make the house blended better, reduce the opacity of the house group layer to just 75-80% opacity:
step13b

Step 14 (Adding path)

Now we will add a path to the scene. Open the garden stock image on the document. scale the size and locate it in front of the stone house.
step14a
Mask the rest of the image so that only the path is revealed:
step14b

Step 15 (adding highlight to the foregrounds)

By consideration that the light comes intensely from the back centered source, it will be casted on some areas in the foregrounds. To define this phenomenon, we will add some highlight on the areas where the light should be casted. Go back to the foreground 1 group. Then, create a new layer above the foreground layer within the group. Remember to create a clipping mask for this layer and name it highlight. Choose a very soft round brush set to 10-20% opacity. now, with the highlight layer selected, paint soft white color on the edges of the foreground which is marked in blue as shown in the screenshot:
step15a
Proceed to create some highlight on the other foregrounds:
step15b

Step 16 (preparing a tree house)

We will add a tree house to the main document. Here are the step we should do to prepare the house. Firstly, open again the fairy house stock image. Cut out the stem part featured in the image. Use Lasso Tool for this purpose.
step16a
Also, open the garden stock image and cut out one of the shape (marked in blue) featured in the image:
step16b
Open another stock image. Cut out the door of the image. Try to create the shape of the door as the one shown in the screenshot:
step16c

Step 17 (creating a tree house in the scene)

After preparing the objects of the tree house, in this step, we will combine the objects to be manipulate into a single tree house. Start by adding the stem to the main document. Scale the size and place it where needed.
step17a
Then, add the shape to the document. Place it on the top of the stem. As usual, scale the size accordingly. Mask some unneeded part of the stem.
step17b
Then, add the door to the tree house. Give this door layer a layer style by going to Layer > Layer Styles > Bevel and Emboss:
step17c
Finally, to make the tree house more decorative, add some vines to it. Select all the tree house layers and hit Ctrl+G to group them. Here is the result should be:
step17d

Step 18 (adding highlight on the tree house)

To define the casted light, we will also add some highlight on the tree house. Please refer back to the previous step 15 on how to do this purpose.
step18

Step 19 (adding distant tree and stone houses)

In this step, we will add more tree houses to fill the distant space of scene composition. To do this, just duplicate the main tree house group layer three times. Scale the size of the duplications accordingly and place them in the space area behind the main stone house image. Vary the opacity of each duplication between 9-35% depending on the distance and depth they should convey. For example, the smallest tree house is set to 9% opacity at normal blending, the middle one is 15% and 38% for the biggest one. Mask each group a bit where needed:
step19a
Do similar way to add more distant stone houses:
step19b

Step 20 (adding farthest background)

There is still much empty space behind the main stone house. In this step, we will ‘enrich’ the composition of the scene by adding more background objects to fill the empty space. To achieve this purpose, we will use the same image used as the foreground in the previous steps. Duplicate (Ctrl+J) the layer containing the image used as the foreground. We can choose any layer from one of the four foreground groups previously made. After choosing and duplicating the layer, scale the size and place the duplication layer above the gradient background layer in the layer panel. Hide some parts of the layer by masking it and set its blending to normal at 65% opacity.
step20a
Add another background on the other side. For the second background object, set its blending to normal at 30% opacity:
step20b

Step 21 (adding more objects)

We have almost finished the composition. In this step, we will add more nuance of fairy atmosphere by adding flowers to the scene. As we can see in the screenshot, we can figure out where I added the flowers. However, optionally we can add the flowers somewhere which is not exactly the same place where I put them.
step21a
Now add fairies and butterflies. Give some highlight on the fairies the same way as we have add ones to the other objects. For the butterflies, vary their blending opacity to 45-60%.
step21b

Step 22 (adding light)

Create a new layer on which we will paint some soft white light under the faries feet. Activate the Brush Tool again. Choose a very soft round brush. Set its opacity to 10-20%. Paint some white light under the faries feet.
step22a
Create another new layer. Fill this new layer with black. Set its blending to color dodge at 100% opacity. On this layer, paint white spots on the foreground areas. Use a very soft round brush with size varied to 1-5. Set the opacity of the brush at 60-100%. Still on this layer, paint some light on the door of the main stone house. To paint the light on the door, set opacity of the brush to 5-10 and stoke the brush repeatedly on the door and stair. Well, this is the layer should look like in the normal blending at 100% opacity:
step22b
And this is the result after set to color dodge blending at 100% opacity:
step22c

Step 23 (adding more objects)

I decided to add more doors on the foreground trees to emphasize the feel of a fairy world. Well, this is what we should do: firstly, duplicate the door layer previously made in the tree house group. Make the duplication as many as needed. Place each duplication where needed on the tree foregrounds. Finally, give them some highlight.
step23a
Then, here is the result after being added a bird to the scene:
step23b

Step 24 (a peeking girl)

To complete the composition of the scene, we will add the final object: a peeking girl. Open the girl stock image. Cut out the model from its background and then add to the main document.
step24a
Create a new layer above the girl layer and give this new layer a clipping mask. On this new layer, paint soft black color on the lower dress and arm of the girl to define shade. Name this layer shade:
step24b

Step 25 (color adjustments)

In this step, we will give some color adjustments to set the mood of the scene. Firstly, go to Layer > New Adjustment Layer > Chanel Mixer. Follow the setting for this adjustment layer as shown in the screenshot. Then mask some part of this layer (marked in red) to hide its effect. Always use a very soft round brush to mask the parts. Finally, set its opacity to 86%.
step25a
Give another layer adjustment: photo filter.
step25b
More adjustment layer: Curves
step25c
Duplicate the curves layer and mask some part of this layer:
step25d
Again, more adjustment layer: vibrance.
step25e
Last layer adjustment: color balance.
step25f
Well, here is the result should be after giving the adjustments:
step25g

Step 26 (final touch)

What we should do next is to stamp all the visible layers. Make sure the top most layer/group is selected, then hit Ctrl+Shift+Alt+E to stamp the visible layers into a single layer. Convert this stamp layer to a smart object. Next go to Filter > Others > High Pass. .
step26a
Next, place the cursor on the High Pass filter and then right click to show command option box
step26b
When the command option box shows up, choose Edit Smart Filter Blending Options. Then, set Screen for the blending mode at 17% opacity:
step26c
The result should look like this:
step26d
Finally, we will hide the effect of the high pass filter on some areas. To do this purpose, click the smart filter mask thumbnail, then mask the red marked areas on the scene:
step26e
That’s it….we have finished the work. Here is the result:
step26f
But..I decided to crop the result a bit. So here is the final result:
step26g

Final Results

Leave a Comment