logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Flash CS4 Bone Tool Introduction


In this tutorial, we will draw four ovals and connect them together with the FlashR Bone tool.

  1. Set Stroke color to null and Fill color to black.

  2. On the first layer, use the Oval tool to draw a small oval. This will be one section of the four ovals.

  3. With the Selection too, right-click on the new oval and Convert to Symbol. Give the oval a name of "Segment", set Type to Movie Clip and Registration to the center.

  4. In the Properties panel, give the oval an Instance Name of "Segment1".

  5. Now you can find the Segment movie clip in the Library. Drag a second instance of the Segment movie clip onto the stage and place it end to end with the first movie clip. Give it an Instance Name of "Segment2".

  6. Click on this second oval with the Free Transform tool, shrink this oval a little while keeping it end to end with the other. You may need to reposition them together.

  7. Repeat this for two more segments, shrinking both a little more. Your end segment should be the smallest. Give these an Instance Name of "Segment3" and "Segment4".

    Now we will connect these segments together with the Bone tool.

  8. Click on the center of the first segment with the Bone tool and, while holding down the mouse button, drag to the center of the second segment. Stop and release the mouse button. Now these two segments are connected. Repeat this by connecting the center of the second segment to the center of the third and then the center of the third segment with the center of the fourth.

  9. If you click and drag on the end with the Selection tool, you will see that the segments move together. Also, notice that we have a new layer in the Timeline called "Armature_1". Flash made this for us when we connected the segments with the Bone tool.

For an advanced animation, we would now constrain the movements of the joints in the Properties panel.

Join us in the Flash forum.




Add Flash+CS4+Bone+Tool+Introduction to Twitter Add Flash+CS4+Bone+Tool+Introduction to Facebook Add Flash+CS4+Bone+Tool+Introduction to MySpace Add Flash+CS4+Bone+Tool+Introduction to Del.icio.us Digg Flash+CS4+Bone+Tool+Introduction Add Flash+CS4+Bone+Tool+Introduction to Yahoo My Web Add Flash+CS4+Bone+Tool+Introduction to Google Bookmarks Add Flash+CS4+Bone+Tool+Introduction to Stumbleupon Add Flash+CS4+Bone+Tool+Introduction to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Motion Workspace - Checkbox, Dials and More

Motion Workspace - Menu, Icons and Sliders

The Motion Toolbar Tools

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor