New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Adjusting motion tweens in the Property Inspector

From: Flash CS4 Professional Tools for Character Animation

Video: Adjusting motion tweens in the Property Inspector

Now we will look at manipulating a motion tween using the Property inspector. If you are following along, go ahead and open up Property_inspector.fla from the Chapter 01 folder. You would also just create a simple motion tween on the main Timeline. So here what I am going to do is modify the motion tween that I have using a Property inspector by first selecting the motion tween in the Timeline. With the motion tween selected, you can go to the Property inspector and you will see some properties that yon can modify with your animation. First of all we can change the easing. So let's say we wanted to make it look like the monster was speeding up as he was following down. So I can click and drag to the right and that will ease out. So I will make the animation go slower as the monster moves down. I will test the movie right now and that's not the effect we want, we actually want easing and we want it to start out slow and speed up. So I will click and drag this slider to the left to ease in.

Adjusting motion tweens in the Property Inspector

Now we will look at manipulating a motion tween using the Property inspector. If you are following along, go ahead and open up Property_inspector.fla from the Chapter 01 folder. You would also just create a simple motion tween on the main Timeline. So here what I am going to do is modify the motion tween that I have using a Property inspector by first selecting the motion tween in the Timeline. With the motion tween selected, you can go to the Property inspector and you will see some properties that yon can modify with your animation. First of all we can change the easing. So let's say we wanted to make it look like the monster was speeding up as he was following down. So I can click and drag to the right and that will ease out. So I will make the animation go slower as the monster moves down. I will test the movie right now and that's not the effect we want, we actually want easing and we want it to start out slow and speed up. So I will click and drag this slider to the left to ease in.

So I will test the movie and there is the monster flying, a little bit faster as he moves down. If that easing isn't sufficient for you, don't worry we will look at easing in a lot more detail in a later movie. You can also adjust the Rotation. I am going to first set easing back to 0 using my keyboard and then for the Rotation, I am going to click and drag the time(s) slider to make the monster rotate one time. Now when I click and drag the playhead, you see that he rotates down one time along the path. There is also the plus button that allows you to add additional rotation. If I click and drag the slider, the monster rotates a little bit more to notice that the additional rotation is applied at the end there. So I can select the frames and I can add as much as additional rotation as I want and that applies to the monster at the end of the animation.

You can also control where the Direction is, clockwise or counterclockwise, that's CW or CCW respectively. And you can choose whether you want the animation to orient to a path. To do that I am going to turn off the Rotation, so I will set the Rotation to the 0 and then for the plus value, for additional rotation, I will set the value to 0 and then what I am going to do is modify the Motion Path. So I am going to hover over the Motion Path until I see my cursor update then I will click and drag the Path. Preview the animation to make sure that it's working correctly and then I will click the Orient to path checkbox. Notice that property keyframes are created in every frame of the animation, watch when I test the movie. The monster rotates along the path.

Now lets say I wanted to rotate along the path but have his feet kind of aligned with the path more. So let's say, I select the monster and I still have that Orient to path option checked because I didn't uncheck it. I will rotate the monster so its body is following the path and as I preview the animation, you can watch him rotate. So obviously you can go through each of these frames and adjust any of the Rotation values as you want to. Now I will uncheck Orient to path and I will straighten out the Motion Path a little bit. I will do that with the Selection tool and I will click and drag the Motion Path to straighten it out. Preview the animation, it looks good and it's just that the monster is not straight. So I am going to straighten him out using the Free Transform tool and that looks good.

Now with the tween is still selected I will modify the Motion Path. I can click and drag the Path to move it on the X axis, the Y axis. I can also adjust its height. Notice that I can't adjust its width, that's because this is a vertical path and it doesn't have any thickness to it. So if I were adjusting a horizontal path then I could adjust its width and not its height. So using the Property inspector, you can fine-tune your motion tweens by controlling easing, rotation and the Motion Path.

Show transcript

This video is part of

Image for Flash CS4 Professional Tools for Character Animation
Flash CS4 Professional Tools for Character Animation

38 video lessons · 24429 viewers

Todd Perkins
Author

 
Expand all | Collapse all
  1. 2m 44s
    1. Welcome
      42s
    2. Using the example files
      46s
    3. Getting into this course
      1m 16s
  2. 39m 5s
    1. Reviewing motion tweens
      2m 32s
    2. Adjusting motion tweens in the Property Inspector
      3m 55s
    3. Working property keyframes
      5m 18s
    4. Controlling easing in the Motion Editor
      3m 28s
    5. Creating custom easing in the Motion Editor
      4m 36s
    6. Squashing and stretching with custom easing
      5m 33s
    7. Adding shadows
      2m 6s
    8. Encapsulating animations
      2m 39s
    9. Randomizing animations with graphic symbols
      2m 16s
    10. Stretching animations
      1m 31s
    11. Saving for previous versions of Flash
      1m 50s
    12. Converting animations to ActionScript code
      3m 21s
  3. 19m 43s
    1. Adding a perspective shadow
      3m 40s
    2. Nesting animations
      4m 26s
    3. Syncing audio
      4m 8s
    4. Adding 3D rotation
      5m 38s
    5. Using 3D layers
      1m 51s
  4. 17m 9s
    1. Animating a bone system
      3m 22s
    2. Adding easing to an armature animation
      1m 39s
    3. Creating complex armature animations
      2m 25s
    4. Creating bounce
      2m 53s
    5. Adding bones to shapes
      3m 19s
    6. Adding 3D animation to a spider
      2m 19s
    7. Creating interactive bones
      1m 12s
  5. 19m 2s
    1. Animating masks
      4m 3s
    2. Animating masked content
      5m 7s
    3. Creating shadows with masks
      4m 29s
    4. Creating an iris effect using masks
      5m 23s
  6. 7m 30s
    1. Saving motion presets
      1m 43s
    2. Exporting and importing motion presets
      3m 19s
    3. Applying and adjusting motion presets
      2m 28s
  7. 11m 40s
    1. Understanding walk cycles
      2m 45s
    2. Creating a walk cycle
      5m 16s
    3. Adding body movement
      3m 39s
  8. 19s
    1. Goodbye
      19s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.