Home

Web Design Services

Website Evaluations Evaluation Testimonies Website Redesign Web Design Portfolio 1 Web Design Portfolio 2 Web Design Portfolio 3 Experience, Testimonies Web Design Rates Web Design Quotes Christian Web Designer

Web Design Tips

Menu Samples HTML and CSS Tips Align Images with Text Form Buttons - No Space Add Borders to Boxes Red Hearts in CSS

Internet Hosting Scams How To Move Off Free Host Web Page Hijackings How to Find 302 Hijacker Report 302 Redirects Stop Content Theft How to find Scraper Directory Link Submission Scams Domain Registration Scam Triangular Linking Schemes

SEO Tips

Search Engine Faq Submitting to Search Engines How to Find Backlinks Backlinks to Avoid How to find Web Designer Keyword Ranking Strategy Keyword Ranking Faq Directories that Pass PR Directories to Avoid

Graphics Tutorials

Fireworks Tutorials Straighten Photos Vertical Background Tutorial Drop Shadow Tutorial Animated Tutorial Photoshop Tutorials Embossed Images Textured Background Feathered Edges Tutorial Gradient Background Tutorial

Graphic Designs

Free Graphics Landscape Photos Winter Landscapes Image Manipulation Logos Designed Logos Designed 2 Animations Graphics Portfolio Mountain Panoramas Textures and Backgrounds Applet Displays Collages Web Safe Color Chart

A Tutorial on How to Straighten a Distorted Photo in Fireworks 8

(click on 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 Fireworks 8 on the Mac 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."

how to click on Show Grid

The result should look like this:

attach grid to photo

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".

attaching distort handles

This shows the grid and distort handles:

attach distort handles to photo

Move Distort Handles to Straighten Photo

Once you click on one of the handles move the cursot 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 the edge of the frame was used to align 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:

If this Tutorial didn't solve your problem send an email to and maybe
I can tell what you are doing wrong.

This image was used courtesy of Gene Amondson and can be found on his Whimsical Watercolors page.

Lori Eldridge
Copyright © August 10, 2006
All Rights Reserved.

Return to the:
Main Tutorials Page | Photoshop Tutorials | Fireworks Tutorials

Other Graphics Tutorials:
Straighten Distorted Photos | Emboss Images | Feathered Edges | How to Design a Gradient Background | How to Design a Textured Background | How to design a Vertical Background | Applying a drop shadow to a tilted object over a colored background | How to Make An Animation

Other Grapics Pages:
Free Graphics for Artists,
Custom Designed Graphics
Logos Designed
Landscape logos