PSDRockstar.com

Add to Technorati Favorites  Delicious

Write for PSDRockstar.com

Posted by Joe on Tuesday, August 4th, 2009

Are you a photoshop guru? Writing tutorials can be quite a challenge, and PSDRockstar.com is always on the lookout for talented photoshoppers

continue reading

Download 30 sets of free Social Bookmarking Icons

Posted by Joe on Monday, December 15th, 2008

This free icon sets collection contains all most all popular social media icons like del.icio.us, Digg, Mixx, DesignBump, StumbleUpon, Reddit, Developer Zone, DesignFloat, Technorati, Twitter and RSS feed. The icons which you see below are some real creative and most beautiful, ranging from web 2.0 to hand drawn designs. Although initially intended to be used […]

continue reading



}

Photo Manipulation – Creating a Fantasy Scene

Posted by Joe on Tuesday, April 7th, 2009

 

Hi again, so today I’m going to demonstrate a number of techniques used to create the image below.   This is not a complete walkthrough to create exactly the same image, but you’ll hopefully pick up some useful tips. It is a composition of 4 different photographs. As is normal with Photoshop, there are numerous ways to achieve the same task, so the techniques below are just 1 possible way of going about creating this scene.  A scaled down PSD file for this tutorial which covers steps 1 – 7 can be found at the bottom.

preview
(Click on the image to see it in full size – n.b. you’ll need a flickr account)

The original images used were: (click on an image get the full res version)

 

preview4 preview2
preview1 preview3

Step 1 – preparing the background with the patch tool.

Open up the mossy wall image into photoshop and resize the image to 1176x 1756, then unlock the layer by double clicking on it in the layer panel (the padlock will then disappear).  You’ll notice a number of artifacts on the image which gives away the size of what we’re looking at.  So we’re going to remove those, using the patch tool (hotkey J).  So click on the patch tool and draw around each artifact that stands out, and then once you’ve created a selection drag with the mouse from inside the selection to a similar area.  Photoshop will then make a neat job of patching the new area to its surroundings. Next create a new Hue/Saturation adjustment layer, de-saturate the image and colorize it with a pale dark green/yellow.

step1

Step 2 – Lets add some pipes

Open up the pipes image, and paste it in directly under the hue/saturation adjustment layer. Transform it to a smaller size and position it to where you like it best. With this layer add a layer mask. With a brush (hotkey b) and with the layer mask selected,  start to paint out the background of the pipes image.  Start with a big relatively hard black brush with high opacity to get rid of most of the background, then use an increasingly smaller brush when you get closer to the pipes themselves.   Some shortcuts of use here.  ‘[‘ ‘]’ keys to make the brush size bigger or smaller.  X to switch between foreground and background colours (black and white for the layer mask).  The numeric keypad to change opacity levels, and shift+ [ or ] to change hardness of the brush.  Layer masks are non destructive, so if you accidentally brush out part of your image, switch from black to white and start painting, this will reintroduce part of your image.

Once you’ve got rid of the background, duplicate the pipes (hotkey ctrl+j) around the image to produce an effect similar to this:

step2N.B. To create some more funky pipes, trying using Transform > warp on an existing pipe layer.

Step 3 – Burn baby Burn

Select all the pipe layers and merge them together into 1 layer (hotkey ctrl/cmd+e ).  Then duplicate this pipe collection layer. Set the layer blending mode to overlay on the top pipe layer and on the bottom pipe layer set the layer opacity to 50%. This will create quite a nice grunge pipe effect.

Next we want to create some shadows.

Create a new layer above the moss and below the pipes.  With black as the foreground colour, use a brush set to color burn with low opacity(5%), 0% hardness and a large size to paint shadows under the pipes and inbetween them.  If you make a mistake, and go too dark, use the eraser with a low opacity to undo any excessive shadows.  You should end up with something like this:

step3

 

Step 4: Lets make a cave

Next we’re going to create a cave and add a cute little door and window to the scene.  Again in the shadow burn layer, use a brush with higher opacity to create a cave like shadow near the top of the image.  I’ve created the cave above one of the naturals cracks in the moss layer just above the pipes.  Next open up the cottage door and window image and paste it in a new layer above the pipes, scale this image so that it fits in the newly created cave hole.  Then add a layer mask and start blending this photo in with the rest of the image.  The cottage image is slightly brighter than the rest of the image.  So create a new brightness/contrast adjustment layer above the cottage layer and darken the entire image.  Then hold down ctrl + alt and click with the left mouse button on the line between these two layers in the layer palette,  the new dark effect will now only apply to the cottage layer.  You can see this in the layer palette with the adjustment layer being slightly indented from the other layers.

You’ll end up with something like this:

