Create an Incredible Twilight Surreal Scene with Floating Islands

Create an Incredible Twilight Surreal Scene with Floating Islands
Create an Incredible Twilight Surreal Scene with Floating Islands

Create this magical twilight landscape with floating islands, a old sailboat, and a surreal moon background. This tutorial will teach you how to mix stock photos, apply filters to create a twilight scene, and even some matte painting basics!

Preview of Final Results

final-results[10]

Tutorial Resources

Step 1

Let's start! Create new file 1920x1080 size.

step-001[6]

Step 2

Choose Forest Mountain stock and place it:

step-002[6]

Step 3

Add new adjustment layer (Layer > New Adjustment Layer) with Brightness/Contrast).

step-003[6]

Step 4

At adjustment layer make mask. Use big (ex. 200px) soft brush and draw:

step-004[6]

Step 5

Then, paste Sky levels stock as new layer. You should transform it, to fill canvas. Change blending mode to Multiply.

step-005[6]

Step 6

On this layer, use mask. Try to mask all the trees from the bottom side. you should use big, soft brush (ex. 300px or more). My masking results are below

step-006[6]

Step 7

Paste Stars stock, as new layer. Then add mask to this layer. Again use soft, big brush on contours of mountains.

step-007[6]

Step 8

Change blending mode of stars to Screen.

step-008[6]

Step 9

It's time to paste moon stock on new layer. Place it as shown. Change blending mode to Screen

step-009[6]

Step 10

As you can see, moon is too big and the color doesn't goes with this landscape. You should change that. First - mask. Use big, soft round brush (100-200px) and mask it on the bottom.

step-010[6]

Step 11

Now hue of the moon. Add adjustment layer with Hue/Saturation and create clipping mask (RMB>Create clipping mask).

step-011[6]

Step 12

You should make moon brighter. Compliment won't work ;). Holding ctrl choose Moon and Hue layer. Duplicate it.

step-012[6]

Step 13

Add new layer. Choose Gradient Fill tool and #362f2d color. Arrow will guide you :)

step-013[6]

Step 14

Change blending mode of this gradient to overlay.

step-014[6]

Step 15

Add new layer. Choose soft, big (370px) brush, #6dcff6 color and set opacity to 70%. Draw gently glow around and near moon. I also draw a few spots on the edges of mountains.

step-015[6]

Step 16

Change glow layer blending mode to soft light.

step-016[6]

Step 17

Now you will know some matte painting techniques. Add new layer. Choose soft brush, 40px wide, #929397 color. Draw on the edges of the mountains/plants. This is very important step! It can appear like fog, and give mystic look!

step-017[6]

Step 18

Change blending mode to Soft light. Will be awesome! :)

step-018[6]

Step 19

Duplicate fog layer.

step-019[6]

Step 20

Create new layer. Now choose 100px wide brush, the same color. Draw delight on the depressions of landscape.

step-020[6]

Step 21

Change blending mode to Multiply (Suprise! :])

step-021[6]

Step 22

Okay! Keep up good work! Now add Adjustment layer with Selective color. Choose Reds from menu.

step-022[6]

Step 23

Now choose Greens from the same menu.

step-023[6]

Step 24* - optional

Cool! Now select all and copy merged picture (Edit > Copy merged). Paste it as new layer.

step-024[6]

Choose Filter > Filter Gallery > Glowing edges.

step-024a[6]

Then change blending mode to Color Dodge and opacity to 75%.

step-024b[6]

Step 25 - First Island

Create new folder (if you want). Add new layer. Set Hard Round Pressue Size brush, 42 px wide, black color. With strokes draw rocks shape on the bottom of island. You can, of course make your own shape. Play with it! :)

step-025[6]

Step 26

Add mask on this layer. Choose soft brush and draw on the top of island. I also cut out too long edges of rocks.

step-026[6]

Step 27

Paste Agglestone Rock stock. Transfotm it as shown and then, create clipping mask.

step-027[6]

Step 28

This stock is too saturated. You should change that. Add adjustment layer with Hue saturation. Then create clipping mask.

step-028[6]

Step 29

As you can see it's also too bright. Add Adjustment layer with Brightness/contrast. Again, create a clipping mask.

step-029[6]

Step 30

Now you should choose soft, white, small (ex.30px) brush. Add new layer and create clipping mask. Draw, where should be lights!

step-030[6]

Step 31

Change opacity to 18%.

step-031[6]

Step 32

Add new layer - you should draw shadows on islnd. Create clipping mask. Choose the same brush, but dark-gray (#131312). Draw shadows on the left side of island.

step-032[6]

Step 33

Change blending mode to Multiply and opacity to 50%.

step-033[6]

Step 34

Add new layer and create clipping mask. Choose the same brush and draw harder shadows. This is important!

step-034[6]

Step 35

Add mask to your shadow, and fix too hard shadows, by using big (370px), soft brush.

step-035[6]

Step 36

Good job! Now you should change blending mode to Multiply and opacity to 80%.

step-036[6]

Step 37

Add adjustment layer with color/balance. Create clipping mask. Set adjustments:

step-037[6]

Step 38

Wow! A lot of work is already behind you! Now paste Belltower on new layer.

step-038[6]

Step 39

Add mask to this layer.

step-039[6]

Step 40

Add Adjustment layer with Hue/Saturation. Create clipping mask. Set it:

step-040[6]

Step 41

Add Adjustment layer with Color balance. Of course create also clipping mask:

step-041[6]

Step 42

You should create lights on belltower. Add new adjustment layer with brightness/contrast and create clipping mask.

step-042[6]

Step 43

Add mask to this layer. Light source will guide you.

step-043[6]

Step 44

Place at new layer Unsual tree, as is shown:

step-044[6]

Step 45

Mask it as shown:

step-045[6]

Step 46

On this Unsual tree create Adjustment Layer. Choose Hue/saturation. After you set it, create clipping mask.

step-046[6]

Step 47

Add new layer and create clipping mask. Choose 100 px soft round brush #1e373b color. Draw gently shadows on the tree.

step-047[6]

Step 48

Change blending mode to Multiply and opacity to 80%.

step-048[6]

Step 49

Add new Adjustment layer - Color balance. Create clipping mask, and set it:

step-049[6]

Step 50

As you can see, tree is to bright in some places. You should fix it by masking :).

step-050[6]

Step 51

Then you should make lights on the tree. Add adjustment layer with color/balance and create clipping mask.

step-051[6]

Step 52

Mask it baby! :) Use soft, big brush.

step-052[6]

Step 53

Set blending mode to Screen, opacity to 67%.

step-053[6]

Step 54

Cool! Now add adjustment layer with brightness/contrast. Set it as shown below:

step-054[6]

Step 55

Create new layer. (Hey! Without making clipping mask :]) Choose spatter 59 px brush #baf3f0 color. Draw on the edges of trees.

step-055[6]

Step 56

Add new layer, choose 1 px soft brush, the same color. Draw contour of rocks, belltower and trees.

step-056[6]

Step 57 - Second island - abstract

I used the same techniques on second island. You can just read again from 25 step, leave only one island, or do as many as you wish! :) But I'll remind you about this! Start from black base. Brown color is for depth of field.

step-057[6]

Step 58

On clipping mask, you should paste rocks, try to place another part of stock image! :)

step-058[6]

Step 59

Change saturation by adjustment layer with Hue/Saturation.

step-059[6]

Step 60

With soft brushes draw shadows (change blending mode to Multiply) and lights (leave blending mode - Normal).

step-060[6]

Step 61

Again draw shadows and lights with smaller brush.

step-061[6]

Step 62

Set brightness/contrast of second island (clipping mask)

step-062[6]

Step 63

Change color balance. (clipping mask)

step-063[6]

Step 64

With soft, big (300px) black brush on new layer (clipping mask) draw stroke on the top. It will be shadow of tree.

step-064[6]

Step 65

Paste Unsual tree.

step-065[6]

Step 66

Mask tree.

step-066[6]

Step 67

Set color/balance of the tree. Create clipping mask.

step-067[6]

Step 68

Add adjustment layer with brightness/contrast. (clipping mask) Set it:

step-068[6]

Step 69

With soft brush, #4081b7 color, on new layer draw shadows on tree. Set blending mode to Multiply. (clipping mask)

step-069[6]

Step 70

With the same brush on new layer draw lights on the tree. Change opacity to 26%.(clipping mask)

step-070[6]

Step 71

Create new layer. Choose spatter 59 px brush #baf3f0 color. Draw on the edges of trees. (clipping mask) Then change blending mode to Soft Light.

step-071[6]

Step 72

Then with 1px soft brush, the same color, draw light contours. I also prepared some contours of hanging plants :).

step-072[6]

Step 73 - Making Plants

Create new folder. With soft 1px brush #4c7373 color draw long stroke, under the light countour.

step-073[6]

Step 74

Now with the same brush draw lianas. Arrows will guide you :)

step-074[6]

Step 75

Make the same with lower plants.

step-075[6]

Step 76

On the lowest parts of plants use the same technique.

step-076[6]

Step 77 - ship

Paste ship png.

step-077[6]

Step 78

Reduce saturation with Hue/Saturation adjustment layer. Then create clipping mask! :)

step-078[6]

Step 79

Add color/balance layer (clipping mask). Set it as shown below. Then set blending mode to Screen - it will look like lights from the moon!.

step-079[6]

Step 80

Mask this layer.

step-080[6]

Step 81

Then add Brightness/Contrast layer (create clipping mask).

step-081[6]

Step 82

Mask layer. It will look like shadow :).

step-082[6]

Step 83

Again adjustment layer with Brightness/contrast. Also clipping.

step-083[6]

Step 84

Then set color/balance with clipping mask.

step-084[6]

Step 85

Add new layer. Here you should set 1px soft light-blue brush. Draw gently contours of the ship and fix ropes.

