or Macromedia Fireworks MX
Photoshop specific commands
are in red, Fireworks specific
are in blue.
- Crop the Image: Crop tool
- Select the part of the image you want to keep.
- Press Enter to crop the image.
- Rotate the Image: Image-Rotate Canvas or
- Rotate the canvas until the picture is upright.
- Do not use flip horizontal or vertical, they may reverse the
direction of the image.
- Duplicate the layer: Layer-Duplicate
- Work with the duplicate layer to keep a copy of the original.
- You may want to get back to the original or just see the original
- To duplicate the layer in Fireworks, select
all, copy and paste.
- Levels: Image-Adjust-Levels
or Auto Levels or Filters-Adjust
- This brings out the colors more.
- Use the Levels if you want more control of the black and white
- Use Auto Levels if you want the computer to quickly do it.
- Adjust the colors: Image-Adjust-Color
Balance or Filtesr-Adjust Colors-Hue/Saturation
- Choose colors that look best to your eye.
- You can use the Shadows and Highlights option, but the Midtones
makes the most change.
- Scanners and digital cameras often put in too much of certain
colors, so you may add other colors to adjust for this.
- Sharpen the image: Filter-Sharpen-Unsharp
Mask or Filters-Sharpen-Unsharp Mask
- Radius: 1.5
- Threshold 5
- Slide the Amount up and down. Normally it will be around 100%.
- You may have to bring the Radius up a little (like to 4.0) if
the moving the amount does nothing.
- When adjusting, keep the Radius < 10 and Threshold < 15
or else it will most likely do too much sharpening.
- When you get more comfortable with it, you can try setting the
amount to about 100% and then sliding the radius up and down.
- Fix any blemishes: Stamp Tool
- Use the stamp tool to remove any small, unwanted areas.
- 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.
- 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.
- Choose a stamp size large enough to take out a good part or the
whole unwanted area.
- Fix any areas of strange colors: Image-Adjust-Replace
- Photoshop Only.
- Select the area in which you want to change the color.
- Choose a color in the area with the eyedropper.
- Slide the Fuzziness bar until the area is selected enough. Try
not to get unwanted areas selected.
- Use the Plus and Minus Eyedropper to further refine your selected
- Change the Hue, Saturation and Lightness until you get the desired
- The Hue controls the color. What color do you want red, green,
blue, yellow, etc?
- The Saturation controls the depth of the color. Do you want
a really red, red or a gray red?
- The Lightness controls the amount of white and black in the
color. Do you want a dark red or a light red?
- Fix any spot areas of odd saturation: Sponge
- Photoshop only.
- Use the sponge tool to increase or decrease the color saturation
in any of the areas.
- Make sure to set the sponge tool to either Saturate or Desaturate
under the Options control panel.
- Fix any areas of extra brightness: Burn tool
- Use the burn tool to darken any areas with too much light.
- You can use the Dodge tool to lighten areas that are too dark,
but it often just whites out the areas.
- Check the image size: Image-Image
Size or Modify-Canvas-Image Size
- For a web picture, set the resolution to 72 dpi. If printing
you can leave the resolution higher.
- Make sure the width and height are reasonable. For a web page,
you don't want anything larger than 3x5" normally.
- Keep contrain proportions checked. Otherwise, you may skew your
image. When you modify either the height or width, the other will
- Save the file
- 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.
- 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.
- 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.
- 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.
- 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.
- 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
- 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.
- Choose whether you want a jpeg or gif.
- If saving as a jpg,
- Adjust the quality of the image so that it is the smallest
image for the best quality.
- Adjust the size to fit your needs. Go to the Image
Size or File tabs.
- When saving as a gif, adjust the number of color to minimize
the size of the file.
Other Options: Photoshop only.
- Put a frame around the image.
- 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.
- Increase the size of the canvas: Image-Canvas Size
- Add 0.2 - 0.5 inches to both the width and height of the
- If the size of the frame is too big or too small, undo and
resize it to fit the image.
- Select the picture: Square Select Tool.
- Select the frame: Select Inverse.
- Choose a foreground color for the frame.
- Fill the frame with the color: Edit-Fill
- Use: Foreground Color
- Opacity: 100%
- Mode: Normal
- Add texture to the frame:
- Macs: Filter-Alien Skin-Inner Bevel
- Adjust the setting to make it look like a frame
- PC's: Layer-Effects-Bevel and Emboss
- Highlight Mode: Screen Highlight Opacity: 75%
- Shadow Mode: Multiply Shadow Opacity: 75%
- Style: Inner Bevel
- Adjust the Angle, Depth and Blur until it looks good.
- Bring the image out of the shadows
- Duplicate the image: Image-Duplicate
- Turn the duplicate to grayscale: Image-Mode-Grayscale c) Blur
the duplicate: Filter-Blur-Gaussian Blur
- Blur the image so that you lose all detail, but not so much that
you can't see the image anymore.
- A blur of around 4.0 pixels usually works.
- This creates the shadows which you will load in the original
- Return to the original image
- Load the shadows: Select-Load Selection
- Document: Image copy
- Channel: Black iii) Check Invert
- Remove gray from the shadows: Edit-Fill
- Use: 50% Gray
- Opacity: 100%
- Mode: Color Dodge