step4

Step 5: Working with Colour

Turn off the top hue saturation layer, and you’ll notice that the cottage layer is a different colour to everything else.  So create a new hue/saturuation layer immediately above the cottage layer and play around with its settings until the difference between layers is less obvious. 

The bricks of the cottage are a bit too blue.  So create a new layer between the adjustment layers and with a soft brush set to color with 5% opacity and a light orange/yellow colour start to paint over the bricks to warm them up a bit.  Next, let’s change the door colour.  Use the pen tool to draw around the door.  (make sure the paths icon is clicked and not shape on the menu at the top).  Once you have the path, right mouse button on it and select make selection.  Then press ctrl+shift+i to invert the selection.  Finally create a new color balance adjustment layer with that selection and tweak the settings to get a nice red effect for the door.  Use a layer mask on this layer to bring back the colour of the overlapping leaves over the door.  You should end up with something akin to this:

step-5

Step 6: Lets get ready for a goblin

Get rid of the window frame. Make sure the cottage layer is selected.  Use the Pen tool with paths mode selected to draw around the window.  Once done, right mouse button on the path and select make selection.  Then press ctrl+shift+i to invert the selection and press delete to remove the unwanted window frame

Turn on the top hue/saturation layer again. Open up the goblin image and paste it into your composition in a layer right below the top hue/saturation layer.  Resize the layer so he fits in the window.  Next use a layer mask to again mask out his background so he looks like he’s peering out of the window.  Then create a new layer above the goblin, and use the same burn techniques as in step 3 to burn shadows into the image on and around the goblin.  You should have something like this:

step6

Step 7: Painting in Colour

We’re nearing the end now, so let’s add some colour back into the image.  With the layer mask for the top hue/saturation layer, start to paint black to bring colour back into the image, to achieve something like this:
step7

Step 8: Big effects for little work

Ok, now it’s time to add some atmosphere. I strongly suggest you create a snapshot (in history) to temporarily save your work at this point. Select all the layers and press ctrl+e to merge them all together.  Duplicate this new layer (ctrl+j) and use a gaussian blur filter of 4.  Set this new blurry layer to a blending style of overlay and an opacity of around 25%. This technique is useful for enhancing the colours of your scene.  Select these two layers again and press ctrl+e to merge them together.

Now with this 1 layer, go to filter > render > lighting effects.  Using a spotlight style light, tinker with the properties to emulate a light coming from the top which fades to darkness near the bottom of the pipes.  You should get a result something like this:

step8

And that’s pretty much it.  As with anything with Photoshop, you can get some really good effects if you’re prepared to spend time over the look to get it just how you want.

PSD File

Posted in: Photo Effects.

Tags: , , , , , ,

48 Responses to “Photo Manipulation – Creating a Fantasy Scene”

  1. popurls.com // popular today Says:

    popurls.com // popular today…

    story has entered the popular today section on popurls.com…

  2. John Says:

    Very interesting and informative tutorial. Surely i am going to try this out today. Thank you very much.

    Johns last blog post..Dot Com Infoway – Our Methodology

  3. 40+ Useful Photoshop Effects | Listfied Says:

    […] 26. Creating a Fantasy Scene […]

  4. Photo Manipulation - Creating a Fantasy Scene | CgBaran Tuts Says:

    […] View Tutorial […]

  5. Photo Manipulation - Creating a Fantasy Scene : Design Newz Says:

    […] Photo Manipulation – Creating a Fantasy Scene […]

  6. Sid Says:

    Great, easy to follow. A little challenging but worth a go.
    Thanks,
    Sid

  7. CgBaran Tuts Says:

    Great tutorial. Fantasy scenes are my favorite designs.

  8. kamlianmung Says:

    Very very good idea

  9. retoque fotografico Says:

    Una retoque fotografico muy divertido y interesante

  10. Best Photoshop Tutorials, Brushes and Textures of April 2009 | CrazyLeaf Design Blog Says:

    […] Photo Manipulation – Creating a Fantasy Scene […]

  11. Best Photoshop Tutorials, Brushes and Textures of April 2009 « Vandhematharam Says:

    […] Photo Manipulation – Creating a Fantasy Scene […]

  12. Best Photoshop Tutorials, Brushes and Textures | guidesigner.net Says:

    […] Photo Manipulation – Creating a Fantasy Scene […]

  13. 40 Extravagant Surreal and Fantasy Scenes Photoshop Tutorials Says:

    […] Creating a Fantasy Scene […]

  14. 35+ Extraordinary Fantasy Scenes Photoshop Tutorials | Dzinepress Says:

    […] Creating a Fantasy Scene […]

  15. bex Says:

    this is AWSOME! thanks so much for the tutorial!

  16. 50 Imaginative Fantasy Art Tutorials for Photoshop : Speckyboy Design Magazine Says:

    […] Creating a Fantasy Scene […]

  17. Photoshop icin 50 Imaginative Fantasy Art Tutorials Says:

    […] Creating a Fantasy Scene […]

  18. 50 Imaginative Fantasy Art Tutorials for Photoshop | 77even Says:

    […] Creating a Fantasy Scene […]

  19. 50 Imaginative Fantasy Art Tutorials for Photoshop | huibit05.com Says:

    […] Creating a Fantasy Scene […]

  20. 50 Imaginative Fantasy Art Tutorials for Photoshop | Ethiopian News Says:

    […] Creating a Fantasy Scene […]

  21. Rashed Says:

    it was so usful thanx

  22. Sezer Özkara Kişisel Web Sitesi Says:

    […] Creating a Fantasy Scene […]

  23. Photoshop Fantasy Art Tutorials Says:

    […] Creating a Fantasy Scene […]

  24. Photoshop Fantasy Art Tutorials Says:

    […] Creating a Fantasy Scene […]

  25. buy property in Says:

    Great articles & Nice a site

  26. 50+ amazing Photoshop Tutorials | bijusubhash.com Says:

    […] Photo Manipulation – Creating a Fantasy Scene […]

  27. Ravi Mann Says:

    amazing tutorial i faced various problems while doing it but now i have manipulated a lots of images with the help of this tutorial .
    Thanks a lot :) !

  28. Sinan Says:

    Thanks admin super share

  29. Daily Inspiration | Links #1 | Ikab-Mag Says:

    […] Tutorial: Photo Manipulation – Creating a Fantasy Scene […]

  30. 40 Best Photoshop Tutorials for Creating Fantasy Scenes | Dzinebook blog | Inspirational design resource for Web design - development - freelancer tips Says:

    […] Photo Manipulation – Creating a Fantasy Scene […]

  31. 40 Inventive Fantasy Art Tutorials Using Photoshop | crazyegg.net Says:

    […] Creating a Fantasy Scene […]

  32. Richard Says:

    I created a tutorial on my blog on how to install and set up WordPress. This tutorial is geared toward business owners who want to set up their own website at a low cost.

  33. Sarah Says:

    Hi

    That was a very interesting and informative tutorial. Thank you very much. In our website (link below) we have a photo manipulation section which actually covers fantasy:

    http://www.fixarphotos.com

    Let me know your thoughts.

    Sarah

  34. Steve Says:

    Thanks for the info.
    Make new photo effects without using Photoshop every day on
    http://photofacefun.com.

  35. psdpresets Says:

    Nice tutorial. Thanks for sharing!

  36. Bis developer Says:

    great tutorials for fantacy designs, i really loved and enjoyed this post. thanks for sharing such a wonderfull tutorial

  37. PS Wish | Photoshop Tutorials and Downloads Says:

    […] Creating a Fantasy Scene […]

  38. Photoshop Tutorials Says:

    very nice effects, i also follow Photoshop Tutorial and they are really good to start

  39. Photoshop Tutorials Says:

    thanks, its really useful, i applied these Photoshop Effects earlier, now im going to apply them too !

  40. Boaz-Bagbag Says:

    Outstanding article it is surely. I’ve been waiting for this information.

  41. 35+ Extraordinary Fantasy Scenes Photoshop Tutorials « DownGraf – Design weblog for designers Says:

    […] Creating a Fantasy Scene […]

  42. Jimmy Nguyen Says:

    Amazing post !
    Thank for sharing, just keep it up.

    Jimmy

  43. 10 Tutoriales de efectos en Photoshop | Diseño Gráfico | Diseño | Noticias | Tutoriales | Recursos de Diseño | Y más... Says:

    […] Fantasy House Tree Scene Tags: Efectos photoshop, tutoriales, Tutoriales para photoshop Comparte este post […]

  44. 40 Imaginary Photoshop Tutorials | PSD P2Ptuts Says:

    […] Creating a Fantasy Scene […]

  45. Fantasy Scenes Photoshop Tutorials | VapvaruN | Wp Experts Says:

    […] Making a Fantasy Scene […]

  46. Amazing Photo Effect Tutorials Part 2 | VapvaruN | Wp Experts Says:

    […]  Make A Fantasy Scene […]

  47. Downgraf – Design weblog for designers » 50 Imaginative Fantasy Art Tutorials for Photoshop Says:

    […] Creating a Fantasy Scene […]

  48. Inventive Photoshop Tutorials on Fantasy Art « CSS Tips Says:

    […] Creating a Fantasy Scene […]

Leave a Reply