This tutorial will show how to create a fantasy book scene. We will be using various advanced Photoshop techniques to make the composition as realistic as possible.

| The texts and images are copyrighted to 10Steps.SG and their respective owners. You CANNOT copy the whole tutorial, either in English or translate to another language. |
Create a new document of size 1200×600 pixels. Download “antique table in old grunge interior” from ShutterStock. Resize the image and position the manner as shown below.

I need a smoother wall, so I randomly downloaded a beautiful texture from Krakograff’s Gallery. Resize the texture and tile horizontally across to cover the original wall. Use the Eraser tool to reveal the round table.

Download "open book" from ShutterStock. Resize the book and position it to the center of the document. Extract the book from its white background using one of the extraction methods here. I am using Layer Masking for this tutorial.

Create a new layer below the book. Rename the new layer as Book Shadow. Using the Brush tool with black color, soft round type and 35pt size, paint shadows along bottom of the book.

Create a new layer above the rest. Rename the new layer as Gradient Overlay. Pick the Gradient tool to make a vertical gradient with top color #f19025 and bottom color #000000.

Then set the Blend Mode of Gradient Overlay layer to Soft Light. You will get a nice warm mood from the environment created so far.

Create a new layer above the rest. Rename the new layer as Black Border. Fill the entire space with black color on this layer.

Pick the Eraser tool with soft round type and 700pt size, click once or twice at the center of the document to reveal the book again.

Create a new Levels Adjustment Layer above all the other layers. Set the values to be 9, 0.60, 255.

Download "green field and blue sky" from ShutterStock. Resize the image so it only cover the left side of the book. Rename this layer as Grass.

Make a layer mask on the Grass layer. Using the paint brush with black (to hide) and white (to unhide) colors to show only the grasses. Right-click on the Grass layer and choose Blending Options. Select Drop Shadow, set its Angle to 35, Distance to 3, Size to 1 and leave the rest as default.

Repeat the same processes for the right side of the book, leaving a small gap at the middle for building a small river later on.

Download "pool pattern" from ShutterStock. Place and resize the image as shown below. Set the opacity of this Pool layer to 80%.

Using the Eraser tool, remove and leave only the part to cover the top perspective of the small river.

Repeat the same processes for the front perspective of the small river.

Select the top perspective layer, go to Image > Adjustment > Brightness/Contrast. Set the the Brightness to 40 and hit OK.

Reorder all the grasses layers to be under Black Border layer. Create a new layer and rename it as Glow. Using the Brush tool, color white with soft round and size 500pt, paint a large dot at the center of document. Set the Blend Mode of this Glow layer to Soft Light.

Download "blue sky" from ShutterStock. Position and resize the image in the document as shown below. Set the Blend Mode of Sky layer to Screen and Opacity to 80%.

Using Eraser tool with large point size, remove some parts of the clouds.

Create a new layer and rename it as Lens Flare. Fill the layer with black color. Go to Filter > Render > Lens Flare. Select the 50-300mm Zoom and set the Brightness as 100%.

Rotate the Lens Flare layer slightly and position it at the center of document.

Set the Blend Mode of Lens Flare layer to Screen. Duplicate this Lens Flare layer to make the effect brighter.

Download "collection of isolated summer tree" from ShutterStock. Extract one of the trees from its background and position it to left end of the grasses. Use the Dodge tool to brighten right side of the tree that is facing lens flare and use Burn tool to darken the opposite side.

Duplicate the tree and go to Image > Adjustment > Hue/Saturation. Set the Lightness to -100 to make the duplicated tree black. Go to Edit > Transform > Flip Vertical.

Go to Edit > Transform > Skew and push the bottom of duplicated tree to the left. Go to Filter > Blur > Gaussian Blur and set the Radius to 2px.

Repeat the processes for some more trees and rocks. Take note that the shadows has to face away from the center lens flare.

Download "blue waterfall illustration" from ShutterStock. Position and resize the image as shown in the diagram. Rename the layer as Waterfall. Go to Channels panel and press CTRL+left click on the blue channel to load selection. Go back to Layers panel then Select > Inverse to invert the selection. Press Delete.

Create a layer mask on the Waterfall layer and hide some unwanted parts of the waterfall.

Duplicate the Waterfall layer and set Blend Mode of duplicated copy to Screen. Now we have the basic environment all set up. Let us add some more subjects to the document!

I added some kids playing balloons and fishing on the right side.

Then some more flying kites on the other side.

Lastly add silhouettes of flying birds to finish the work. I hope you enjoyed this tutorial. Have a nice day.

I am Johnson Koh, a graphic and web designer in Singapore. Founded 10Steps.SG with the purpose to share my experiments and interesting design news. Follow me on Twitter here. Email newsletters are becoming more and more popular on the internet as businesses begin to use them as a viral way of communicating with their audiences/customers. They are, without doubt, great m...
We are introducing you all to a great t-shirt company and also offering all our readers an exclusive 15% discount on all Lady Umbrella T-shirts.
If you are feeling bad or just tired by the hard work so you have no need to be feel like that anymore because the photos we are going to share with you will must change your frame of mind and you ...
Urszula Wiznrowicz won the Main prize at this years D&AD New Blood Exhibition and has been chosen as one of the 4 finalists for the Channel 4 and Saatchi Gallery: New Sensations 2010 Prize.
How to create a sleek wordpress layout. PSD available for download FREE
63 Comments | Write a Comment
this is so so amazing tutorial !! like it bro !
wooow ITs Very Good JoB
great tut !
look my finish image
http://img1.vpx.pl/up/20100802/koniec98.jpg
Awesome!!!
look my final image: http://ileeh95.deviantart.com/gallery/#/d2uszia
WOWOWOWOWOW
ist Amazing…
es muy buena esa edicion.
is´t great.
Freaky amazing. I can’t stop watchin’ it
Today, reading and watching that tutorial I shit my pants a lot. Daaaamn it’s too good for me
great tutorial…. it’s nice… i like it… thanks for share…
Been Fine Thanks a lot Articles
I share http://www.wendunyam.net
Mate, the single word that can describe this tutorial is “brilliant”!
Thanks, keep up the good work.
very useful and wonderful tut thanks, will send u the link once i’m done
wonderful
Very nice tutorial, here are my results – any advise on refining the image is appreciated, I used my own photos and did it differently using mostly the same or similar techniques.
Great work and great blog, as always a good read!
Oooops, here is the link, sorry – http://www.flickr.com/photos/devignelements/4670643176/
I think this is very cool tutorial Johnson. Keep up with good work.
this is amazing! love it!
will be working on designing the cover of ebook which i will be panning to launch on next month. Thanks for the nice tutorial it really helps me a lot
It is too good and fabulous tutorial Thanks sharing with us..
Thanks everyone for the kind words.
For those without a ShutterStock account may surf at http://sxc.hu or http://deviantart.com for similar stock images. Have fun!
nice tutorial, but unfortunately, the source images from http://www.shutterstock.com/ must pay before download. so i must search from another sources before can practice it.
Excellent concept, John. In my humble opinion, the lens flare is a bit disturbing, so maybe you can replace it with a more subtle light source..
I like the concept and the result is really nice. A small addition in the end would be to try out some Solid Color adjustment layers, that would make the result look fantastic
Thanks and good job
Hey you are back buddy. That lens flare is meant to simulate the sun actually, maybe it can be done better with other methods. Thanks for your feedback.
Yeah, the idea of lens flare is right. But somehow it is attracting all attention towards itself. The other elements become unnoticed… thats what I feel but your approach may be different, so i maybe wrong
Here i am going through my email log and a stuble on your post.. awsome.. this just made my night.. thanx man..i will spread the word bout your site..
I was speechless with this work. I’ll try making one on my own. Thank you for imparting your knowledge on making a beautiful playground scene like this. I’m excited to work on this.
Amazing tutorial Johnson, a great effect. I´ll definitely bookmark this!