Welcome to WebDesignForums.net!
You're currently viewing WDF as a guest. By registering for a free account, you'll be able to participate with other members in our friendly community. Being a member allows you to ask questions and get answers for those troublesome web development tasks!

In addition, as a member you'll be able to post your websites up for review. Using our unique website review system you can gain some amazing feedback from some of the best web developers around. This is a completely free service to all registered members.

Ready to register yet? Registration is 100% free. Click Here To Join Now!

Adjust Perspective in an Image

Discussion in 'Graphics Articles & Tutorials' started by smoseley, May 13, 2003.

  1. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Adjust Perspective in an Image
    Ok, so you have an image that has some blotched perspective in it.... well here's an easy 6-Step way to correct the problem, with figures following in my follow-up posts.


  2. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 1
    Open up your image in Photoshop (I'm using version 6). In this image, notice the problem area... it's the railroad tracks, which differ in perspective from the Train.

    Attached Files:



  3. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 2
    (Optional) If your image is not cut up into layers, you will have to separate the section that you want to fix. To do that, take the Polygonal Lasso Tool and make a selection area around the problem area, making sure to keep the bounds pretty tight.

    Attached Files:



  4. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 3
    Hit Ctrl+C then Ctrl+V to copy and paste the selected area in a new layer over the image.

    Attached Files:



  5. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 4
    Hit Ctrl+T to apply a transform to the new layer. You will see a bounding box appear around the selected region (or the entire layer if there is no selected region, as you see here).

    Attached Files:



  6. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 5
    Hold Ctrl+Click&Drag the corners of the bounding box to apply a trapezoidal skew to the bounding box and its contents. Skew the image until its perspective matches that of the rest of the image. The best way to get correct perspective is to visualize a "horizon" and "vanishing point" in the image (which may lie outside the boundaries of the physical piece), where all lines intersect. Make the lines of the section you're adjusting also intersect at that point. Once you're done, hit Enter to accept the changes

    Attached Files:



  7. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 6
    Now you've got a completed image. If you cut and pasted part of the image onto a new layer to adjust, you'll see the original version of it below. We'll want to clean that up.

    Attached Files:



  8. Offline

    smoseley Administrator

    Message Count:
    9,728
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Step 7
    (Optional) Use whatever tools (I used airbrush and clone stamp) to fill in the parts of the original image that are now visible because of the adjustments made. Try to make them fit into the original scheme by using colors / textures that exist in their proximity.

    That's it !!!

    Attached Files:



Share This Page