Learning: Shape Hints

Home • Members Tutorials Forum iSnapChat Contact Us 

 


Flash Tutorials

   

Flash Tutorial - Shape Hints

 

Free Flash Tutorial


Step 10    <<   Previous      Intro   1   2   3   4   5   6   7   8   9   10    >>      

 

Step Ten: Shape Hints

When making Shape Tweens you do not need to use Shape Hints, but often Shape Tweens throw up unexpected results. To control the way the Shape changes as it moves you can use Shape Hints. A Shape Hint lets you specify which point, corner or line in one shape will move to which position in the second shape.

    In this Example I am going to move the right side of the word one to the left side of the word two:



    The pair of Shape Hints effect how the animation will move.

    Example: Download the Flash file  Beg 001h

     

    Look carefully and you will see that the 'e' of 'one' moves to 't' of 'two':


    Example of Shape Tween
    with Shape Hints.

  1. Go back to: Frame 1


    Frame 1 is selected.

  1. Go to: Modify > Shape > Add Shape Hint (Ctrl Shift H)


  2. This will place a red disk marked with a letter:

  3. Drag this to point to a new position that you want to mark on the word: one
  4. Go to the last Frame of the shape tween: Frame 15
  5. The disk will already be there:

  6. Drag it to mark a desired point the word: two
  7. The disk should turn green:



    Note: Now that both the 'a' disks are in both place (Frame 1 & Frame 15) the hint is complete and if you return to Frame 1 you will see that the disk has turned from red to yellow.

    Shape hint always come in pairs of disks (each in a different Frame) and when they have been moved into the correct position they colour as follows:

    The 1st in the pair is Yellow:

    The 2nd in the pair is Green:

  8. Test the Movie to see the difference: Control > Test movie (Ctrl Enter)

    You should see something similar to this:

  9. Close the Test Window:

  10. You may want to try and: Move the Disks

  11. Then test again: Control > Test movie (Ctrl Enter)

  12. Close the Test Window:

 

Well that's it so have fun Shape Tweening!!

 

Please indicate what you thought of this tutorial 
10 is the best: 
10 9 8 7 6 5 4 3 2 1

         

Step 10    <<   Previous      Intro   1   2   3   4   5   6   7   8   9   10    >>      


64180 visitors to this page since June 06

Phil Schulz's Facebook Profile
Webwasp is Phil Schulz's baby. You are welcome to contact me or become my Facebook friend: Click here

 Top of Page HomeMembers Tutorials Forum iSnapChat Contact Us 
 All material on this site is protected under international copyright © law. DO NOT reproduce any material from this site without written permission. Please ask as permission is often granted.