The Designer’s Guide to Taking Better Photos

by on 29th July 2010 with 34 Comments

screenshot

I’ve mentioned several times before that photography is one of the most natural complements to your skills as a designer. We designers are in constant need of very specific imagery and this can and does lead to hours of searching, unnecessary stock fees and ultimately the use of imagery that has a high likelihood of being found on the projects of countless other designers.

Becoming a decent photographer can save you time and money and provide you with a serious competitive edge in the form of truly unique imagery that no one in the world possesses but you.

The principal problem of course is that you simply don’t have the time or budget to become a professional photographer in addition to the career you’re pursuing as a designer. Fortunately, you don’t need years of professional training or ten grand in equipment to pull off that professional grade photography look; just a modest budget and a little familiarizing with how to properly use a digital camera.

The Equipment

screenshot

I’ll get the most unpleasant part out of the way first: the initial expense. Ideally, in order to take photos that are of high enough quality to use in professional design, you’ll be in possession of a decent digital camera. Though the quality of consumer-grade pocket-size cameras is quickly reaching astounding, a true digital SLR is definitely the best way to go.

Now before you skip this section, you might not need to spend as much as you think. If you’re not going to pursue a dedicated career as a professional photographer anytime soon, there’s no reason to rush out and buy a $3,000 Canon 5D MkII.

Instead, you can get by just fine with something like a Canon Digital Rebel T1i for less that $600. This camera, and others in the same category, are of stellar quality for the price. You get 15MP, HD video in addition to still shots, and almost all the bells and whistles you’ll find in cameras three times the price.

The Lens Dilemma

screenshot

For a bit more money, you can get a “kit” that includes both the camera and a standard lens. These are almost always fairly low-grade starter lenses but can do quite well for your purposes.

However, after you’ve had long enough to absorb the shock of the camera expense, buying a quality lens is the single best investment you can make, and I have only one suggestion for what to get. I recently wrote an article for PhotoTuts on the wonders of a 50mm prime lens and I’ll stress here as well that you simply can’t go wrong with making this your first lens purchase.

A good 50mm lens in the f/1.4-1.8 range is extremely affordable and will effortlessly provide that beautiful blurred background look you’ve no doubt wondered how to achieve without Photoshop (read the PhotoTuts article for more info). Essentially, I fully recommend dropping the $389 to get the 50mm f/1.4 but also understand that not everyone’s budget will stretch that far and therefore point out the amazing quality of the $99 “Thrifty Fifty” lens.

Ditching Full Auto

screenshot

Once you’ve got a camera that doesn’t fit in your front pocket, the next step is to forget that auto mode exists. If you already own a digital SLR and are baffled by all the settings, odds are you turn that dial to the green rectangle and fire away, letting the camera make all the decisions for you.

To put it harshly, this is a waste of the money you spent on the camera. You’ve made the monetary investment to buy the thing, now take a few minutes to learn to use it. Auto mode is a crutch for beginners and though it does have value in rare situations for professionals, you should be familiarizing yourself with shooting on full or at least partial manual if you want to get serious about taking good photos.

A Story of Light

First of all, this article is for designers, not professional photographers. Consequently, I will favor simplicity over technicality here. If you know enough about cameras to make arrogant remarks regarding proper jargon and find yourself constantly whining about how no one understands what “bokeh” really means, go read something more advanced.

Now for all the people left that are scared of anything but full auto, let’s proceed. Basically what you need to know is that there are three primary settings to adjust on your camera, each of which makes the resulting picture either brighter or darker (perhaps oversimplified but ultimately true). These three settings are shutter speed, aperture and ISO.

To use your digital camera properly you must learn a juggling act with these three variables. It all plays into how much light you’re currently getting and how much you want to get. If you’re letting in either too much or not enough light, you must know how to adjust these three settings to solve the problem.

How Do I Make my Photos Brighter?

screenshot

In order to get a brighter picture, you can manipulate any or all of your three variables. If the shutter speed decreases, the shutter stays open longer, more light is let in and the photo gets brighter. So if your shutter speed is 1/200 and the photo is too dark, drop it to 1/125. Notice that as the denominator gets smaller, the shutter speed decreases.

