Thursday, November 8, 2012

Faux Depth of Field

Hello Hello! I've got another Photo Fiasco for you today...only this one ends with a tutorial! 
While I know Christmas isn't until next month and that here in the states we have Thanksgiving still this month...today's post has a Christmas theme to it. Why? Because now is the time to finalize your photos for Christmas cards! 

So after this we'll leave most of our Christmas posts until later so we don't get yelled at by this turkey: 
Bahahahaha, I laughed at this so hard the first time I saw it last year. 
So...do you have your pictures all ready and set for your cards? Me neither. Slacker, I know. Maybe I'll just draw in stick figures this year. Sounds like a good plan to me. Cyndi is more on the ball than I am and is working on Christmas style pictures...only she ended up sending us one. 

The Original Pin
Pinned Image
http://www.lizvetteblog.com/diy-easy-christmas-lights-background-photography/
 Cyndi used this as her inspiration, got the set up put together, snapped the shot, then sent it to us.
The Pinstrosity

 "I'm pretty sure I nailed it!  ;)" Cyndi told us.  

That's still pretty cute. And Cyndi really did almost have it...just a few tweaks and it'd be about what she wanted. It's hard to recreate photos from professional photographers who have had practice and who know their cameras in and out...but there are a few things that the non-professionals of us can do to get results that look more like the original. 

I actually tried this out last year for a friend using the same photo (the one from the original pin) as my inspiration), and I learned a few things. I didn't have the net lights though, I only had swag lights so that is what we used. I've learned a lot since this time last year and I'd love to try this out again and see if I can get better results. 
http://marquettephoto.blogspot.com/2011/12/katies-first-christmas.html

