Making Digital Photographs of Art Work
and editing them using Adobe Photoshop

So you want to make a digital representation of your art work. Ok. I'm going to help, but there are many things to consider, so tackling all the issues at once can be overwhelming. I will try to break it down into bite-sized chunks.

We will discuss:

This tutorial specifically addresses two-dimensional work. All these considerations apply to three-dimensional work except squareness and proportions. Additional considerations with 3D work are background and angle of view. And with 3D work, lighting is not always so straight-forward.

Lighting

The concept is simple, but the implementation is not always so. The concept is that you want even light on your piece.

In the example to the left, of a framed photograph (with a gray card above it), the light is pretty even, but the light source is causing a reflection on the glass. If your art will not generate any reflections, as might be the case with some types of paper, a camera's built-in flash may work just fine. But anything with dimensionality, like oil paint, anything with glass, or anything with even the slightest reflectivity will bounce direct flash right back at the camera.

And, as in this example, a highly reflective surface like glass will reflect not only the light, but objects. You might see yourself standing there, holding the camera. That wouldn't be so good.

 

In this example I've moved the light source and camera to an angle that would prevent their reflections from showing. I've solved the reflection problem but I've introduced two new problems. One is that the light is uneven. The other is that the picture is no longer rectangular in the image.

While it is sometimes possible to even out the lighting in a computer program like Photoshop, unless you're very proficient at such manipulation, it's much easier to make the light even in the first place.

However, it is fairly easy to make the picture rectangular in Photoshop, so we'll accept the angle but correct the light.

How do you do that? Light loses energy with distance, which is why a spotlight is brighter on a nearby object than a distant one. In fact, light loses energy very quickly, so if you're shining one light on your piece from the side, as in this example, the other side will be noticably darker.

 

One solution is to use sunlight, because the difference between the distance from the sun to the left side of your piece and from the sun to the right side of your piece is pretty darned small. With sunlight, be cautious of reflections though.

Overcast light can be ideal. But if the "overcast" is caused by being on a porch or other shaded area, the light may not be even.

Another solution is to use two lights, one from each side. If you have access to a copy stand (see illustration), and if your piece will fit on it, this is a great solution, but it will not solve the reflection problem. If you can remove the glass, a copy stand will provide even light and a correctly rectangular image.

But if you don't have a copy stand, can't remove the glass, or your piece is too big for a copy stand, you'll need another solution.

 

Humans are not particularly adept at seeing small changes in light levels, so making the light even can be tricky. If you have two flood lights, both the same distance away and at the same angle, you'll probably get it pretty close. (This is what a copy stand has.)

I have to ask a question here: How particular are you? If you want the photograph to really accurately represent your piece, you want the light to be really even. If you're using a copy stand or perfect overcast light, you're probably ok, but otherwise you may want to look into a thing called an incident light meter. (Most light meters have a little bubble you can move over the sensor to make it take incident readings.) What this does is allow you to read the amount of light falling on a particular part of your subject. You can move the meter around over the surface (being careful not to change the distance from the surface) and watch the reading. If the light is even, the reading won't change.

This example was made with the camera slightly off to one side to avoid reflection and with two lights, one on either side.

Now that we have our basic digital capture, we need to make some corrections to it. One correction will be the rectangularity, mentioned above, but we'll do that later. The other correction is color. Look at the (supposedly) white mat board in this photo. Notice that it has an orangish cast to it.

Here, again, I have to ask you: how particular are you? Do you care if the colors in your photograph accurately represent your piece? If you don't care, you can skip the whole next section. If you do, read on.

The reason the color is off is because different light sources emit light of different colors. Flourescent is greenish, incandescent is orangish. Sunset is pinkish. Clear sky is bluish. The human eye tends to compensate for the color of the light, so we don't usually notice it, but cameras aren't as good as eyes at this task, so we will correct the color in Photoshop.

Color

Now let's talk about correcting color.
Because you're particular about getting the color right, you're going to need "reference points" in your photograph, of known colors. I suggest you have three: white, black, and "middle" gray. Middle gray is a very specific value. You can buy a "gray card" at a photo store. You may have been wondering what the gray thing above the picture frame is in my examples. Well, now you know. In this particular situation, the mat board was white and the picture frame was black. If your piece lacks either white or black, add something to the photographed scene to use for these reference colors. And, include a gray card.

