• home
  • forum
  • my
  • kt
  • download
  • Simple numbers shape tweening in Flash

    Author: 2007-06-09 09:59:39 From:

    This is a very basic feature in Macromedia Flash, you should not need to have any experience before this tutorial, but some basic knowlage of the userinterface would be good.

    And as the headline says you are going to learn to shape tween, number shapes.

    1.
    Start by opening a new project, then about center of the stage, with your text tool from the tools panel, click and type in the number 1.

    2.
    Now we need some guide lines so the next number we are going to make is being placed precisley at the same place as the first, but just in another frame.
    So go to the menu called view and click rulers, then you will get some measuering numbers at the left and top, drag out the rulers from those bars, so they center the letter as in the image below.

    Photoshop Tutorial thumb picture


    3.
    Now in the timeline, which should be placed at the top, you will see one black dot, this is because you have 1 frame with content (your number), right click at frame 10 and choose create blank key frame, within this frame use your text tool again and type in the number 2, the guide lines from before should help you place it ontop of the other number.

    Photoshop Tutorial thumb picture

    Photoshop Tutorial thumb picture


    Now by clicking the two black dots you can toggle between number 1 and 2.

    4.
    In the timeline right click in between the two frames you created and choose Create Motion Tween.
    Then in the properties panel as standart its placed at the bottom, click and change the motion tween to a shape tween as shown in the image below.

    Photoshop Tutorial thumb picture


    You will see a dotted line between the two frames, this means that the shape tween you are trying to accomplish wont work because the shapes you have are not raw shapes, but vector text shapes.

    Photoshop Tutorial thumb picture


    5.
    We have to change the shapes to raw shapes.
    So click the first frame to shown the number 1, then right click on the number and choose break apart, do this twice and you will see the shape will have a lot of white dots, (this just means that your shape is now raw). click frame 10 and repeat this for the other shape.

    Photoshop Tutorial thumb picture


    6.
    Then you should see a clean line in the timeline between the two frames as shown below.

    Photoshop Tutorial thumb picture


    7.
    Now your tween is actulley done, you can right click at frame 20 and 30 and then make some more shapes and do some more tweening, as I did.

    discuss this topic to forum

    relation tutorial

    No information

    Category

      3D (36)
      Math Physics (18)
      3rd Party (10)
      Navigation (70)
      Actionscripting (228)
      Optimization (17)
      Animation (166)
      Projector (11)
      Audio (54)
      Special Effects (170)
      Backend (26)
      Text Effects (92)
      Drawing (34)
      Tips and Techniques (58)
      Dynamic Content (38)
      Tricks (8)
      Games (114)
      Utilities (24)
      Getting Started (99)
      Video (59)
      Interactivity (48)
      Web Design (37)

    New

    Hot