Creating A Fantastic Fantasy Night Sky In Photoshop

Download Source Files

Last month while I was selecting some images for blog post, I found an amazing design created by Nik Ainley, one of my favorite Photoshop masters. He had created some incredible clouds using Photoshop. I thought to myself, “Damn that’s really cool. I have to know how to do something like that!”

So in this tutorial, I will show you how to create cartoon-style clouds using Photoshop and a bit of Illustrator.

Step 1

Create a new document. Double-click on the background layer to open the Layer Styles dialog box. Select Gradient Overlay. For the colors, use three colors: pink, blue, and black. Select Radial for the Style.

Step 2

Create a new layer and rename it to”ps clouds.” Make sure that the foreground is white and the background is black. Go to Filters>Render>Clouds. Tip: Hold the “Alt” key to create a stronger effect.

Step 3

To create the clouds we will use the Brush Engine. Create a new Folder and name it “cloud.” Select the Brush Tool and set the brush properties as shown below. The secret is the spacing and the Size Jitter. After that, you can save the brush.

Step 4

We have the brush—now lets create the cloud style. Create three new layers inside the “cloud” folder, and
name them “front,” “middle,” and “last.”
Double-click on the “front” layer to open the Layer Styles dialog box and select Gradient Overlay, Bevel and Emboss, and Inner Glow. Copy the Layer Style and apply to the other two layers.

Step 5

Using the brush we created, start painting the clouds. Tip: The volume will be created using the layer order, like in the image below.

Step 6

After you’ve painted your cloud, select the folder and convert it to a Smart Object. Duplicate the layer and change the blend mode to Multiply. Group the two layers and rename it to “Cloud 1.”

Step 7

Repeat Steps 4, 5, and 6. It’s not necessary to repeat the Layer Style steps though, just Copy and Paste the Layer Style. Create four clouds and place them like in the image below.

Step 8

Select any cloud folder and convert it to a Smart Object. Change the Blend Mode to Overlay. After that duplicate the layer and group the two layers. Rename the group to “clouds back.”

Step 9—Rainbows in Illustrator

In Illustrator select Ellipse Tool (L) and create a circle. Set the Stroke weight to 40px with a purple color.

Step 10

Start adding more strokes to the ellipse, increasing the weight by 40px so there will be a 40px purple, 80px cyan, 120px green, 160px yellow, and 200px red. After that copy the vector and go back to Photoshop.

Step 11

Back in Photoshop, paste the vector and choose Paste as Pixels. After that, using the Magic Wand Tool (W), select the white part of the rainbow and delete it. Then convert it to a Smart Object and group it. Rename the group “rainbow 1.”

Step 12

Place the rainbow between two clouds and using the Polygonal Lasso Tool (L), select the part of the rainbow you want to hide. Then select the group (not the layer), and go to Layer>Layer Mask>Hide Selection and hide that area.

After that you can duplicate the “rainbow 1″ group in order to create another rainbow.

Step 13

Create four new layers and paste on them the same Layer Style we used for the clouds. Select the Brush Tool and create another brush like the images below. Then create small clouds where the rainbows touch the clouds at the beginning and end of the rainbows.

Step 14

Create a new layer beneath the clouds and rainbows. Fill it with black and change the Blend Mode to Color Dodge. Again select the Brush Tool and create another Brush in order to create the stars.

Step 15

Repeat step 14; however, this time select a circle shape instead of the star. Reduce the size of the brush, and create the rounded stars.

Conclusion

In this tutorial, we used mostly the Brush Engine and Layer Styles. It’s amazing what you can do using only those two features! Here we created clouds but by changing some settings, we can create a completely different effect.

  • http://www.tutoriallounge.com tutorialslounge

    i really appreciate you Faabio.

  • http://ansblog.com/wallpapers/ Nits

    Nice tutorial thanks for sharing with us.

  • Bakar

    cool

  • Bakar

    very cool tut thanks

  • Deepak Panchal

    I love the tutorieals please send me some more effective tutorieals on my id Deeplv@yahoo.com

  • shahra

    WOoooow yesss ! that’s an amazing effect “Fabio” you’ve put here with only those two features ! thanks so much for sharing !!

  • http://amareloone.blogspot.com/ Amarelo

    eu gostei! simples, fácil e ótimo resultado!

    i liked! symple, easy and great result!

  • Widayat

    Its Amazing Situs….

  • Jamie T

    how come you dont publish my comment?

    Your design looks very good but your tutorials isnt you dont tell allot of stuff such as steps, what you did, color codes etc!

  • http://www.genesynthesisgene.com Frank

    It is great!
    Gene synthesis

  • mars_fenix

    plz plz pzl plz help help me! i dont know how to make the rainbow! this tutorial isnt the indepth! plz help me plz!

  • http://www.f4-design.fr Loïc Tortelier

    Good style and easy effect !
    Great idea !

    i like.

  • http://free-war.ru/photoshop photoshop

    Thanks for tutorial. Very interesting effect in photoshop

  • http://desaindigital.com jeprie

    That’s awesome. I didn’t expect the techniques to be this easy.

  • http://www.ernestomoreno.com/blog elnnath

    Fantastic thks, ;)

  • http://pusdiklattvri.wordpress.com/ Fahrudin Betawi

    Cool tutorial.. it gives a new perspective of my photoshop knowledge…

  • http://lewisjj.deviantart.com/ lewisjj

    Hi, I am having a go at this tutorial and when i try to get the clouds filter to become coloured to the gradient overlay it doesn seem to work. How do i do this? i have created the gradient overlay and the cloud filter layers and the clouds just cover the gradient instead of blending together. please help me thanks.

  • lewisjj

    hey, if people need help on step 2 this youtube video may help http://www.youtube.com/watch?v=-1bzOg9p9lA i am going to try it out soon and get back to you

    • lewisjj

      I have used the link to help me on step 2 and it worked. very good sound is a little hard to understand sometimes but just do what the guy does and you’ll be fine. i am happy with my outcome. no thanks to the creator of this tutorial on step 2 i had to search on how to do that step. message to the creator if you decide to post more tutorials, add more explanations.

      • kuunami

        I agree. For people who are beginners that’s a very important step to leave out.

  • http://hendrop06.student.ipb.ac.id ndrew

    love that blink-blink..
    that seems so real..

  • http://ekos06.student.ipb.ac.id Kojeje

    Woww…It is so fantastic…!
    Awesome creation :)

  • http://www.des4x.com design4x

    its very nice ^_^

  • http://ilzhosting.blogspot.com/ ilz27

    Something incredible
    Thanks for tutorial.

  • Henry

    That’s simply amazing! It’s easy to do, and turning out great.

  • http://www.cargocollective.com/marianamourasantos mariana

    Hello I’m trying to do this tut but my clouds simply don’t get the same look as yours!!
    HELP!

    :)
    thanks a lot for the sweetness tut!

  • http://www.4vard.ru Slips

    very good tutorial , thanks.

  • imran khan

    amazing yar!!!!!!!! good 4 learning wish u all go with this its eazy ro learn………………………..

  • http://proverbexpansion.blogspot.com sommers

    @ maria. hey, if people need help on step 2 this youtube video may help http://www.youtube.com/watch?v=-1bzOg9p9lA

  • http://www.allittips.com KHOKON

    Great Tutorial, thanks for share with us.

  • http://twitter.com/WI84 Wajeeha Iftikhar

    howdy!

    thx fr the tut it’s really cute

    here’s what i was able to recreate:

    http://www.crazynovelist.com/wp-content/gallery/photoshop/fantasy-night.jpg

    the small clouds aren’t what i wanted, but they’ll do for now. =) thanks again.

  • http://twitter.com/WI84 Wajeeha Iftikhar

    oh yeah, btw i couldn’t understand the rainbow part of illustrator? where did you get that menu? that one for add new stroke? ‘cos i can’t seem to find it. i made the rainbow on my own terms. probably the reason why my result looks pretty diff too.

  • daniyal bhutto

    Great tutorial .. got new things in the this tutorials :)