Photograph Corrections 

Adobe Photoshop or Macromedia Fireworks MX

Photoshop specific commands are in red, Fireworks specific are in blue.

  1. Crop the Image: Crop tool 
    1. Select the part of the image you want to keep.
    2. Press Enter to crop the image. 
  2. Rotate the Image: Image-Rotate Canvas or Modify-Canvas-Rotate
    1. Rotate the canvas until the picture is upright. 
    2. Do not use flip horizontal or vertical, they may reverse the direction of the image.
  3. Duplicate the layer: Layer-Duplicate Layer
    1. Work with the duplicate layer to keep a copy of the original.
    2. You may want to get back to the original or just see the original later. 
    3. To duplicate the layer in Fireworks, select all, copy and paste.
  4. Levels: Image-Adjust-Levels or Auto Levels or Filters-Adjust Colors-Levels
    1. This brings out the colors more. 
    2. Use the Levels if you want more control of the black and white points.
    3. Use Auto Levels if you want the computer to quickly do it. 
  5. Adjust the colors: Image-Adjust-Color Balance or Filtesr-Adjust Colors-Hue/Saturation
    1. Choose colors that look best to your eye. 
    2. You can use the Shadows and Highlights option, but the Midtones makes the most change. 
    3. Scanners and digital cameras often put in too much of certain colors, so you may add other colors to adjust for this. 
  6. Sharpen the image: Filter-Sharpen-Unsharp Mask or Filters-Sharpen-Unsharp Mask
    1. Radius: 1.5 
    2. Threshold 5 
    3. Slide the Amount up and down. Normally it will be around 100%. 
    4. You may have to bring the Radius up a little (like to 4.0) if the moving the amount does nothing. 
    5. When adjusting, keep the Radius < 10 and Threshold < 15 or else it will most likely do too much sharpening. 
    6. When you get more comfortable with it, you can try setting the amount to about 100% and then sliding the radius up and down.
  7. Fix any blemishes: Stamp Tool 
    1. Use the stamp tool to remove any small, unwanted areas. 
    2. Pick up a nearby area by holding the Alt or Option key down and clicking the stamp. The stamp tool will also switch into a stamp when holding this key down. 
    3. Let go of the Alt key and paste the picked up are by just clicking. The cross-hairs are the area that you are picking up. Make sure you don't pick up from areas that you do not want.
    4. Choose a stamp size large enough to take out a good part or the whole unwanted area. 
  8. Fix any areas of strange colors: Image-Adjust-Replace Color
    1. Photoshop Only.
    2. Select the area in which you want to change the color. 
    3. Choose a color in the area with the eyedropper. 
    4. Slide the Fuzziness bar until the area is selected enough. Try not to get unwanted areas selected. 
    5. Use the Plus and Minus Eyedropper to further refine your selected area. 
    6. Change the Hue, Saturation and Lightness until you get the desired color. 
      1. The Hue controls the color. What color do you want red, green, blue, yellow, etc?
      2. The Saturation controls the depth of the color. Do you want a really red, red or a gray red?
      3. The Lightness controls the amount of white and black in the color. Do you want a dark red or a light red?
  9. Fix any spot areas of odd saturation: Sponge tool
    1. Photoshop only.
    2. Use the sponge tool to increase or decrease the color saturation in any of the areas.
    3. Make sure to set the sponge tool to either Saturate or Desaturate under the Options control panel.
  10. Fix any areas of extra brightness: Burn tool
    1. Use the burn tool to darken any areas with too much light. 
    2. You can use the Dodge tool to lighten areas that are too dark, but it often just whites out the areas. 
  11. Check the image size: Image-Image Size or Modify-Canvas-Image Size
    1. For a web picture, set the resolution to 72 dpi. If printing you can leave the resolution higher. 
    2. Make sure the width and height are reasonable. For a web page, you don't want anything larger than 3x5" normally. 
    3. Keep contrain proportions checked. Otherwise, you may skew your image. When you modify either the height or width, the other will change automatically.
  12. Save the file
    1. If you want to save the file with all of the layers, you must save it as a Photoshop file (.psd) or Fireworks (.png) file. File-Save.
    2. If you want the image to be readable by another program (such as Word or Publisher) you need to save it as a type of file that they can read. Below is a brief list of the file types and what they are used for.
      1. Jpeg or Jpg images are readable by most programs and are necessary for the web. They are used mainly for photographs and other high color images. They are small files with decent quality. You can fit about 10-50 on a floppy disk. See below for how to save Jpg files.
      2. Gif images are another type of web page file. They are small files for images with limited color (like logos and buttons). They are also used for animation. You can fit about 10-50 on a floppy disk. See below for saving Gif images.
      3. Tif or Tiff images are high quality images for photographs. They are good for printing and if you are going to do heavy photograph manipulation. Unfortunately, they can be extremely large files. You will most likely only be able to get one on a floppy disk, if even that.
      4. BMP (Bitmap) images are a default Windows image. They are used mainly for Windows and other like programs (screen savers, backgrounds). They are large files. You can fit 1-3 on a floppy disk.
    3. If you want to save the image to put on a web page or you just want small files, save them as a JPEG. Do a File-Save for Web or File-Export Preview.
      1. Choose whether you want a jpeg or gif. 
      2. If saving as a jpg,
        1. Adjust the quality of the image so that it is the smallest image for the best quality.
        2. Adjust the size to fit your needs. Go to the Image Size or File tabs.
      3. When saving as a gif, adjust the number of color to minimize the size of the file. 


Other Options: Photoshop only.

  1. Put a frame around the image. 
    1. For our web page, we put a frame around the images to make them look better and so that they don't float over the web page. 
    2. Increase the size of the canvas: Image-Canvas Size 
      1. Add 0.2 - 0.5 inches to both the width and height of the canvas. 
      2. If the size of the frame is too big or too small, undo and resize it to fit the image. 
    3. Select the picture: Square Select Tool. 
    4. Select the frame: Select Inverse. 
    5. Choose a foreground color for the frame. 
    6. Fill the frame with the color: Edit-Fill 
      1. Use: Foreground Color
      2. Opacity: 100%
      3. Mode: Normal 
    7. Add texture to the frame: 
      1. Macs: Filter-Alien Skin-Inner Bevel 
        1. Adjust the setting to make it look like a frame
      2. PC's: Layer-Effects-Bevel and Emboss 
        1. Highlight Mode: Screen Highlight Opacity: 75%
        2. Shadow Mode: Multiply Shadow Opacity: 75% 
        3. Style: Inner Bevel 
        4. Adjust the Angle, Depth and Blur until it looks good. 
  2. Bring the image out of the shadows 
    1. Duplicate the image: Image-Duplicate 
    2. Turn the duplicate to grayscale: Image-Mode-Grayscale c) Blur the duplicate: Filter-Blur-Gaussian Blur 
    3. Blur the image so that you lose all detail, but not so much that you can't see the image anymore.
      1. A blur of around 4.0 pixels usually works. 
      2. This creates the shadows which you will load in the original image 
    4. Return to the original image 
    5. Load the shadows: Select-Load Selection 
      1. Document: Image copy 
      2. Channel: Black iii) Check Invert 
    6. Remove gray from the shadows: Edit-Fill 
      1. Use: 50% Gray 
      2. Opacity: 100% 
      3. Mode: Color Dodge 

Didier Home / Current Classes / Previous Classes / Lessons / JVHS Pages