Photo ManipulationPhotoshop TutorialsUpdated

How to Create a Night Jungle Scenery in Photoshop

Learn how to create a mossy jungle scene with fairies flying around. This tutorial will show you how to creatively create your own jungle background, manipulate a stone building into a tower, and add doors to create a miniature village for fairies.

Preview of Final Results

Tutorial Resources

Step 1 (Creating the background’s base)

Start by creating a new document (Ctrl+N) of 1500 pixels wide and 1000 pixels high:


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.


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.


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.


This is the result should look like:


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:


Here is the result should be:


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.


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:


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.


Again, create another group for the last foreground. Name this group another foreground.


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:


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:

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

Create an Incredible Twilight Surreal Scene with Floating Islands

Photoshop TutorialsText EffectsUpdated

How to Create Highlighted Text in Photoshop

DownloadsPhotoshop ActionsUpdated

Free Dystopian Photoshop Actions

Photo RetouchingPhotoshop TutorialsUpdated

How to Use Luminosity Masking in Photoshop


Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).