How to Make A 3-D Effect in Photoshop
3-D is the biggest craze in Hollywood at the moment. Avatar, Toy Story 3, A Christmas Carol and even Nanny McPhee have gone (or are going) 3-D this year. So how can we harness this concept in our photography?
The most basic principal of three-dimensional art is a foreground/subject which stands out from the background in such a way that you can actually feel the space between them. Obviously, a picture is flat. But if you can edit it in a way to create that space, you can make the effect on it’s viewer memorable. The concept translates into the editing process simply: edit the subject and the background entirely independently of each other. The way in which I feel most successfully achieves that is to make a darker, richer background and a lighter subject.
1.} Choose an image carefully. Not just any image will do. Try to find one which already has a sense of space between the foreground and background. Some far off background action would be great. I chose one where the subjects were almost fully shown (not just their upper halves).

2.} I duplicated the image for safe measure. As I usually do for step 1 of my editing process, I separate the foreground from the background by using the quick selection tool
and typing ctrl+j to create a new layer. First, though, I feather the selection out in select > feather > 0.5 px.
3. } Start editing the background. I usually first duplicate the layer, use overlay or soft light blending mode and take it down to at least 50%. When it’s the way I want it, I then merge the background layers back into one and separate the sky from the rest of the photo so I can edit them separately.

4. To the grass, I applied Flypaper’s ‘Muscatel’ texture layer at hard light, 49%. I also used ‘algae’ at overlay 100% (before you run off to buy these wickedly ingenious textures, read to the bottom for a discount code!) Check out this before/after of the grass:

5.} For the sky, I opened an image from my skies folder (I keep a folder with impressive skies to use as replacements) and laid that over the background sky. I then used Flypaper’s ‘Marie Antoinette’ @ multiply 9%, ‘ming’ @ overlay 35%, ‘lavender skies’ @ multiply 35% and ‘algae’ @ overlay 16% and here it is after:

6.} Here’s the wow factor step. I used the ‘Colosseum Sienna’ and placed it over the top layer in the layers palette. I then type ctrl+g to clip it in so that it is glued onto the boys like this:

7.} Then hold onto your seats as you change it to overlay 100% because immediately, the boys pop out of the picture and into my office (ok I’m not that important…I’m writing this in bed). I wish I had a way to show you in mouse-over because they almost literally pop off the image.

8.} ‘Colusseum Sienna’ is a cracked texture and quite orangey on their skin, so I added a maximum gaussian blur and took down the saturation a notch.
9.} For one last little touch, I added a slight filter > correct camera distortion vignette to the background. And here is the before/after. What do you think?

Flypaper is kindly offering DPS readers a $4 discount on the purchase of any textures pack for the next two weeks. Just enter the code ‘DPS‘ at checkout!