Unfortunately, the longer the shutter is open the easier it is to take a blurry photo. As a quick and dirty rule of thumb, when shooting handheld (no tripod), try not to go too much slower than 1/100 if you’re a beginner and around 1/80 if you’re a little more experienced and have a nice steady hand. Obviously, the more your subject is moving, the more likely you are to get a motion blur and the more you’ll have to increase that shutter speed.

Aperture

Next up is aperture. This is the one that the jargon fiends love to jump all over but again, we’ll keep it simple. To dumb it down as much as humanly possible, f/1.4 will make for a much brighter photo than f/22. The smaller that number is after the “f/” (you’ll only see the number portion on your camera), the wider the hole letting in light will be.

In low light situations, you want to bump that number down as much as possible. As you do this your depth-of-field will decrease. This is both good and bad. A shallow depth of field is what gives you that beautiful blurry background. However, it gets really hard to shoot with a shallow DOF as you can often unintentionally blur out important parts of the image. Just be sure to zoom in on your photos to make sure the focus is solid where you want it to be. If not, up that number.

ISO

The finally variable is ISO. The higher the ISO, the brighter the resulting photo. An ISO of 3200 will produce a much brighter image than an ISO of 100.

screenshot

Unfortunately, as always, there’s a tradeoff. Here you sacrifice quality as you increase the ISO, especially on cheaper cameras. An ISO of 3200 will give you lots of ugly color noise (shown in the image above) while an ISO of 100 shouldn’t give you any.

How Do I Make My Photos Darker?

screenshot

Obviously, to darken an image, use the inverse of all the statements above. Decrease your ISO, increase the speed of your shutter (1/500 is faster than 1/100) and increase the number corresponding to the aperture (f/11 instead of f/1.8).

If you have the choice, don’t shoot in an area that is either too dark or too bright. For instance, many beginners think that they need lots of light and therefore rush out into the midday sun to shoot. This gives you harsh shadows, overblown highlights and squinty subjects. If you can choose anywhere, choose open shade during the day such as you’ll find under a large tree or awning. This will give you plenty of light to work with and you won’t suffer all the problems of direct sunlight.

If you can choose anytime, an hour or so before sundown usually provides awesome lighting scenarios as long as there are a few large buildings or trees to block the horizon enough to avoid direct sunlight.

How Do I Know The Proper Settings?

The question that inevitably follows the information above is “How in the world am I supposed to know if an image is too dark or too bright?” Obviously, eyeballing it will take you only so far. This is where we will have to get the tiniest bit technical.

First, consult your camera’s manual for how to bring up the histogram. This is a scary graph that will no doubt have you wanting to forsake this entire article rather than learning to interpret it. Don’t worry though, I could easily teach a third grader what you’re about to learn.

screenshot

There is in fact a lot going here but ultimately what you really need to focus on as a beginner is each extreme: shadows and highlights. The leftmost edge corresponds to the shadows in your image and the rightmost edge corresponds to the highlights. If the information in the graph is pushing off either edge, you’re “clipping” detail.

For instance, if the graph is going off the right edge, your image is too bright and you’re losing detail in the highlights and need to follow the steps above to make your image darker. Similarly, if the graph is going off the left edge, you’re losing shadow detail and need to follow the steps above to make the image brighter. The sweet spot is when neither edge is clipping. Ultimately this gives you the most information to work with when post-processing and image in Lightroom, Aperture or Photoshop.

You might also want to learn how to use your camera to meter the available light before the shot. For this, consult this article, but remember that the histogram is the best indication for whether or not you’re taking usable photos (at least as far as light in concerned).

Cropping

screenshot

If you’ve made it this far, congratulations. You should now be armed with enough information to get much more out of your digital camera. My final piece of advice pertains to how to actually take a photo that’s usable in your designs.

As a designer, always always always consider the ultimate use of the photo before taking the actual shot. Nothing is worse than the realization that you took 200 horizontal photos for a vertical ad space.

