PLEASE WAIT FOR PICTURES TO LOAD
On this page I take a photo through the various
stages of fixing it up for the internet. Please note that I used
Paint Shop Pro 13 to do this. The steps you would take are somewhat different in Adobe Photoshop Elements. To fully appreciate what you're seeing, you will need to pan to the right to look at the larger photos. |
Original
photo. Here is
the picture as it came out of the camera. I used daylight from the window
(daylight,
not direct sunlight). The camera was set to take a full-sized image (no optical or digital zoom), with the least compression (Superfine setting), and was set on Macro (for close-ups). I took pictures at several different Exposure Compensation settings, and this photo came closest to what I wanted. |
Adjust color balance.
The picture came out with a very slight
greenish color cast. Although
the cast is slight,
I still decided
to fix it, for which I used the White Balance feature of my photo-editing program (usually called "White Balance" in other programs). Commonly, digital pictures will come out too yellow, too blue or – as in this case – a little green. If your photo-editing program doesn't have a White Balance feature, you'll have to manually adjust the red, green or blue color channels until the picture looks right. If you took the picture on a white background, then adjust the picture until the background looks neutral. |
Crop off excess.
Then I
cropped off the excess image around the beads: |
Remove digital
noise (grain). If your picture comes out looking noisy or grainy, you may
want
to remove the noise.
Digital noise or grain is common with point-and-shoot digital cameras. The picture above is mostly noise-free, so I didn't need to adjust it. This is a step you probably won't need to take. |
Lighten or darken photo. If your photo is too dark, you'll need to lighten
it; or if your
photo is
too light,
you'll need
to
darken it. In this case, the actual beads are lighter than the picture indicates, so I had to lighten the photo. (Note: On my new LCD monitor, the original picture looks bright enough, and I wouldn't have changed it.) Paint Shop Pro has a feature called Histogram Adjustment (it was called Gamma Correction in previous versions). It lightens and adds contrast at the same time, so I used that feature on this picture. Both Paint Shop Pro and Photoshop Elements have a Lighten Shadows feature which often works well. Important: Please note that the colors of the beads become brighter (richer) when the picture is lightened. |
Add contrast. After
you have lightened your picture, you may need to add contrast (this won't
be necessary if you
darkened it). This picture doesn't need a lot of contrast, but contrast is good because it makes a picture look less dull and hazy, so I used some. Please note that using contrast also makes the colors in a picture look richer and brighter. If you use the Lighten Shadows feature, adding contrast may not be necessary. |
Reduce color
saturation. This is an
often-neglected step, even by professionals, but it is
very important. Most modern cameras produce pictures with over-saturated colors. Also, lightening and then adding contrast to a picture will make the colors in the picture become too bright and saturated. You fix that by reducing the color saturation. I compared the actual beads to the picture above and saw that the color of the beads was not so bright and rich, so I reduced the color saturation. The picture below is the way the beads actually look. Not all photo-editing programs have a color-saturation feature. (Please note that producing pictures with over-saturated colors will make your jewelry look better than it is, which may improve your sales. However, your customers may be disappointed when they receive your jewelry, and you may get more returns than you otherwise would.) |
Reduce (shrink)
the picture for the web.
Your picture, as it came out of the camera, will be too large. In
order for it to fit on people's screens, you will need to shrink it. Then I shrank the picture to 1250 pixels wide. 1250 pixels is rather large, but it is necessary for the customer to see the details. When resizing a picture, you have to make sure the photo keeps the same "aspect ratio" (proportions). Most photo-editing programs do that for you automatically. |
Sharpen photo. Now
the picture has to be sharpened. Sharpening is always necessary after
reducing a picture's size.
Sharpen- ing makes all the difference, as it makes the item look more real. Please note that even if your camera produces sharp pictures, you'll need to re-sharpen the picture after resizing it. |
Add text
(optional). Then add text if you want. This is the finished photo: |
Add JPG
compression. After working on a photo, you will want to save the picture on
your
hard drive as a "master"
in a non- compressed format (such as TIF or PNG) and then save a copy to the directory that will be uploaded to the internet in the JPG format. When saving the JPG copy, your program will give you the option of applying a lot of compression (which reduces the file size [in kilobytes] a great deal but makes the picture look blurry) or a little compression (which reduces the file size less but keeps the picture looking clear). I am a firm proponent of posting clear pictures, so I compress photos only 6% in Paint Shop Pro (that's enough to cut the file size in half). Please note that Photoshop Elements uses a completely different scale; in that program, 10% compression should be enough. |
Make thumbnail. When
you post the picture on your site, you may want to use a thumbnail
which the customer will
click on to see the full-sized image. A good technique is to use just a portion of the picture as the thumbnail (instead of shrinking the entire image). On the left, below, is a thumbnail made from a portion of the picture. On the right is the entire picture shrunk to thumbnail size. I think the thumbnail on the left is much better. If you are making a thumbnail of a necklace, then put the pendant or a focal bead in the thumbnail.
Here is another example of using a portion of an image as the thumbnail:
|