A Flash Developer Resource Site

Results 1 to 9 of 9

Thread: Smoothing image transitions

  1. #1
    Junior Member
    Join Date
    Dec 2007
    Posts
    10

    Smoothing image transitions

    I have a sequence of images obtained from a much larger digital photograph which I want to make into a Flash movie such that the movie appears to scan the original photo. Each image in the sequence is moved 2 pixels on from the previous image and when placed as a sequence of keyframes in the Flash timeline and the movie is tested, the transition from frame to frame is not smooth.

    Is there a way to smooth the image transition of 150 or so images to make the "movie" look more professional? Increasing the frame rate on its own is not an option because the movie obviously speeds up and becomes too much of a blur. I think I need to use ActionScript to make each frame blend into the next but while I have some programming experience, I am new to this language.

    I have ploughed through lots of websites and tutorials, but haven't come across any example of this kind of transition task. I suspect that minimal coding is required and I would be really grateful for suggestions.

  2. #2
    Senior Member
    Join Date
    Sep 2005
    Posts
    1,764
    You could try tweening the frames into each other, a subtle fade or motion tween could help, it'll take a little doing though so be prepared to have your patients tested.


    Tutorials:
    http://www.flawebdeb.com/marchdebtip.htm

    http://www.actionscript.org/resource...ted/Page1.html

  3. #3
    Junior Member
    Join Date
    Dec 2007
    Posts
    10
    Thanks - nice tutorial links. Tweening 150 images...oh dog help me. A nice start to the year and I guess pleasure doesn't come without some pain...

  4. #4
    trace("AKA: Biro Barna");
    Join Date
    Oct 2007
    Location
    RO.Timişoara
    Posts
    1,403
    Don't waste time tweening 150 images separately, try using code instead.
    Load the images dynamically from XML and apply the transitions to each child.



    | Windows MSN: birobarna [at] hotmail [dot] com | Skype: barna.biro |
    WebLog: http://blog.wisebisoft.com/ |
    | Software Developer / Flash & Flex Developer | Student ( Computer Science ) | Interested in: Sharing Knowledge |
    |
    Romanian Adobe Flash, Flex, AIR Forum: http://www.flashforum.ro/
    | By perseverance the snail reached the ark. |


  5. #5
    Junior Member
    Join Date
    Dec 2007
    Posts
    10
    Thanks, that sounds much more hopeful, but I do need to learn some appropriate coding and would be grateful if you can point me in the right direction. Do I need to use MovieClip to load the images and some kind of “for…in” loop to process the “children”? Practically, how do I go about that? If it’s too complicated or lengthy to describe here, a reference to a tutorial or website would be excellent and much appreciated.

  6. #6
    I know how to spell addicted netadict's Avatar
    Join Date
    Sep 2007
    Posts
    119
    If you have the original larger image you could do this:

    Put that larger image in a layer called "image"
    Put in a layer above "image" a square mask which would show a smal window of the image below it.
    Now motion tween the image in layer :image" to get the required results in the window-mask that is
    One blurred photo is a mistake, 10 blurred photos are an experiment,
    100 blurred photos is a style

  7. #7
    trace("AKA: Biro Barna");
    Join Date
    Oct 2007
    Location
    RO.Timişoara
    Posts
    1,403
    Quote Originally Posted by netadict
    If you have the original larger image you could do this:

    Put that larger image in a layer called "image"
    Put in a layer above "image" a square mask which would show a smal window of the image below it.
    Now motion tween the image in layer :image" to get the required results in the window-mask that is
    Ok, don't even try doing this.

    As I said, the best option is to use code. It would take too long to explain how you should do it, but here's the keyword that should open your mind: slideshow

    http://www.kirupa.com/developer/mx20..._slideshow.htm

    There's a basic slideshow tutorial, if you get the idea behind that one, the rest is quite simple ( or maybe not that simple but at least you'll know what you are looking for ). Start by reproducing that tutorial, understand it, and after you understand what and how it does, read up on Tweens ( using code ). You have a few classes inside flash that can help you with tween like the fl.transitions package.

    The whole idea is to create a generic ( default ) container ( a movie clip ) that will hold all the images you load into it ( one by one ), and once an image is loaded, it should apply a dynamic transition animation to it ( to do that, as I said, read up on tweens ).

    Good luck and if you'll take a friendly advice, then don't even consider wasting your time with frame by frame animations for all the 150 pictures nor what netadict suggested.

    PS ( edit ): I've just observed that Natsia posted two link on tweens with the help of code. Those are really helpful, try do understand what those things do, and the whole application will be a piece of cake.
    Last edited by fx.barrett; 01-05-2008 at 10:14 PM.



    | Windows MSN: birobarna [at] hotmail [dot] com | Skype: barna.biro |
    WebLog: http://blog.wisebisoft.com/ |
    | Software Developer / Flash & Flex Developer | Student ( Computer Science ) | Interested in: Sharing Knowledge |
    |
    Romanian Adobe Flash, Flex, AIR Forum: http://www.flashforum.ro/
    | By perseverance the snail reached the ark. |


  8. #8
    Junior Member
    Join Date
    Dec 2007
    Posts
    10

    Thanks for your help

    It’s really a matter of finding just the right tutorial and information, but without help it can take lots of time to do that, and time is something I don’t have in abundance. I therefore much appreciate everyone’s suggestions and particularly the tutorial links. Many thanks.

  9. #9
    trace("AKA: Biro Barna");
    Join Date
    Oct 2007
    Location
    RO.Timişoara
    Posts
    1,403
    80% of the projects that will come up, can't be found in tutorials. You'll see that the deeper you get into Flash ( or anything else ), the harder it will be to find information on what you are trying to achieve, and then, you'll be forced to sit down and think of possible solutions and create one yourself.

    Good luck.



    | Windows MSN: birobarna [at] hotmail [dot] com | Skype: barna.biro |
    WebLog: http://blog.wisebisoft.com/ |
    | Software Developer / Flash & Flex Developer | Student ( Computer Science ) | Interested in: Sharing Knowledge |
    |
    Romanian Adobe Flash, Flex, AIR Forum: http://www.flashforum.ro/
    | By perseverance the snail reached the ark. |


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center