A Flash Developer Resource Site

Results 1 to 3 of 3

Thread: Shape morphing

  1. #1
    Junior Member
    Join Date
    Jun 2001
    Posts
    14
    Okay I am trying to do this (cited from the koolmoves documentation).

    "Morphing is the technique by which shapes in one key frame are smoothly blended into corresponding shapes in the next key frame"

    1)Okay I created a rectangle in the keyframe 1.
    2) Then I go to Frames and choose Insert Copy of frame
    3)It adds a keyframe 2 with the rectangle
    4)I delete the rectangle and draw a circle there.
    5) The tweens property is set to 6 frames

    But when I run it it does not slowly morph from rectangle to circles but just jump from one frame to another.

    I have a demo version in case anyone knows if there is a restriction on what you can do with the trial version. If not then please someone point me in the right direction



  2. #2
    Senior Member
    Join Date
    Feb 2001
    Posts
    121
    Ok, the kind of morphing you are trying to do, needs to be done a little differently.
    Basically, the point of morphing is to move the SAME shape through the frames.
    EXAMPLE: you make a square on the left side of the screen in frame 1. then insert
    a copy frame. In the 2nd frame you move the square to the right side of the screen.
    The morphing in the tween frames will show the square moving left to right, filling in
    all the middle frames. This is morphing to get MOTION. That is why it is called
    Motion Graphics.

    What you want to do can be done though. keeping in line with the example above, in the
    second frame we delete the square and draw a circle. Now to get the 2 to morph together
    you need to assign a morph sorce. to do this highlight the circle, and click on SHAPES.
    go down to the very bottom and hover over ADVANCED. this will then bring up MORPH
    SOURCE. CLICK NOW! you will be shown a list of shapes in the previous frame. In our
    example only a square will show. select the square.

    Now animate the sequence and the square will morph to the circle. BUT there are limitations
    on this. The square has a different amount of points than the circle. So the ending morph
    shape may not be a circle. It works the best when the 2 shapes have almost the same
    amount of points. Or else the extra points may be misplaced, giving your final shape an
    awkard look. You can cheat this by adding a 3rd keyframe. but with ZERO TWEENS between
    it and the 2nd frame. now the program will morph the shapes and immediatly go to the 3rd key
    frame and show the circle. But it happens fast enough that they all blend together well.

    Chad
    ps...you can adjust the number of points in each shape by using the point tool.

  3. #3
    Junior Member
    Join Date
    Jun 2001
    Posts
    14

    Thank you.

    Chadmagic,

    THANK YOU! Great help..I could not figure it out on my own. I followed your post and yes it does it.

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