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 1920×1080 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! :)

Pages: 1 2 3 4 5

30 responses to “Create an Incredible Twilight Surreal Scene with Floating Islands”

  1. red luna Avatar
    red luna

    Great tutorial! It looks fantastic.

  2. Tony T. Avatar
    Tony T.

    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

  3. Optical Overlays Avatar
    Optical Overlays

    Super cool ❤

  4. Suki Ogle Avatar
    Suki Ogle

    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

  5. Alan Avatar
    Alan

    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.)

  6. parul soni Avatar
    parul soni

    can u sent me this tutorial

  7.  Avatar
    Anonymous

    amazing show

  8. Gina H. Avatar
    Gina H.

    This is completely insane! I am glad you offer the resources to get started as well.

  9. xx Avatar
    xx

    A lot of material can’t download, site won’t open

  10. Maidul Islam Avatar
    Maidul Islam

    amazing!! great to see the amazing work of great experienced art directors!!

  11. yuuki Avatar
    yuuki

    my final is not really the same (lol)…

    thanks for the tutorial, i had fun trying it :)

  12. Sean C Avatar
    Sean C

    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!

  13. Steve Avatar
    Steve

    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. Joseph Avatar
      Joseph

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

  14. Joseph Avatar
    Joseph

    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..!

  15. Tinaras Avatar
    Tinaras

    Its great, Thankyou.

  16. Daniel Thomassin Avatar
    Daniel Thomassin

    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

  17. mizan.ngbd2013 Avatar
    mizan.ngbd2013

    This is really nice. I loved the your photoshop. it ok

  18. @yura Avatar
    @yura

    its so cool.., absolutely great tutorial, thank you so much for make this tutorial.. ^ ^

  19. Minh Hai Avatar
    Minh Hai

    great tutorial thank you so much i like it

  20. Eve Livesey Avatar
    Eve Livesey

    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

  21. Lucy matagaro Avatar
    Lucy matagaro

    The photos are really amazing

  22. Eliana Palomino Avatar
    Eliana Palomino

    This is really nice. I loved it!!!

  23. Photoshop Avatar
    Photoshop

    thank’s so match I like that

  24. Jordan Avatar
    Jordan

    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.

    1.  Avatar
      Anonymous

      hater

  25. Hera Avatar
    Hera

    Wow, love this tutorial! Amazing job, I should try it out myself. ;)

  26. YASIR IQBAL Avatar
    YASIR IQBAL

    i like your work style

  27. Ifat Sharmin Avatar
    Ifat Sharmin

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

  28. Julie Avatar
    Julie

    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 to Suki OgleCancel reply

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

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading