Photo Manipulate a Surreal Apple Habitat Scene
Pushing Your Creative Imagination: How to Create a Future Based Fantasy Photo Manipulation
Quick Tip: Learn How To Create a Vintage Photo Effect in PhotoshopHave every post delivered to your inbox and get access to hundreds of useful design freebies.
PSDFan Extra
Final Image
This is the final image that we’ll be creating:
Images Used:
Below is a list of links to the various images used in this tutorial:
http://www.sxc.hu/photo/1041508
http://www.sxc.hu/photo/1051132
http://www.sxc.hu/photo/947640
http://www.sxc.hu/photo/490615
http://www.sxc.hu/photo/958455
http://www.sxc.hu/photo/653070
http://www.sxc.hu/photo/994412
Step 1
Open up a new document (600X500px) and paste in an image of some old looking paper. Cut the paper out from it’s original background using the magic wand or lasso tool.
Step 2
Now open up a new document (30X40px) and try to create the image below (or something close to it) using the lasso tool, marquee selection tools and paintbucket tool. I won’t go over the exact steps to create such an image, but you want to try and create something with some basic shapes and details – just use your imagination. Obviously the image below is zoomed in quite considerably. Finally, go to edit>define pattern and define your pattern as ‘map edge’.
Step 3
Now return to your original document and create a rectangle shape running along the top edge of your paper. The rectangle should completely cover the edge of the paper, and it doesn’t matter if it overlaps your white background. Then in your layers palette reduce the fill of this layer to 0% (that’s the FILL not the OPACITY). Finally, go to blending options and apply a ‘pattern overlay’, using your newly created ‘map edge’ pattern. The result should be like the image below.
Step 4
Create a new layer beneath your pattern layer and leave it blank. Then select your pattern layer and merge down. This will mean that the pattern overlay is still visible, but that it is no longer a layer effect but part of the rectangle shape itself. This will mean that you can edit the rectangle far easier, for instance changing the brightness, hue, or saturation of the image – something which you couldn’t do to a layer overlay.
Another main reason for merging the layer is that now we can rotate or flip the rectangle and the pattern will also be flipped or rotated with it – rather than the same angle pattern being applied to a rotated shape. With this in mind I duplicate my pattern layer and go to edit>transform>flip vertical. Then I move this flipped shape down to cover the bottom edge of my paper. Then I simply rotate this image to fit the sides of my paper as well. You should have something like the image below:
Step 5
Now hide your paper layer and white background layer, leaving just your pattern layers visible. Then go to edit>define pattern and define your pattern as ‘map edges final’. Make your paper/background layers visible again. Now delete your pattern layers and apply a pattern overlay to your paper layer, using your ‘map edges final’ pattern. This technique means that your pattern will now end where your paper ends, making it appear to be part of the paper.
To make the pattern blend a little better I reduce it’s opacity to 75% in my pattern overlay settings. Finally I want to merge this layer with a blank layer beneath it for the same reasons as before. However, my paper image isn’t really matching the border we’ve just given it. To fix this I go to image>adjustments>hue/saturation and apply the settings shown below to brighten up the paper image. Then once this is done I can merge the layer.
Step 6
Now create a new layer called ‘inner border’. Apply a rectangular marquee just within your pattern border. Fill it with FDE4C1 and then go to selection>modify>contract and contract your selection by 2px. Fill the new selection with 716048. Then contract this selection by 4px and hit delete. Finally set this layer’s blend mode to ‘multiply’ and reduce it’s opacity to 50%.
Step 7
Now paste in an image of a safari landscape and crop it so that it fits neatly inside your inner border. Then change the layer blend mode to ‘vivid light’ and reduce the opacity to around 15%.
Step 8
Now paste in an image of a world map. My image was black lines on a plain white background, so I set the layer blend mode to ‘multiply’ to make the white background invisible. Then I reduced the layer opacity to 50%.
Step 9
Now paste in an image of the world. Go to image>adjustments>desaturate to make it black and white. Then go to image>adjustments>brightness/contrast and up the contrast to +60. Then go to image>adjustments>color balance and apply a little red and magenta and a little more yellow in order to blend the globe with the rest of the image. Finally apply an outer glow, with the settings shown below.
Step 10
Now apply a compass image to the top-right corner of your map. My image was already black/white and had a nice outline, so I simply repeated the color balance technique shown in Step 9.
Step 11
Now paste in an image of a herd of elephants into the bottom right of your image. We need to blend this image with the rest of the map – the easiest way to do this is to desaturate the photo and then set the layer’s blend mode to ‘multiply’. Then use a large, soft eraser brush at 10% to erase the hard edges of the photo so that it blends with the rest of the map.
Step 12
Repeat this same technique with a photo of a tiger. Position this layer beneath your ‘globe’ layer.
Step 13
Now paste in your safari landscape photo (the one we originally used for the map’s background. Cut out the mountain tops in the photo, and then repeat the techniques of the previous 2 steps to blend the photo into the top area of the map.
Step 14
Now type some text to fill the top of your map. Use a script like font, all in capitals and be sure to increase your letter kerning to over 1000. Then rasterize your text layer (layer>rasterize>layer) and use a hard eraser brush at a low opacity to erase over various parts of the text. This should give your text a slightly grungy look and help to simulate the uneven texture of the paper.
Step 15
Now create a small dark brown circle using your circular marquee tool and paint bucket fill tool. Then create some arching lines stemming from this point using your path tool. With a 1px, dark brush selected right click on your path lines and click ‘stroke path’.
Step 16
I add a dirt background to go below my map. To make it blend with the map I reduce it’s saturation and lightness. Then I use a small, hard eraser brush at 100% to tidy up the edges of my map. Finally, I apply an outer glow and drop shadow to my map in order to give it accurate depth and make it stand out from it’s background.
Step 17
My globe is looking a little red, so I fix this by reducing the red and adding a little more yellow in color balance. I want to give the impression that some of the dirt from under the map is overlapping it, so I select an area of the dirt and paste this onto a new top layer. Then I use a large eraser brush at a low opacity to erase the sides of this area so that it blends a little better. Then I apply a subtle drop shadow, just to give this area of dirt a little more depth. Finally create a new layer called ‘dirt shadow brush’. Use a soft black paintbrush at a relatively low opacity, mode: color burn to brush over the bottom half of the dirt pile. This should give it more depth and give the impression that it is in fact a small pile of dirt, rather than simply a flat photo.
And We’re Done!
To finish up I simply add some more dirt to various parts of the maps edges, using the exact same techniques shown in Step 17. You can see the finished image below:
I hope that you enjoyed this tutorial, and as always I’d really appreciate your feedback/comments!
Download Source File for this Tutorial
About the Author:
Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.
63 Comments:
Related Posts
Your Design Work, But More Awesome:
Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.
fantastic Tom! …very Discovery Channel
Delicioused.. or whatever you call it, lol.
Wew!!!impressive.. I really like the final result!!! One thing though, I can see no giraffe:D.LOL.Kidding.keep up the good work in here as always:)
Ronald
No giraffes or monkeys here, but very helpful tutorial. Enjoyed as well and bookmarked!
This is an amazing result !
Just to add that Kenya isn’t placed in Asia, but in Africa.
Great tutorial, Tom!
Nice use of just pictures and implementing them
Thanks guys! I’m glad you enjoyed it
Cool !!! [BUT DIFFICULT]
CAN SOMEONE BCOME MY TEACHER ?
Amazing result, i want to make this tutorial to practice.
But the first link of pictures seems to be a tiger instead of a globe, where can I find the globe ?
http://www.sxc.hu/photo/1041508 –> wrong link
Kind Greetings
Steven
Very nice looking. Good explanations with it, but it would help if you labeled the images from the Stock Exchange.
Also, tigers are not native to Africa and Kenya – a lion would make a fine substitute image.
Thanks for this!
Lori
Quinzy: Sorry, I must have forgotten to post the link for the globe photo. sxc.hu is playing up for me right now, but when it’s working normally I’d recommend just searching for ‘globe’ and it should be in the first few pages.
Lori: Thanks for the kind words and also the pointers, I’ll definitely take your words on board for future tutorials
.
great, thank you for taking me through the steps.
No problem Anthony
absolutly stunning…
Thanks Normy!
After I Place the globe, the desaturate is grey and non functional when I try to get to it. What am I doing wrong?
Also the globe I found has a background. I noticed your glow is around the globe. Can you Help me I am lost
good job
Hey Tom,
Thank-you very much for the tutorial! It’s great. The safari feel is very cool.
Keep up the good work!
great job !!!
i don’t find the PSD files
This was a great tut. I’m pretty new to Photoshop and this had great explanations. The one thing I had a problem with was the pen strokes. I wasn’t able to figure that on out all in all really good. Congrats.
Wow, just amazing! I linked it too!! Any ideas where I could find high resolution images of really old paper?
Thanks guys. Sorry for the delayed responses but hopefully this can help you out:
Brad: To isolate your globe from it’s background cut it out using the lasso tool, elliptical marquee selection tool or magic wand tool. Then you should be able to apply an outer glow effect no problem.
Tiffany: What part of the pen strokes did you struggle with? Please let me know if you’re still encountering problems.
Hi There…!
Excellent work…! I truly LOVE the safari theme, and the whole colour scheme…!
Only one thing – The pic of the tiger. There is no Tigers in Kenya… LOL…
Keep up the good work…!
Hey Armandus, thanks for commenting. It looks like everyone but me was aware of there being no tigers in Kenya haha. I’m glad you enjoyed the tut though
its very excellent
thanks for tutorials
its so amazing
Very Cool man! That’s fantastic I really love it ^^
I thought you might like to know that I am using this tutorial for our weekly tutorial challenge over at Planet Photoshop. Thank you for the tutorial. I can’t wait to do it myself!
http://www.planetphotoshop.com/forum/showthread.php?p=7976#post7976
That’s awesome! Thanks so much for considering my tutorial, I’ll keep an eye on your PS Challenge. Feel free to use any of my other tutorials in future
I really enjoyed this tutorial.. I was bored of photoshop for awhile then say your tutorial and Liked it.. I followed along and used all your ideas and instruction in my own way and came out with a very similiar pic with my own small changes.. very well put tutorial
wowww That’s fantastic .
outstanding idea
i have no idea about making this before
what should I do to get more ideas?!?!?!? the great one…
thank’s a lot..
sugoi !!!!
Good job
Amazing Map
Great work, well done!
Great tutorial, There are many tips and trick in this article. Thank you for sharing.
There are many tips and trick in this article. Thank you for sharing.Thank you so much.
I like photoshop it’s a good illustration software.
Thankyou for an article.
its very excellent
thanks for tutorials
its so amazing
I think i am using this tutorial for our weekly tutorial challenge over at Planet Photoshop. Thanks.
nice one, I really enjoyed that.
Love the concept and the pics are good too. Thanks for sharing
Great work, well done.Thanks you for sharing.
That’s a very good guide, I’m certainly no photoshop professional, but even I managed to reproduce this with a pretty good result. I first thought it would be close to impossible for a newbie, but as always: If you know how to do it’s, it’s really easy. Took me about half an hour.
thank you its very excellent
Thank you very much .
That’s fantastic .
Absolutely incredible!!! Can’t wait to try this. Would suggest substituting a leopard, lion or cheetah for the tiger to improve accuracy. Thanks again and keep up the good work!
I think i am using this tutorial for our weekly tutorial challenge over at Planet Photoshop. Thanks.
I found your site being bookmarked in one of the social sites. Im glad I visited it. Interesting articles you have here.
uh, the only tigers in Africa is in the Zoos with the other Asian animals.
Absolutely incredible!!! Can’t wait to try this. Would suggest substituting a leopard, lion or cheetah for the tiger to improve accuracy. Thanks again and keep up the good work!
Wow. This is a super cool project with clear, step-by-step instructions. Thanks for sharing.
helpful tuts.
I like photoshop it’s a good illustration software.
Thankyou for an article.
Very interesting to read your articles and helpful to my work.
Good article , thanks and we want more! Added to FeedBurner as well
Thanks for the weblog loaded with so many specifics. Stopping by your blog helped me to obtain what I was looking for.
Wow! Good job I’m like this ^^
looks so great- only problem is that there aren’t any tigers in Africa!
wowww That’s fantastic
I can understand this tutorials.
Follow this and enjoy with design map.
This topic was very useful. Thanks a lot.
I love these design tone , please contact me I need your design for my web template and Logo.