How to Create an Imaginative, Magical Painted Scene

Download Source Files

In this tutorial, we will be using several basic tools and stock images to create a fantasy artwork where everything seems to come alive from what is being painted on an old piece of paper. Let’s get working!

Editorial Note: this tutorial is influenced by the work Afterlife by Maciej Mizer.

Final Image Preview

Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. You can view the final image preview below.

Preparation

Before you start take a look at the images we’ll be using: Paper Texture from Bashcorpo, Sky from Neoikeia, Paint Brushes from Nyssi, Tree from WolfC Stock, Stroke Brush Set from FlightOfGrey, Toucan from sxc, Airplane from sxc, and Hand holding brush from sxc.

Step 1

Create a document with size 827px by 1169px. Download the Paper Texture from Bashcorpo and resize it to fit into the document.

Step 2

Then we will need an image of a cloudy sky. I found a pretty one sky image by Neoikeia. Resize the sky image and place it at the center of the document. Use Lasso Tool to draw an irregular selection as shown.

Go to Select > Modify > Feather. Set the Feather Radius to 30px. Follow by Select > Inverse then press Delete. Duplicate twice for this sky image as we will be using them later. Rename the sky layers (from bottom up) as “Sky 1,” “Sky 2″ and “Sky 3″ respectively. Hide “Sky 2″ and “Sky 3″ for now.

Step 3

Select the “Sky 1″ layer, go to Image > Adjustments > Desaturate. Then follow by Image > Adjustments > Hue/Saturation. Check on Colorize. Set the Hue to 30, Saturation to 20 and Lightness to 30. Go to Filter > Brush Strokes > Crosshatch. Set the Stroke Length to 50, Sharpness to 20 and Strength to 1. Set the Blend Mode of this layer to Linear Burn.

Step 4

Unhide the “Sky 3″ layer. Go to Filter > Stylize > Glowing Edges. Then follow by Image > Adjustments > Desaturate. Set the Blend Mode of this layer to Multiply.

Step 5

Unhide the “Sky 2″ layer. Create a Layer Mask on the “Sky 2″ layer. Fill the mask with black. Download the Paint Brushes from Nyssi. Set the foreground color to white. Using the brushes downloaded, paint the layer mask to reveal part of the sky image. Then go to Filter > Paint Daubs. Set the Brush Size to 5, Sharpness to 7 and Brush Type to Simple.

Step 6

Let’s proceed on to the tree. Download the tree image made by WolfC Stock. Extract the tree away from its background using the Extract Tool (Click here for other methods of extraction). Position it as shown. Go to Filter > Blur > Smart Blur. Set the Radius to 3 and Threshold to 10.

Step 7

Duplicate the tree image three times, and rename the four layers (from bottom up) as “Painted Tree,” “Blurred Tree,” “Inverted Tree,” and “Outline Tree.” We will get on to them one by one now. Select the “Inverted Tree” layer, go to Image > Adjustments > Invert.

Step 8

Set the Blend Mode of the “Inverted Tree” layer to Color Dodge. Using the Brush Tool (set the color to black, size to 200, and Opacity to 40%), paint over the inverted tree and you will add the highlight.

Select the “Outline Tree” layer, go to Filter > Stylize > Glowing Edges, then Image > Adjustments > Desaturate ,and follow by Image > Adjustments > Invert. Set the Blend Mode of the “Outline Tree” layer to Multiply.

Step 9

Now hide the “Blurred Tree,” “Inverted Tree,” and “Outline Tree” layers. Select the “Painted Tree” layer and go to Image > Adjustments > Desaturate. Then Filter > Brush Strokes > Cross Hatch. Set the Stroke Length to 20, Sharpness to 20, and Strength to 1. Follow by Image > Adjustments > Hue/Saturation, and Check on Colorize. Set the Hue to 30, Saturation to 20 and Lightness to 30.

Step 10

Unhide all the tree layers and create a group folder. Place the “Outline Tree,” “Inverted Tree,” and “Blurred Tree” layers into the folder. Select the folder and create a Layer Mask. Fill the layer mask with black. Using the paint brushes downloaded earlier, paint the layer mask to reveal part of the tree image.

Step 11

Create a new layer and name it as “Tree Stroke.” Download the Stroke Brush Set from FlightOfGrey. Select the last brush of the set and paint it with #22130D at the end of the tree trunk.

Step 12

Create a new layer behind the tree layers and name it “Tree Splatter.” Place several splattered green paints around the trunk area.

Step 13

Download several stock images from sxc.hu. For this tutorial, I have hot air balloon 1, hot air balloon 2, plane, crane, and seagulls. Place them around the left side of the document.

Go to Select > Adjustments > Desaturate. Then Filter > Brush Strokes > Cross Hatch. Set the Stroke Length to 20, Sharpness to 20 and Strength to 1. Follow by Image > Adjustments > Hue/Saturation, and Check on Colorize. Set the Hue to 30, Saturation to 20, and Lightness to 30. Set the Blend Mode of these layers to Linear Burn.

Step 14

Extract another hot air balloon and place it above all the other layers. Right-click on the hot air balloon layer and choose Blending Option. Check on Drop Shadow. Set the Blend Mode to Multiply, Color to black, Opacity to 20%, Angle to 90, Distance to 80, Spread to 0, Size to 5 and leave the rest as default.

Step 15

Repeat Step 14 for the crane.

Step 16

Download a Toucan from sxc.hu. Extract the toucan out from its background and position it as shown.

Step 17

Using one of the paint brushes downloaded earlier, place black splattered paint at the bottom of the toucan.

Step 18

Create a Layer Mask on the “Toucan” layer, use the Brush Tool with a black color to reveal some of the leaves behind.

Step 19

Download an airplane from sxc.hu. Extract the plane from its background and position it the way shown below.

Step 20

Duplicate the “Plane” layer. Select the “bottom plane” layer and go to Filter > Blur > Motion Blur. Set the Angle to 90 and Distance to 20. Move the blurred plane slightly to its left.

Step 21

Create a new layer and name it “Line.” Using the Pen Tool, draw a path as shown below.

Step 22

Select the Brush Tool, set the size to 3px and color to #C83926. Right-click on the path you have drawn earlier, and choose Stroke Path. Check on Simulate Pressure and Type to Brush.

Step 23

Repeat Step 22 for a few more lines with different colors.

Step 24

Duplicate the original “Plane” layer. Select the duplicated plane and go to Image > Adjustments > Hue/Saturation. Set the Lightness to 0, then go to Filter > Blur > Gaussian Blur, and set the radius to 10px. Follow by Edit > Free Transform. Resize the plane shadow and move it under the original plane. Set the Opacity of this layer to 40%.

Step 25

Repeat Steps 19 to 24 for a colorful kite at the right side of the tree.

Step 26

Download an image of a hand holding brush from sxc.hu. Extract the hand and brush from their background and position it the way shown in the diagram.

Step 27

Duplicate the “Hand” layer. Select the duplicated hand and go to Image > Adjustments > Hue/Saturation. Set the Lightness to 0, then go to Filter > Blur > Gaussian Blur and set the radius to 10px. Now go to Edit > Free Transform. Rotate the shadow slightly so the two tips of the brushes meet.

Step 28

Create a new layer above the brush. Place a small drop of paint at the tip of the brush with color #251A10. Right-click on this layer and choose Blending Options. Check on Bevel and Emboss. Set the Depth to 1, Size to 5, Angle to 165, Highlight Opacity to 30, and leave the rest as default.

Step 29

Create a new layer above the plane. Using the Lasso Tool, draw an irregular selection around the plane.

Step 30

With the selection, go to Select > Modify > Feather. Set the Feather Radius to 30px. Then go to Filter > Render > Clouds. Set the Blend Mode of this layer to Hard Light.

Step 31

Create one last new layer. Select the Brush Tool, pick the default Star 33 pixels brush and open up the Brush Palette. In the palette, check on Shape Dynamics. Set the Size Jitter to 100 and Minimum Diameter to 0

Conclusion