Also take into consideration the layout of the information that you want to add to the photo. If you’re going to take shot to use as a textured background for a website, by all means fill the frame with your subject. However, if you’re going to need room for other content, sketch out the layout first and decide how much empty space you’ll need for copy and other items.

Armed with the knowledge of exactly the kind of shot you need, you can much more efficiently make use of your time shooting the photo. Even further, take a few shots with more empty space that you need. It’s much better to have too much photo to work with than not enough. This can save you hours of Photoshop cloning and repairing when you realized you didn’t add enough empty landscape to the right of your subject.

Conclusion

Ultimately, I want you to know that shooting your own photos for design projects isn’t rocket science and doesn’t have to cost you several thousand dollars. I hope the information above has emboldened you to dust off that camera, crank that dial to full manual and take some amazing photos.

Unfortunately, you won’t be a professional right away. Shooting real life is much more complicated than presenting the basic theory. It will take plenty of practice but I assure you that if you just play with the three variables explained above enough, it will all start to make sense and you’ll be adjusting setting on the fly without a moment’s pause.

Leave a comment below and let us know if you learned anything about photography and whether or not you’ll be trying out the techniques outlined above. Be sure to share any tricks you’ve learned along the way and leave a link to anything you’ve designed where you used a photo you shot yourself!

Comments & Discussion