We're going to use Adobe Photoshop to correct the color in your image, but before we look at that, I need to touch on a little color theory. I will be brief.

Being an artist, you know that red, blue, and yellow are the primary colors. But, that's only true for paint. (And it's really not entirely true even there, but that's a different discussion.) With light, the primary colors are red, green, and blue. If you were to shine a red light, a green light, and a blue light so that their beams intersected on a white surface, you'd get something like this illustration. The intersection of all three is white light.

Photoshop represents color in three "channels", red, green, and blue. Each channel, by itself, is shades of gray, but when the picture is displayed, the red channel is (metaphorically) shown through a red light, the green channel is shown through a green light, and the blue channel through blue. If a particular spot on the image has the same shade of gray in all three channels, that point will have no color--it will be gray.

The reason I want you to understand this about Photoshop (and light) is that we're going to use this characteristic to correct the color in our piece.

If something is white or gray or black, it has the same amount of red and green and blue. If it has some color tint, it does not have the same amount of these three colors. So, we're going to force our white, black and gray reference points to have equal amounts of red, green, and blue. That will make our photograph have the correct color.

We're going to use one particular adjustment in Photoshop to color-correct our photograph: Levels. With your image loaded into Photoshop, on the Menu Bar, click on Image, Adjustments (or, in older versions, Adjust), Levels.

This will bring up a window like the one in this illustration. The main part of the window shows a histogram, or bar graph, indicating the quantities of values from black to white in the image. (The values of the three channels are combined to produce this.) Black is on the left and white on the right. Notice the large spike on the right side. This shows that there is a lot of near-white in this image.

 

The white triangle, identified with the red arrow, is at pure white. Notice that in this image there is no pure white. The black spike in the chart drops before reaching the white triangle. The black triangle, marked with a blue arrow, is pure black. If you look carefully, you'll see that there is some pure black in the image.

We will be adjusting our "white point" and "black point" (along with the gray point) in a minute, but first, we have to do a little fine-tuning.

Slightly advanced step: photographs tend to lose detail at the two extremes of white and black. Because of that, it is a good idea to make the lightest thing in your photo not quite white and the darkest thing not quite black. So we're going to tell Photoshop exactly what color to make our white point and our black point.

The tools we'll use to set the white and black points are the eyedropper tools, identified in the illustration above, respectively, with the red and blue lines on the lower right.

Double-click on the white eyedropper. This illustration is a detail from the resulting window. Change the R, G, and B numbers from 255 to 249, as shown. Notice in the large rectangle near the top that the previous and current colors are shown. You have now told Photoshop that what you click on with that white eyedropper you want to have Photoshop adjust so that all three channels have a value of 249, which will make that spot the color you see in the top of that rectangle. Click OK.

Do the same thing with the black eyedropper, setting all three channels to 8.

Now you'll preserve detail in your lightest and darkest areas, but with color accuracy.

This part's pretty cool: You're going to find the the lightest and darkest things in the image and make them white and black (or not-quite, if you did the previous step).

Assuming you're still in the Levels window, first click in the title bar (blue strip) on the top of the Levels window and move the window somewhere so you can still see most of your image. Then click on the white triangle, identified in the above illustration with the red arrow. While holding the mouse button down, click: Mac: Option; PC: Alt. While holding that key and the mouse button down, slowly drag the mouse to the left. The image will turn black and as you drag the triangle, you'll start to see things turn colors then turn white. Find the spot that first turns white. That's the lightest thing in your image. When you've found it, drag the triangle all the way to the right again. You only did this to find that spot. Click on the white eyedropper (red underline in the above illustration), and click on the spot you just identified.

Do the same thing with the black triangle, only dragging it to the right. The image turns white, then black begins to appear. Use the black eyedropper just as you did the white one.

Finally, click the gray eyedropper (between the black and white ones), and click on the gray card. (You did include a gray card, didn't you? If you didn't include a gray card, skip this step.)

Click OK in the Levels window. Your image should now have a full range of values from black to white and the colors should be correct. Congratulations!

Squareness

Now you're going to trim off the excess fat and square up the image.

In the Toolbox, select the Crop tool . Click and drag it around your piece. You do not have to be very accurate here. In the Tool Options Bar (under the Menu Bar), click the check box next to "Perspective".

Zoom in on a corner by pressing the space bar and Mac: Command; PC: Ctrl and drag around the area you want to see. Zoom right in there to see the corner.

