Distort Image Transform Tool

September 27th 2006 Posted to Actionscript, Flash 8

So to continue on the topic of DistortImage, I built a tool that lets you drag the four corners of a photo and the setTransform() code is automatically generated for you. So all you need to do is find a good starting point and an end point and simply tween between the two to create a cool 3D animation.

Lee

17 Comments

Comments

  1. JR
    September 27th, 2006 | 7:35 pm

    Thank you Lee, this is wonderful. It is so eye opening and inspiring for me.

  2. Edward McIntyre
    September 27th, 2006 | 8:35 pm

    I am totaly stealing this. Thanks lee ;)

  3. Michael Kraus
    September 27th, 2006 | 10:44 pm

    These are the demos I like since you can play arround with the features and have a direct feedback how to implement them.. Great!

  4. jeanphy
    September 28th, 2006 | 5:36 am

    hi lee
    nice job
    i am searching for a flash based image manipulation
    with resizing croping like http://snipshot.com/
    could you help me?

    best
    jean

  5. Laban
    October 3rd, 2006 | 12:27 pm

    Very very nice but I have not yet understand how I can tween between and creat a 3D animation

  6. George
    October 11th, 2006 | 11:30 am

    Hi, it is interesting as I have just written a a flip class that does exactly just what you describe above, using the DistortImage class from here:

    http://sandy.media-box.net/blog/distordimage-the-way-to-distord-bitmaps-by-code.html

    You can have a look at my early efforts here:
    http://www.sqcircle.com/downloads/zips/widgetFlip.zip

    George.

  7. Thomas
    October 13th, 2006 | 4:02 am

    Hi Lee,
    Cool work you’ve done with my class. I’m always happy to see some people using it, and in very different ways :)

    Keep continue
    Thomas P.

  8. Megan
    October 14th, 2006 | 11:43 pm

    hi,

    Can you help me with the coding needed for your transform tool to work?

    Do i put the coding in the actions layer?…………I’ve tried to tween between the two images like you said, but absolutely nothing happens!!.

    do i change the “myDistortImage” to the instance name of my movie clip?

    myDistortImage.setTransform(0,0,500,0,500,334,0,334); ?/

    Help PLease.
    megan

  9. Deep Designers - Flash Blog » Blog Archive » Sandy’s Distort Image
    March 2nd, 2007 | 4:48 pm

    [...] It uses the setTransform() method in Sandy, I got the idea from the application Lee Brimelow showed in The Flash Blog. [...]

  10. gladys
    April 1st, 2007 | 10:30 pm

    hey wat iit do!!!!!

  11. Chris
    April 5th, 2007 | 8:51 am

    Is the source available for this? Thank you very much for you tool :)

  12. Saya
    September 26th, 2007 | 6:26 am

    how to use it?
    *i am a newbie…

  13. Blog » Blog Archive » Distort image transform tool
    December 17th, 2007 | 12:04 pm

    [...] [...]

  14. Bryan
    January 16th, 2008 | 3:25 pm

    Total newbie question, but how do you simply tween between the two?

  15. Rotate Pic in 3D « Actionscription
    April 1st, 2009 | 11:26 am

    [...] his distortionclass w/ Keith’s 3D square class to flip pics.  Here’s Lee’s entry [...]

  16. Rahim
    October 4th, 2009 | 4:04 am

    Hello,
    I am facing problem with the Text.
    when I try to apply distortion on Text Control, transparent pixel get converted into white pixels. How to keep it transparent. Please help, any help will be greatly appreciated.

  17. Mathias Paumgarten
    December 2nd, 2009 | 7:02 pm

    Thanks – I’ve been looking for something like this for quite a while since i couldn’t figure it out myself.
    I’m also a frequent visiter of gotoAndLearn and once again you really helped me out!!

    Keep up the great work!

Leave a reply