How to Straighten a Distorted Photo in Fireworks
(click photos for larger view)
This tutorial will explain how to straighten a photo that is distorted, because the camera wasn't held at the correct angle. The lens should not be below, above or to the left or right of center but right in the center of the scene.
This photo distortion can be easily corrected with a graphics program that applies a grid to the photo and also allows you to transform or distort it. This tutorial was designed for Adobe Fireworks but it may work on other programs with similar features.
Original Distorted Photo
Apply a Grid to the Photo
The first step is to apply a grid to the photo so you can see where it needs to be straightened. Select the photo then go to the Menu/View/Grid and click on "Show Grid."

The result should look like the following photo. Notice the grid is barely showing in the background.
Attach Distort Handles to Photo
The 2nd step is to attach the "distort" handles so you can stretch the photo to it's proper shape. Go to Menu/Modify/Transform and select "distort".

This photo shows the grid and distort handles that are active:
How to Move the Distort Handles to Straighten Photo
Once you click on one of the handles move the cursor until it is over one of the handles then click and hold down on the mouse and drag. Drag the handles until the image is aligned with the grid. With this image make sure the edge of the frame is aligned with the grid. You can move the handles up and down and left and right. You may have to move all 4 corners. Do not drag the center handles or the edge won't change.
Finished Image
When you are satisfied with the photo unclick "show grid", use the crop tool to crop the image and save it. See finished image belw:
This image was used courtesy of Gene Amondson and can be found on his Whimsical Watercolors page.
Return to:
Main Tutorials Page |
Photoshop Tutorials |
Fireworks Tutorials
Other Graphics Tutorials:
How to Make a Watermark on Photos |
Straighten Distorted Photos |
Emboss Images |
Feathered Edges
How to Design a Gradient Background |
How to Design a Textured Background
How to Make An Animation
Copyright © 11-19-18 - Updated 1-13-19
All Rights Reserved.