34 Responses to “How to Make A 3-D Effect in Photoshop” - Add Yours
February 4th, 2010 at 6:45 am
They look the same to me, except the saturation. I don’t know what’s 3D about that picture.
February 4th, 2010 at 7:01 am
agreed. It just looks like a bad blue screen picture
February 4th, 2010 at 7:07 am
I’m sorry, I appreciate the effort that went into this, but to me the end result just looks like the kids were pasted into a landscape photo.
February 4th, 2010 at 8:50 am
I am guessing this is an optical illusion as I can see the picture has a 3D effect where the previous 2 posts can not – Just got to try to look at it from a different angle. Many thanks for the effort.
February 4th, 2010 at 9:00 am
There is absolutely no doubt the edited pic is much more interesting than the original.
February 4th, 2010 at 9:02 am
I don’t see “it” either. Which is disappointing.
By the way, shouldn’t this be in the post production section of the site? It’s certainly not a tutorial on how to take a 3D photo or how to improve your photography.
February 4th, 2010 at 9:20 am
The result does not correspond to the effort that has been given to the adjustment (using all these textures and so) but the biggest disappointement is that there certainly hasn’t been given any 3D effect to the photo (I was expecting sort of anaglyph like effect). It looks to me like that children were pasted to the background. Sorry
February 4th, 2010 at 9:25 am
This article is kind of misleading, These pictures don’t look very 3D. If you really want a 3D look you should look at Dave Hills work. Now that looks 3D
February 4th, 2010 at 9:33 am
Wow yes Dave Hill is brilliant. i think that’s more along the lines of HDR, though, not necessarily 3-D. Obviously, when looking at my image here, we have to understand that no matter what we do, images on our screen will never really jump out of the screen so, like I’ve outlaid here, do your best to separate your foreground from your background by adding space, darkening the background, lightening the foreground. I expect that viewers’ opinion of my ‘after’ will be widely affected by our inability to sit for more that 2 seconds and actually soak in an image. It might require an extra moment of contemplation to decide.
February 4th, 2010 at 10:46 am
I do see a difference in the before/after photo…but only with more saturated colours and white puffy clouds in the latter. Can’t see any 3D effect.
February 4th, 2010 at 4:02 pm
Elizabeth
Try fill in flash and put the background out of focus. This will not be 3D either, but will make the subject the main interest, so you will not need 3D.
This task can be performed in camera so there is no need for expensive programs and add ons.
February 4th, 2010 at 5:50 pm
Have to agree with the two sides to this; firstly there IS an improvement which is brought about by more contrast and colour saturation. However – 3D is far from the truth :(((
February 4th, 2010 at 6:21 pm
It does say 3D effect in the title and it does emphasise the subject I think its possibly your expectations are too high to get a true 3D effect in cinemas they use two projectors and special glasses plus all the time synchronising the shots we just dont have those facilities. I think the after picture definitely stands out more and the seperation from the background adds a little pop so in that respect its a slights 3D effect. And another PP skill to add to your arsenal.
February 4th, 2010 at 10:56 pm
Very Very Nice Photography.
February 5th, 2010 at 12:20 am
i agree with the rest of the commenter.
there is absolutely NO 3d in this photo. at all. misleading title imo.
however, it is a very good try to improve the image.
February 5th, 2010 at 2:20 am
i agree with the majority of the comments here:
1. misleading article
2. poor attempt at 3D (THERE IS NOTHING 3D HERE!!!)
3. Even the Image is not improved….if the kids blended back into the photo, it might do it more justice!
February 5th, 2010 at 3:13 am
This technique would be beneficial if you use the picture in a real 3D environment
like tilting or zooming the image in after effects or C4D, u get the idea. The Z space would make them stand out, not giving more or less brightness/contrast to your subject.
The need of good copy written titles is a must, especially in a tutorial form.
A more better title would be “how to make your subject stand out with selective contrast” or so.
Even with the more saturated image, i don’t think the image looks “good” in both senses of the word.
it looks pasted in.
it looks fake.
I am not trying to disrespect the time spend on writing this article. I never gave a comment on articles here before but I just honestly found that result, technique & title aren’t up to par to use in any way (for me).
February 5th, 2010 at 4:55 am
“I expect that viewers’ opinion of my ‘after’ will be widely affected by our inability to sit for more that 2 seconds and actually soak in an image. It might require an extra moment of contemplation to decide.”
Oh, I see, it’s our fault for not looking hard enough. We’re just too impatient, that must be it.
Well, I stared at the final image for thirteen minutes and seventeen seconds, with a Clockwork Orange-esque device strapped to my head so I wouldn’t blink and miss it. I saw a young woman and an old lady, I saw green dots disappear, I saw a smiling man’s face turn into an angry man’s face, and I saw a schooner. But no 3D effect.
I just wish I was a better viewer. Dang.
February 5th, 2010 at 6:13 am
Where do I get some of those “skies?” to put in a sky folder?
February 5th, 2010 at 7:23 am
I think it looks like bad green screen. :(
February 5th, 2010 at 7:33 am
Elizabeth – Nice job. It’s a good technique and the image is much improved. I don’t know that I’d call it 3D either, but I haven’t seen any 2d image able to pull of that effect satisfactorily without the aid of glasses, etc.
February 5th, 2010 at 11:34 am
maybe its just unlucky choice of title-that would be understandable….but the real misleading act is all that talk about Avatar or Christmas Carol-that lead viewers think that it will be something that cant ever be achieved on 2D screen (not talking about anaglyph or other 3D techniques)
February 5th, 2010 at 12:00 pm
Remind me never to post anything to this site! Feedback not helpful at all!
February 5th, 2010 at 1:59 pm
Okay… quite a battering of the post I see out here. But I had a question, if I added a drop shadow to the two kids in the pic… would that make them 3D or just ‘out of bounds’?
February 5th, 2010 at 4:26 pm
@b: I’m sorry if you found my comment about taking time offensive. Note that I said “our inability”, not “your inability”. We are all guilty of taking imagery for granted and looking at it flippantly due to the masses of readily available content in cyber space. We are a microwave generation who wants everything in a nanosecond. That is what I was referencing, nothing more. I’m sorry if anyone found that offensive.
@giovanni: A drop shadow could be interesting, actually. Like that idea.
@Jennie: I keep my own skies folder from skies I have photographed myself. If there’s an interesting one, I just drop it in there.
Note: Some have complained about the section this tutorial was placed it. I’m sorry if you found that unhelpful, however, it’s not my area. I’m not the one who decides where it will go so you’ll have to just continue picking on me for my seeming misuse of the term ‘3-D’. …and…..continue… :)
February 5th, 2010 at 9:53 pm
Ms. Halford,
The final outcome is good and it has a POP UP 3D-effect.
I noticed Difference in SHADOW directions.

I think there exist two SUNS.
(Shadow on the Kids PANTS Vs on the CLOUDS are in different Directions).
Please comment….
February 6th, 2010 at 12:04 am
Hey Elizabeth, sorry you’re taking such a drubbing here, sounds like an unfortunate conflagration of factors mainly. Hope you know I was just poking some fun, and you’re taking all of this very well which speaks highly of you.
On further review I think one of the main problems with this tutorial is that there’s little context in this photo. The kids seem pasted in because the background looks fairly generic, especially considering the action of the subjects. If they were in, say, a playground or something that makes a little more sense I think there’s more of a, how do I explain, “suspension of disbelief” I suppose.
I wonder if this would have had a better reception if a different photo were used and if we had the option ot view larger versions; it looks like some compression is hurting your final image.
Anyway, best wishes and keep shooting!
February 6th, 2010 at 12:59 am
Well I like the picture! It has the desired effect. It may not be 3-D (in that it doesn’t “jump” off the page) but it does have a 3-D esque feel to it.
I like the shimmer around the kids and the surrealness of the blatantly different sky. It’s almost dream like.
In her article she did say, “Obviously, a picture is flat. But if you can edit it in a way to create that space, you can make the effect on it’s viewer memorable…”
It’s as 3-D as a picture can get. Thanks Elizabeth :)
February 6th, 2010 at 8:25 am
@parthion: Wow thank you very much for your ultra detailed analysis. Seems you actually took my advice and looked at the image for more than a nanosecond as I advised @B to do :) Btw @B: thank you for your followup message :) However, I don’t think a clockwork orange size clock is necessary a little wristband stopwatch should do the trick :)
I’ve laid out the objective. Clearly, most don’t agree that my example is adequate. I’d love to see your examples (really…this isn’t a trap:)
February 6th, 2010 at 9:04 am
Sorry (me again!) funny that I should happen upon this tonight. Food for thought: http://www.davehillphoto.com/blog/3d
February 8th, 2010 at 6:48 am
Geese, it sounds like everyon here is just crabby today- ease up- you know more about something even if it is knowing that it is something you don’t care to try or practice-
February 16th, 2010 at 4:55 am
Ouch, peeps — there is definitely an appearance of increased depth in the second image. Definitely a good idea/technique to emphasis something. Just thinking about it through my fingers, I wonder if the same look could be done in camera with a smallish aperture, fill flash (on camera or just off camera) and a faster exposure time. (Maybe a different time of day when it is not so bright out like 4 or 5pm.) The subjects would appear more illuminated and the background may appear darker. Maybe something like f36@125 or 250?
February 25th, 2010 at 4:27 am
It just goes to show the power of suggestion .. I looked at the before and after and couldn’t see that the after had anything which gave it a pop. Then I looked at the laborious edit steps and the work that was involved and thought that all my visual taste buds must have withered away. I still couldn’t see it.
Then I read the comments.
I’m not alone .. I am sane!
February 25th, 2010 at 6:34 pm
Sorry you’re getting such a beating Elizabeth. I do like the edited version of the shot. Probably wouldn’t call it 3D but it does give it some pop. I’m sure we’d see it better if we could see a larger version.
Thanks for the tutorial.
Leave a Reply