The main thing I learned (and didn't accomplish incredibly well in my photo...but I started to get it) is that a key to making this work is depth of field. 

Depth of field is the portion of the photo that is in sharp focus. Let me give you a visual example. 

Photo showing depth of field
http://www.dofmaster.com/dof_defined.html
The photo of the dominoes has a shallow depth of field, resulting in only the middle dominoes being in focus and the others in front and behind are out of focus. 

A camera on general auto mode will usually try and get as much of the photo in focus as it can...which is not quite what you want in this photo. You need to be able to have the background blurred so that you can't see the wires as much. Instead of shooting on general auto mode, try switching your camera to macro mode (it is usually the flower symbol on many cameras). If you know how to change the aperture of your camera, do a low f-stop. 

Don't know how to change the f-stop or you still can't get the depth of field shallow enough? I'll show you how you can change a "normal" photo into getting a similar depth of field look using a photo editing program. I use GIMP (a free editing program) and will be giving these instructions in Gimp terms, but this can of course be done on Photoshop as well. 

1. Open your photo (I know...that step's given, but oh well). If you want to see any of these tutorial photos larger, just double click on them here in the blog post. 

2. I went ahead and cropped the photo down to bring the eye's focus directly into the picture. This helps to make the adorable girl more of the visual focus of the photo. 

See? That looks a little better already.  

3. I decided to lighten up the photo a little bit. I use the curves tool under the the Colors tab in the menu to change the lighting, but the levels tool works well too. 
  
Just a little light helps. You can change the color in the curves box if you want too. I took some of the red out and added a little blue to try and balance the colors. 

You can also balance colors using the "Color Balance" tool under the Colors menu button. 

4. Now you need to add a new layer. Gimp makes this easy. In your layers box (the box on the right), click and drag your layer down to the multiply button. You can see my holding the layer over the multiply button there in the bottom right corner in the photo below.  

5. Now that you have two layers (see them both there in the layers box?), we need to cut one up a little bit. Make sure the top layer is selected (see how the top layer is highlighted in blue in the Layers Box, that shows I've got the top layer selected). Then, in your toolbox on the left select the lasso button. 

6. I then drew around the girls head and the close ornaments. You can click and hold and draw one continuous curvy line if you have a steady hand with the mouse. If not, just draw a series of small lines and that works great (I do that often). 
  
7. Once I drew all the way around the girls head and arms and the ornaments I clicked the point where I started drawing and it closed the selection, giving a black and white dotted line around my selection. 

8. I hit delete to take out the section that I just created. You can better see the hole that you just created if you hide the bottom layer. To hide layers click the eye button next to the layer in the Layers Box. 

 9. Making sure that you've selected the top layer, click the Filters button on the top menu bar, then select Blur, then Gaussian Blur. 

I set mine to blur at 9 pixels...but the amount of blur you'll need will vary with the size of your photo. I was working on a small photo, so I didn't need a large blur radius. Luckily the Gaussian Blur box that pops up gives you a preview of what the blur will look like so you can change the settings to get the right amount of blur for you. Hit ok when your settings are to your liking.  

And your top layer is now blurred!

10. Now un-hide the bottom layer (just click the eye button again) and you can see your non-blurred bottom layer through the hole you made in the top layer. We're not quite done yet though. There is a blurry halo around the girl and the close ornaments that I wanted to get rid of. 

11. I selected the eraser button in the left Toolbox. 

12. I re-hid the bottom layer and selected the top layer. Before I started erasing, I made sure that the opacity on my eraser was reduced (I ended up using it at 38.3% strength), and I used the fuzzy circle brush. 

Erase the edges of the head, and then a horizontal swath of the photo. Look below to see what I did. You're trying to mimic the shallow depth of field look here, so you're erasing some of the blurred section to create a crisp "in focus" section. 

13. Unhide the bottom layer and there you've got your faux shallow depth of field photo. 


And just for comparison, here's the before and after:

So play around with your camera, play around with your editing programs and see what you can come up with. Depth of Field is really fun to play with, and it is so exciting once you start figuring out how to make it happen on purpose. I remember the first time I got it purely by accident and I was so excited. I had no idea how I did it at the time, but it was fun any way. Figuring out depth of field opens up all sorts of fun ideas and projects and it can make your pictures really pop. Give it a try and see what you can come up with!



28 comments:

  1. You did an excellent job of fixing this project, and your tutorial is spot on. I've never used Gimp, but these are the steps I'd use in Photoshop.

    ReplyDelete
  2. You could also just buy a 35mm lens for your camera and acheive the effect automatically. :) Great cheat though!!

    ReplyDelete
    Replies
    1. Those are great lenses and would definitely work for a DSLR, but if you have a point and shoot that route won't quite work. It just depends on what camera everyone has that will determine what they'll have to do.

      Delete
    2. True, but if anyone is consistently putting in that level of effort in Photoshop, they should probably invest in the DSLR - they're a lot of fun :). Great tutorial!

      Delete
    3. Instead of investing thousands in to a DSLR one could also consider liberating an old 35mm SLR from a pawn shop or thrift store. There are many, many great cameras being relegated to pawn shops only because they use a superior technology... film!
      Film can be very cheap to process, at about 30 cents per photo. For this price, why not pick up a $50 35mm SLR and take fantastic photos rather than buying a $300 digital point and shoot and have to play around in photoshop to get results most can spot right away as being faux SLR quality.

      Delete
  3. This was a great tutorial! Thanks.

    ReplyDelete
  4. GIMP is a great, free program. Gotta love the open source world :-)

    ReplyDelete
  5. Thanks for the amazing tips. I may have to investigate the program.

    http://musingsofamommabear.blogspot.com/

    ReplyDelete
  6. I can't wait to get home and try this and download that photo program as well. Thanks for posting this!

    ReplyDelete
  7. I had no problems with the original pin. I used the technique for my christmas cards least year and everyone thought they were professional! But thanks for the work around, that could be useful! :)

    ReplyDelete
  8. Gimp is great. So glad to see a tutorial using it: they seem to be unfortunately rare!
    I use Gimp for digital scrapbooking a lot, even after my husband bought me Photoshop Elements for Christmas. If you're interested in scrapping-related Gimp tutorials, check
    http://tarkheenacrafts.blogspot.com/2011/01/digi-scrap-for-free-part-4-creating.html

    ReplyDelete
    Replies
    1. Tuts are somewhat rare. I occasionally write them, in the beginning for digital scrapbooking. That blog is here: http://brainsongimp.blogspot.com I did upgrade my Gimp and wasn't as comfortable as I was with the older version so most of my tuts are with 2.2 and easily converted to newer versions and photoshop. You can also do the cheat above with a gradient mask, but I can't find that tut right now. Maybe Saulgoode on the Gimp forums would know.

      Delete
  9. Also it looks like she had the flash on. Make sure the flash is ALWAYS off(unless you really know how to use it) or your beautiful natural window lighting will be kaput.

    ReplyDelete
  10. Instead of using the macro setting, if you have a portrait setting and / or a portrait lens, it will give a result that is closer to the original pin. (I know Canon Rebel Ti series has the portrait settings.)

    ReplyDelete
    Replies
    1. If you have a Canon Rebel, you can get this effect with even the kit lens, but it's really good with a 50 mm 1.8/f lens which is fairly inexpensive. If you have the manual settings, use them!

      Delete
  11. Thank you for that tutorial! I have a nice camber I bought a couple of years ago and I end up using Auto constantly because I have no clue how to use any of the manual modes. The tutorial is awesome and you've inspired me to go take some awesome christmas card pictures and spend some time editing them!

    ReplyDelete
  12. I'd like to give a recommendation for another free photo editing site. I always use PicMonkey.com It's very easy to understand (easier than Gimp, in my opinion). For those that used to use Picnik.com before it went to Google and lost a lot of features, PicMonkey is almost identical. Happy editing! :)

    ReplyDelete
  13. May I ask what version of Gimp you're using and what OS it's on? My version looks much different.

    ReplyDelete
  14. This is hilarious! Could always hire a professional too.. Save you a few hours!

    ReplyDelete
  15. Great post on understanding SLR camera settings. For understanding more, I found this cheat sheet quite handy:

    http://livinginthestills.com/cheatsheet

    ReplyDelete
  16. Followed the tutorial exactly and it's not working for me... I just have 2 separate layers, the one with no people and a blurred out background, and the original. The people are not showing through to the other layer no matter what I do. So frustrating :(

    ReplyDelete
    Replies
    1. I'm not sure what's going on. Try clicking on your blurred layer, then copying and pasting it (hit the ctrl and c button on your keyboard at the same time, then hit ctrl and v at the same time). Try erasing on that copied and pasted layer and hiding the first blurred layer you had. See if that works at all.

      Delete
  17. I'm sooo glad this happened because you showed me this photo editing software with a great tutorial. I cannot wait to try Gimp! thanks.

    ReplyDelete
  18. It looks good, but I would have taken an extra step and stretched the background.

    ReplyDelete
  19. So nice to see someone else using gimp :) i used to use it alot but it's been awhile so I have to relearn now. Until I can save up and get an SLR I will be using it on all my photos :)

    ReplyDelete
  20. It's not just the shallow depth of field that makes the pin look so great, it's something called "bokeh". See how the blurry lights look like octagon shapes? You'll only get those using an SLR or DSLR camera with a decent lens, and every lens creates different a bokeh effect.

    ReplyDelete

Note: Only a member of this blog may post a comment.