flash教程之013骨骼动画__培训课件.ppt

项目七 创建高级动画 创建路径引导动画 创建骨骼动画 场景和动画预设 任务二 创建路径引导动画 任务说明 路径引导动画也是Flash常用的动画制作手法之一，利用它可以使对象沿制作者绘制的引导线移动（引导线的作用与补间动画中的运动路径相似，但只能作用于传统补间动画）。本任务将带领读者学习创建路径引导动画的方法。 预备知识 路径引导动画由“引导层”和“被引导层”组成。制作路径引导动画时，需要在“引导层”上绘制引导对象运动的引导线（利用钢笔、铅笔、线条、椭圆或矩形工具等绘制的线条），然后将“被引导层”上的对象吸附到引导线上（“被引导层”中必须是传统补间动画）。播放动画时，“引导层”上的内容不会被显示。 路径引导动画 下面通过一个简单实例，介绍路径引导动画的创建方法。 新建图层并拖入“飞机”图形元件 创建传统补间动画 1.打开素材文档，在“背景”图层上方新建一个图层并将其命名为“飞机”，然后将“库”面板中的“飞机”图形元件拖到“飞机”图层舞台右侧外 。 2.在所有图层的第40帧插入普通帧，在“飞机”图层的第40帧插入关键帧，然后将“飞机”图层第40帧中的“飞机”元件实例移动到舞台左侧外，并在“飞机”图层第1帧与第40帧之间创建传统补间动画 。 创建“引导层 绘制引导线 3.在“飞机”图层的图层名称上右击，在弹出的快捷菜单中选择“添加传统运动引导层”菜单，在“飞机”图层上方创建一个引导层，此时“飞机”图层自动变为被引导层 。 4.使用“铅笔工具”和“选择工具”在“引导层”上绘制一条引导线。 将变形中心点对齐到引导线 勾选“调整到路径”复选项 5.使用“选择工具”调整“飞机”图层第1帧和第40帧中“飞机”元件实例的位置，使其变形中心点对齐到引导线 。 6.选中“飞机”图层的第1帧，然后在“属性”面板中勾选“调整到路径”复选项 。 调整到路径：勾选该复选项，可使“被引导层”上的对象在沿引导线移动的同时，还可以根据引导线的切线方向调整其自身的方向（如果不勾选该复选项，对象在沿引导线运动时只是平移，与引导线的切线方向没有关系）。 对齐：勾选该复选项后，在将对象对齐到引导线时，可使对象的变形中心点更容易吸附到引导线上。 任务实施——制作翩翩起舞的蝴蝶动画 下面通过制作翩翩起舞的蝴蝶动画效果，学习路径引导动画的应用。 制作思路 翩翩起舞的蝴蝶 本案例主要是通过在两个图层上创建蝴蝶由下向上移动的传统补间动画，再在这两个图层上添加传统运动引导层，并在引导层上绘制引导线，使蝴蝶按照引导线的路径进行运动来实现。本例具体操作可参考本书配套视频“7-2.avi” 。 任务三 创建骨骼动画 任务说明 骨骼动画是利用反向运动工具模拟人体或动物骨骼关节的运动。Flash CS5提供的反向运动工具包括“骨骼工具”和“绑定工具”，本任务将带领读者学习它们的使用方法。 预备知识 一、“骨骼工具”的使用 1．为分离对象创建骨骼动画 利用“骨骼工具”在分离对象中添加骨骼后，可以通过旋转或移动添加的骨骼来创建骨骼动画。下面通过一个简单实例，介绍为分离对象创建骨骼动画的方法。 绘制矩形 1. 新建一个Flash（ActionScript 3.0）文档，使用“矩形工具”在舞台中绘制一个矩形 。 创建第1个IK骨骼 2.单击“图层1”的第1帧选中舞台中的矩形，然后单击工具箱中的“骨骼工具”或者按快捷键【M】，将光标移动到矩形左侧边缘处，此时按住鼠标左键并向右拖动，即可在矩形中创建一个IK（反向运动学）骨骼，同时在“时间轴”面板中自动生成了一个“骨架_1”图层，并且矩形自动移动到“骨架_1”图层中 。 创建第2个和第3个IK骨骼 3.将光标移动到第一个IK骨骼的尾部，按住鼠标左键并拖动，以上一级IK骨骼的尾端为起点创建下一级IK骨骼；利用相同的操作再创建1个IK骨骼 。 调整第20帧中矩形的形状 4.在所有图层的第40帧处插入普通帧，然后将播放头跳转到第20帧处，并使用“选择工具”拖动“骨架_1”图层第20帧中骨骼的相应关节，调整其形状，此时在“骨架_1”图层的第20帧处会自动插入一个姿势关键帧。 5.播放头跳转到第40帧处，并拖动“骨架_1”图层第40帧中的骨骼，调整其形状，至此实例就完成了，按【Enter】键可在舞台中预览动画。 2．为元件实例创建骨骼动画 利用“骨骼工具”可以将一系列元件实例通过骨骼连接在一起，然后通过旋转或移动相应的骨骼或元件实例来创建不同效果的骨骼动画。下面通过一个简单