Distort Image Transform Tool

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


Commentary

  1. JR says:

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

  2. Edward McIntyre says:

    I am totaly stealing this. Thanks lee ;)

  3. 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 says:

    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 says:

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

  6. George says:

    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 says:

    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 says:

    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. gladys says:

    hey wat iit do!!!!!

  10. Chris says:

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

  11. Saya says:

    how to use it?
    *i am a newbie…

  12. Bryan says:

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

  13. Rahim says:

    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.

  14. Mathias Paumgarten says:

    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!

  15. hi,

    i need a hint how to do such things with as3.

    thx & regards,
    peter

  16. Parvaiz says:

    Hi,

    I am not sure why any of the sandy classes (as2) is not working on my PC. I am using flash 8 professional. I need exactly the same thing that you did above (i.e. distorting the movie clip by supplying the parameter through API). Could you please send me the source code including the sandy classes for AS2.

    THanks very much in advance.
    PP

  17. Martin says:

    How can I use this distortion effects to simulate a book paging? that is, when click on a button one first image been paging from right to left and so appears another image to be clicked and so on.
    Tks
    Martin

  18. Roch says:

    Hi Great work, but impossible to get your source, is it possible to get a link?
    Regards
    Roch

  1. [... 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 ...]

  2. [... 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 ...]

  3. [... 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 ...]

Leave a Comment