34 Comments

  • http://www.fallingsquirreldesign.com Jordan Wiedbusch

    Very good article. The thing I enjoyed the most is your easy to understand explanation of the histogram. I don’t have a camera that is even close to $600 dollars yet, but my Canon does have the option to bring up this feature even on my point and shoot. Its going to be a useful skill to know how to read that now.

    Keep up the good work.

  • Pingback: CSS Brigit | The Designers Guide to Taking Better Photos

  • http://www.inspiremonkey.com Aidan

    Great information. I was about to get a new canon DSLRs camera to get into some serious photography.

    Thanks for sharing.

  • http://www.crearedesign.co.uk Laura Meider

    I think photography is a vital area to good design and can also be a pleasurably hobby.

    I do have access to using a digital camera but I have been thinking of buying an SLR camera for some time because they are so great and I know the pictures are going to be of such great quality.

    There have often been occasions when I have been somewhere and wanted to take images of really amazing sky lines that have appeared etc but I have never had a camera on me that I know would achieve the quality of image that I am after. I just need to find an SLR with a decent specification.

    I would love to know what to do with all the settings and this article is very a valuable source for photographers and new beginners and I will definitely add this to my bookmarks to refer back to as there are some great points in the article that I will be trying out! Thanks for the great post!

  • Pingback: Tilt Shift Photography: makes you feel like the BFG « Juliet Lall

  • Pingback: If you didn’t know already… | Boxedthrills

  • http://www.rachilli.co.uk Rachel

    This is a great roundup! I’ve always had photography as a big hobby of mine – one that I took up a notch in January when I got a Canon EOS 500D (a brilliant camera by the way)! I’ve always been a bit scared of using all the different settings as I’ve never been sure of what they mean – though I’ve always just experimented myself, analysing what changed when I changed one particular setting and what changed when I altered another. I’m slowly getting better, and I’m hoping to take it on professionally soon. Thanks for this though – it helps to understand the basics before moving on too much.

  • http://www.ksnagra.com Kanwaljit Singh Nagra

    Nice simple article! Straight to the point :D

  • http://www.rinkcomms.com Susan Rink

    EXCELLENT article — very informative and easy to understand. I’m ready to ditch that green rectangle and delve into the world of apetures, f-stops and ISOs. Thanks for the info.

  • http://foto.merke1.de Alan Ford

    rewritten the other way round:

    The principal problem of course is that you simply don’t have the time or budget to become a professional WEB DESIGNER in addition to the career you’re pursuing as a (INSERT WHATEVER). Fortunately, you don’t need years of professional training or ten grand in equipment to pull off that professional grade WEBDESIGN look; just a modest budget and a little familiarizing with how to properly use a COMPUTER.

    You get it!? ;-)

  • Pingback: The Designer’s Guide to Taking Better Photos | Design Newz

  • http://www.alacartecreative.co.uk Shumel Lais

    Wow just the article I needed. The amount of website projects I get from small businesses who supply terrible images and cant afford a professional photographer is unbelievable.

    Next step… purchase a digital SLR! :)

  • http://www.enquiredesign.co.nz Andy Brown

    Nice article! I like to see the push of blending photography and design more. I especially appreciate the mention of the 50mm Prime Lens, I have just recently got the Nikon 1.8, should have got it years ago.

  • http://Carletoncreative.ca Matthew Carleton

    This was a very useful article, especially the histogram info. Makes me wanna start snapping again.
    Cheers.

  • http://www.oneighturbo.com oneighturbo

    Excellent piece. Fundamentals are always key. Expensive equipment is not.

  • http://timgummerdesign.com Tim Gummer

    Great article thanks – filled in a few gaps, particularly the specifics on lenses. The Rebel T1i sounds great – but i’m very tempted by the new four thirds format cameras – particularly as from previous prosumer experience, I like to be able to get interesting angles by not having to squint into a viewfinder, and the portability is really great. Do you have any thoughts on the quality of the four thirds camera’s (and their lenses) compared with a DSLR like the T1i?

  • http://www.facebook.com/WebDesignSchool eileen ludwig

    Hello
    Great breakdown on doing your own photography. Making it simple for the designer to take their visual skill and use it in photography.

    Eileen

  • http://www.whfuc.com Justin

    I can not agree with you more about the 50mm lens. I bought the 1.8 for the canon and at £99 from a high street store, it’s pound for pound the best investment for your camera.

  • http://www.hostpipe.co.uk Website Design Gloucestershire

    I wish I could get my hands on a 5D! Here’s hoping I can find a good excuse for the company to buy me one!

    A great article though, nice succinct introduction to some of the basic functions on an SLR.

    Regards

    Rob

  • Pingback: Photo guide « Sports Media Ideas

  • http://arrantconcepts.com Aaron

    Great article! Perfect, easy to read layout. Thanks for sharing!

  • http://hanibaal.com Hanibaal

    I got get back to basic.. and take your advice and ditch the auto mode…
    thanks for such a good intro

  • http://www.maiconweb.com Maicon Sobczak

    A great introduction. I want to initiate in the world of photography and with the information presented I finally began my journey.

  • Pingback: links for 2010-08-03 « Donghai Ma

  • Pingback: Random Little Tidbits #10 « i heart constance

  • http://www.blog-ph.com/ JayL | BLOG-PH.com

    i learned a lot ;)

  • Amy

    Thanks so much for this! You took what I’ve been trying to learn for months and condensed it into something without using excessive technical jargon.

  • http://ayrton.com/360 AYRTON360

    Nowadays I know a lot of designers are getting more and more in photography.
    I have specialized in a different way of seeing the world, with just panoramic photos, what is something that designers like too much for their jobs and wedseign too
    I will tweet this article to my followers too
    Thanks for sharing
    best
    AYRTON

  • http://therealbrianbrooks.com Brian

    Thank you for this article. This has very good, very basic information that can be proven helpful for any new photographer. It can get very confusing at times, and this article helps to spell it out.

    Thanks again!

  • Ajay Supeda

    Great artcile – straight to the point too. I just noticed a typo “So if your shutter speed is 1/200 and the photo is too dark, drop it to 1/125″ – should that be the other way round?

    Thanks again

  • Joshua Johnson

    @Ajay, nope, 1/200th of a second is a shorter amount of time than 1/125th of a second and will therefore let in less light. So if you’re dark at 1/200, that’s too fast, drop the speed so that it’s slower and lets in more light at 1/125.

  • http://www.uggofficial.nl goedkope uggs

    Hi I reach this site by mistake when i was searching Google for this issue, I have to say your site is really helpful I also love the theme, its amazing!. I dont have that much time to read all your post at the moment but I have bookmarked your site and also add your RSS feeds. I will be back in a day or two. thanks for a great site.

  • Pingback: Ser Beth » Blog Archive » Recomendaciones de la semana

  • http://www.braindeaddesigns.com Jim Taylor

    This is a great article! Thanks for writing it!

Subscribe
Membership
About the Author