The final image is below. I hope you enjoyed this tutorial and I look forward to seeing your results!

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.

  • Eddy

    Very nice tutorial and a good inspiration. Thanx :-)

  • reuber1

    What the hell? I’m already stuck at step mother-f’ing four. Doing glowing edges gives me what looks like a photo negative of the clouds, and setting the blend mode to multiply gives me NOTHING like the Step 4 picture.

    • Lizzy

      Yeah, it’s not a great tutorial. They’re missing some steps here and there. For step four, after you do glowing edges and desaturate, go to image>adjustments>invert. Then set the blending mode to multiply

    • http://www.jmagsgraphics.com Jess

      yea the glowing edges part is wrong and every step after that.

  • http://illustrator.org.ua/ Alex

    Great effect in 3 step, thanks!

  • Felix

    I don’t know if it is just me, but these tuts outcomes have been getting uglier and uglier. Especially that steampunk one. This teaches you some great skills, but the piece was so butchered it didn’t matter.

  • http://www.crearedesign.co.uk/ rory

    Ohhh…

    This is a lovely final image, such a great use of layers. Together they build a really stunning piece of art, well done Johnson, nice step by step tutorial too.

  • http://www.flickr.com/pokhy Pokhy
  • Greg

    Nice tut, however many steps are missing and i cant seem to be getting past 4. I end up with a black spot where the clouds are supposed to be details such as brush opacities used and the order of how you arranged your layers are also missing. I would appreciate a thorough rewrite/adding of some steos to make it easier. Any wayz keep up the good work.

  • Greg

    I have a good idea for this site, why dont you guys add a suggestion box where people can suggest some ideas for PS pros to create works and tutorials for. for example; if someone suggests learning how to put another persons face on a photo of the mona lisa and have it manipulated, a proffesional could create a piece of art accordingly if many website viewers voye for such and idea.. just a thought. :)

  • John Holt

    Great Tutorial Johnson. It is concise and easy to follow. And the outcome is a beautiful piece. What else could anyone ask of a tutorial?

  • http://www.letsbrowse.net Let’s Browse

    Nice use of the stocks! But the paintbrush looks a bit weird…

  • Melissa

    Awesome Tut… Thank You! :)

  • http://robertoblake.com robertoblake

    Great job on this, nice tutorial thanks for posting

  • Ranendranath

    Dear John Koh,
    Refer your tutorial ” How to Create an Imaginative, magical Painted Scene” Followed step 6 & 7 fully. Step 7 not giving result. I got purple image of tree. But applying Color Dodge, I am getting white flat image of the tree. On applying Brush, only a bit blue tinge revealing. Please advise.
    I am using Photoshop CS4.

    • Frank

      The flat white bit is correct. I just finished this step, and if you paint over it (make sure ur using black), the tree should disappear. By making it 40% opacity, a bit remains, making ur original tree a bit brighter.

  • Chirag Vadgama

    The tutorial does not give the desired results…In face in step 4 and 5 don’t produce the results at all.

  • Robin Crandall

    “Sub sole nihil novi est” That’s Latin for “There’s nothing new under the Sun” The Bible makes the same claim in Ecclesiastes, Shakespeare said it, etc. Listen to the old Bluesmen and listen to your modern rockers, you will detect many similarities. Its a different take on the same old tune. However, something could be made over how different.
    I haven’t tried many of these techniques… so I like this tutorial. It is useful to me. What if I also like trees and airplanes? I find a different tree and a different airplane and compose my work differently. Maybe it will be night or the tree will sprout from the ocean. Maybe an underwater tree with a submarine? The techniques are still useful! Therefore so is the tutorial.

  • http://deconstructioncode.blogspot.com choen

    i love that, thanks

  • Albin

    hai
    It looks different. but it should be conceptional.

  • Frank

    Is it just me, or is this tutorial missing an entire step. Around step 8, where it tells you to make a copy of the tree called ‘Blurred Tree’, a mysterious pink glow comes up in the pictures, but the tutorial doesn’t actually tell you to do anything with the blurred tree. It just says to hide it, put it in a group etc.

    • giovanna Balzaretti

      i got the same problem too!!!!!lol i guess the guy who made this tut doesn’t want us to get the same outcome :( i guess that’s what artist do!!!!

  • MJP

    Beautiful work! thanks a bunch!

  • http://www.amir-ghazizadeh.com Amir

    Hi.
    I can not find this file: “a hand holding brush”
    Link Removed…!

  • Mike

    Wow nice, nowadays i find difficult to find inspiration.

  • http://www.suruha-freespirit.com Su Hall

    I just completed this tutorial and I enjoyed it immensely. I am three years into using Photoshop. I thought it was well written, aside from a couple of minor omissions. It didn’t take that much to figure out what needed to be done. It was fun. Thank you for this! I didn’t read any of these comments until after I had finished the tut, but, it would not have made a difference at all!
    From reading the other comments, I say, “Who cares!?” Who cares who commented first? There is still plenty of room for mine. Who cares if this image looks like, or was inspired by, some other image? I didn’t see a tut under those. And, honestly, just like with my opinion, who cares? Who cares what all the nay-sayers opinions may be. Ya’ll see that little ‘x’ in the upper right-hand corner? Click it! That’s what it is there for! IMHO, whatever he earned was more than likely not enough. Have any of you ever written such a tut? I didn’t think so!
    Now, leave the rest of us who appreciate this guy’s tutorial be and go do something resourceful! There is enough negativity in this world without all of you flexing your irritating typing skills.

  • http://barbourjacket.wordpress.com Barbour Fan

    Fantastic tutorial. Full of useful information. Love the use of the brushes and watercolour effects

  • : Joe

    Their are many people who ‘borrow’ other artists inspirations. Who are
    you to tell someone not to be inspired by someone else’s work? I see a
    lot of similar work done on here and other websites, its her, thanks for blog comment.