step-085[6]

Step 86 - corner leaves

In the left corner of picture, paste Corner leaves.

step-086[6]

Step 87

From menu Filter choose blur > Gaussian blur. Set it as shown below:

step-087[6]

Step 88

Add adjustment layer with hue/saturation. (Clipping mask).

step-088[6]

Step 89

Now, holding ctrl, choose Leaves and Hue/Saturation layers. Duplicate it.

step-089[6]

Step 90

Then transform it (ctrl +T, or Free transform from "Edit" menu). I flipped it horizontally and changed position.

step-090[6]

Step 91

Wow! You are on good way! Add layer. Now with 300 px soft #6dcff6 color brush, draw as shown. It will be glow.

step-091[6]

Step 92

Next, you should choose from menu Filter > Blur > Gaussian blur.

step-092[6]

Step 93

Change blending mode to Soft light and opacity to 41%.

step-093[6]

Step 94

Now you should add new layer. Choose big (800px) soft, white brush. Draw large dot on the moon. Then change blending mode to Soft Light.

step-094[6]

Step 95 - final colors!

It's time to fix colors. Now colors are unsaturated, too light. Let's fix that! Create brightness/contrast layer. Change opacity of it to 70%.

step-095[6]

Step 96

Now create color balance layer, for standarizing colors.

step-096[6]

Step 97

Again add brightness/contrast layer. It's necessary :)

step-097[6]

Step 98

Now hue/saturation layer. You will sharpen greens :)

step-098[6]

Step 99

This is last step! Add color/balance for really magical look!

step-099[6]

Final Results

final-results[11]

Download the PSD

Tutorial by Monika Nowakowska

profile[6]Thank you for following this tutorial - You are amazing! :) I am Monika Nowakowska - msRiotte - photomanipulator and graphic designer from Poland. I'm in love with design and coffee. If you want, like my facebook page. Have a nice day!

- msRiotte

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

30 comments on “Create an Incredible Twilight Surreal Scene with Floating Islands”

  1. Thank you very much is a great job and I was surprised by the castle, since it belongs to my city Almadén (Ciudad Real) has been an incredible detail.
    regards

  2. Thanks, love this tutorial, and thanks for posting. Explains a lot of techniques. One thing I would add is to delete (or mask or cover) the stars that are showing thru from behind the moon. Unless they are meteors, they would not be visible behind the opaque moon.

    My 2 bits

  3. what's a spatter brush?
    (:: - Step 55
    Create new layer. (Hey! Without making clipping mask :]) Choose spatter 59 px brush #baf3f0 color. Draw on the edges of trees.)

  4. In Step 4, you say "At adjustment layer make mask". What does this mean? I'm pretty new to this, so any help would be great!

  5. Hi, can someone please explain to me in details how step 4 and 5 was done? After I made a new mask layer and colored in red the sky area, I then proceed to paste the sky stock. That sky stock image appeared as a new layer and not on the mask layer called "Sky - mmtEvr6." How do you merge the sky layer with the landscape to appear as one image?

    Thank you.

    1. For merging two layers, select both layers and press Ctrl + E.. Hope this helps..

  6. Hi Monika,
    Fantastic Tutorial..! Thanks for posting..! I too have a blog with Photoshop Tutorials aimed for beginners..

    Keep on posting nice tutorials like this.. Happy to revisit..!

  7. Bonjour;Je vous remercie beaucoup pour votre tutoriel et l'utilisation des calques et des masques.
    Je vous souhaite à tous une bonne journée à tous

  8. Would be really nice if you would inform me when you use my stock in a tutorial - we could do some social sharing and promotion

    Kind Regards

    Eve

  9. I think this could have all been a lot shorter now that i've read through the whole thing.

    For one, hyper links, use them and just say repeat this process such as the saturation, hue, contrast and brightness factors, as well, it's really hard to learn this tutorial if you were a beginner, saying to just "mask" something is far easier said than done if you have no idea more effective ways of doing the like with the quick mask or the layer mask.

    I hate the ship, it's like heres rocks and trees and everything natural not a single bit of water showing, oh and here's a ship. I took it out of mine on personal choice but it's up to you.

    Last thing I'd say is the rocks you created, they look far more detailed then just using a brush to create them I'd say you took multiple layers using different sections of the rock each time and layered them on top of each other to give more depth to the photo, if you want nice crisp clean jagged rocks try using the lasso tool and deleting the brush layer piece by piece.

  10. Fantastic graphics work..Have to ask all of our designers to follow your articles..Thank you so much..

  11. What a great tuto! Trying to be better in photo manipulation this was really helpfull.
    Just having a weird result on step 30 when trying to add lights to the stone, it needed to be set at 5% opacity not to have those white mass...
    And also step 56 I'm not able to have something like yours, I just have this white edge as if it wasn't well cut out, took me time to fix it but nevermind, I learnt a lot thank you! (and sorry for my bad english ahah)

Leave a Reply

Your email address will not be published. Required fields are marked *

cross