A Flash Developer Resource Site

Results 1 to 8 of 8

Thread: [F5] - Photo animation

  1. #1
    Junior Member
    Join Date
    May 2008
    Posts
    7

    [F5] - Photo animation

    Hi All:
    I am new to flash (and I am only using Flash 5.0), can some experts/gurus advise me how to do this animation:

    http://www.dreamzcoffee.com/portfolio-photo.html

    If you click on the link, it will be showing some photo animation. What I need is the very front part, where it's showing a wedding photo and the frame rotates 360 degrees.

    How to achieve that effect? I tried using motion tween, when the frame rotates, the edges of the photo can be seen. It's different from the effect I want! Can somebody out there help me please!

  2. #2
    Has Returned
    Join Date
    Mar 2001
    Posts
    269
    Just to clarify is it the "love story of Keng Seng" bit where the frame rotates faster than the picture within it?

  3. #3
    Junior Member
    Join Date
    May 2008
    Posts
    7
    Hi Turbs, yes that's right.
    That's the animation I want to achieve - The white frame border rotates faster than the picture. I tried using masking effect, but it doesn't seem right.

  4. #4
    Has Returned
    Join Date
    Mar 2001
    Posts
    269
    Something like this? it's a bit rough.

    www.xyis.net/temp/picframe.html
    www.xyis.net/temp/picframe.fla

  5. #5
    Junior Member
    Join Date
    May 2008
    Posts
    7
    Hi Turbs, cool! That was what I wanted! Is the fla file for me to download and is it in version 5? Cos I only have flash 5.0 at home.

    How did you achieve it?

  6. #6
    Musical chair sumwungye's Avatar
    Join Date
    Jan 2008
    Location
    Planet Earth, third planet from the Sun
    Posts
    287
    You could just open the file, if it's compatible, and mess around with it, as a suggestion...
    --SumWunGye

  7. #7
    Junior Member
    Join Date
    May 2008
    Posts
    7
    Hi Turbs, thanks! I will open the file tonight and try it out!

  8. #8
    Has Returned
    Join Date
    Mar 2001
    Posts
    269
    Well i created 3 layers,

    Top layer contained the picture frame.
    Second layer was the mask, this was an object the same size as the picture.
    Then the third layer was the actual picture.
    I created a motion tween on all layers.

    layers 1 and 2 i set the rotation to 1 clockwise.

    layer 3 i just moved a little up and to the right scaling it down 50%.

    This should cause the mask to rotate at the same pace as the picture frame which then shows the picture in the desired way behind.

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