Click on the little square in the corner of your dotted line, indicating where the image is to be cropped, and reposition it exactly to the corner of your piece.

 

Hold the space bar down and click and drag to reposition your view of your image. Go to another corner and reposition that square. Do the same for all four corners.

Press Mac: Return; PC: Enter to finish the crop.

Proportions

Correcting the length/width ratio

If you were able to photograph your piece exactly head-on, not from an angle, you can skip this step.

If you photographed it from an angle, you have distorted the length-to-width ratio, so now we will correct that distortion. You must know the actual dimensions of your piece to do this step, so grab a tape measure and go measure it. I'll wait.

You're back. Good. Now, in the Photoshop menu bar click Image and Image Size. On the bottom of the window is a check box labeled Resample Image. Uncheck that. Then, in the Document Size section's Width box, put the actual width of the piece in.

Click OK.

Now, open the same Image Size window again. This time, check the Resample Image box, and UNcheck the Constrain Proportions box.

In the Document Size section's Height box, put in the actual height of the piece.

Click OK.

Save the file by clicking File and Save As. In the Format box, specify TIFF. Select an appropriate file name and location and click OK.

Congratulations. You've done it!

final image, with correct colors and correct proportions

File Size

A few more tidbits we need to discuss

How will you be using this digital file? Will it be for displaying on the Web or for print? Will it be distributed on a CD? Will it be incorporated in a presentation of some kind?

There are two fundamental classes of digital images: those intended for display on a computer and those intended to be printed. For print you need a much higher-resolution file.

For comuter display, you only need it to contain as many pixels as the screen on which it will be displayed, no matter how large that screen is. A common resolution for computer screens these days is 1024 pixels across by 768 pixels high. (Note that computer screens are always in horizontal format.) If you're going to be giving a lecture in a giant hall with an enormous projection system connected to a computer, chances are that the resolution of the projector is still no more than 1024 by 768. But, find out!

Ok, here's a test, to find out if you've been paying attention:

We want to save the picture we've been working on for display on a computer screen. Which of the following should we make it? (dimensions are width x height)

a 1024 x 768
b 768 x 1024
c 654 x 768

The answer is c, 654 x 768, because the picture is vertically oriented, so it won't fill the entire horizontal area of the screen, and the maximum height on the screen is 768 pixels. So we make the height fit and the width is what it has to be to maintain the correct proportions. Don't worry: you don't have to do the math.

If you're saving the file for some specific application, find out what the requirements are. If you just want to have a high-quality digital image, stick with the original size.

File Format

How will you be using this image?

You always want a TIFF (or PSD) version of your file, but if you're going to display the image on a computer, also save in the JPEG format, for that application. If you're saving for print, stick with TIFF. These formats are options that you can select when you click File and Save As.

A note about JPEG: This format compresses the data, and you lose some quality in the process. If you may have to make any changes and resave the file, do not use JPEG, or be sure to save a TIFF version as well. Each time you resave in JPEG format, you lose more information. Note: merely copying the file from one location to another does not degrade the file; only opening it and clicking File and Save or Save As.

You have already saved the full-resolution image as a TIFF file. If you now also want a version for viewing on a computer, you will want to lower the resolution and resave as a JPEG file. Go into Image and Image Size (again), check the Resample Image box and the Constrain Proportions box...

... and resize the image using the Pixel Dimensions boxes at the top of the window. Remember the limitations of your computer display (discussed above), or specifications for your particular application. (Notice that when you change either the width or height, Photoshop will automatically change the other, because you have told Photoshop to constrain the proportions.)

Then go to File and Save As. Be sure to do Save AS, and change the format to JPEG.

This illustration shows changing from TIFF to JPEG format. The extension on the file name will change from ".tif" to ".jpg" when you do that.

 

Presentation

How are you presenting your art work?

You can put your work into a slide show in a program like Microsoft PowerPoint, or you can put it in a gallery on a Web site. Or you can put it in an HTML-based presentation on a CD. Or you can just put the files on a CD (probably in JPEG format, for on-screen viewing).

If you're preparing for a specific purpose, find out what's expected. If you want the most flexibility, just put the files on a CD in JPEG format, in screen resolution, and keep your full-resolution, TIFF files elsewhere.

Again, if you are preparing for a specific purpose, find out what's expected!

End

I hope you've found this tutorial helpful, and good luck with your artwork.