flash教程之骨骼动画.ppt

1、项目七 创建高级动画,创建路径引导动画 创建骨骼动画 场景和动画预设,任务二 创建路径引导动画,任务说明,路径引导动画也是Flash常用的动画制作手法之一，利用它可以使对象沿制作者绘制的引导线移动（引导线的作用与补间动画中的运动路径相似，但只能作用于传统补间动画）。本任务将带领读者学习创建路径引导动画的方法。,预备知识,路径引导动画由“引导层”和“被引导层”组成。制作路径引导动画时，需要在“引导层”上绘制引导对象运动的引导线（利用钢笔、铅笔、线条、椭圆或矩形工具等绘制的线条），然后将“被引导层”上的对象吸附到引导线上（“被引导层”中必须是传统补间动画）。播放动画时，“引导层”上的内容不会被显示

2、。,路径引导动画,下面通过一个简单实例，介绍路径引导动画的创建方法。,新建图层并拖入“飞机”图形元件,创建传统补间动画,1.打开素材文档，在“背景”图层上方新建一个图层并将其命名为“飞机”，然后将“库”面板中的“飞机”图形元件拖到“飞机”图层舞台右侧外 。,2.在所有图层的第40帧插入普通帧，在“飞机”图层的第40帧插入关键帧，然后将“飞机”图层第40帧中的“飞机”元件实例移动到舞台左侧外，并在“飞机”图层第1帧与第40帧之间创建传统补间动画 。,创建“引导层,绘制引导线,3.在“飞机”图层的图层名称上右击，在弹出的快捷菜单中选择“添加传统运动引导层”菜单，在“飞机”图层上方创建一个引导层，此

3、时“飞机”图层自动变为被引导层 。,4.使用“铅笔工具”和“选择工具”在“引导层”上绘制一条引导线。,将变形中心点对齐到引导线,勾选“调整到路径”复选项,5.使用“选择工具”调整“飞机”图层第1帧和第40帧中“飞机”元件实例的位置，使其变形中心点对齐到引导线 。,6.选中“飞机”图层的第1帧，然后在“属性”面板中勾选“调整到路径”复选项 。,调整到路径：勾选该复选项，可使“被引导层”上的对象在沿引导线移动的同时，还可以根据引导线的切线方向调整其自身的方向（如果不勾选该复选项，对象在沿引导线运动时只是平移，与引导线的切线方向没有关系）。对齐：勾选该复选项后，在将对象对齐到引导线时，可使对象的变形

4、中心点更容易吸附到引导线上。,任务实施制作翩翩起舞的蝴蝶动画,下面通过制作翩翩起舞的蝴蝶动画效果，学习路径引导动画的应用。,制作思路,翩翩起舞的蝴蝶,本案例主要是通过在两个图层上创建蝴蝶由下向上移动的传统补间动画，再在这两个图层上添加传统运动引导层，并在引导层上绘制引导线，使蝴蝶按照引导线的路径进行运动来实现。本例具体操作可参考本书配套视频“7-2.avi” 。,任务三 创建骨骼动画,任务说明,骨骼动画是利用反向运动工具模拟人体或动物骨骼关节的运动。Flash CS5提供的反向运动工具包括“骨骼工具”和“绑定工具”，本任务将带领读者学习它们的使用方法。,预备知识,一、“骨骼工具”的使用,1为分

5、离对象创建骨骼动画,利用“骨骼工具”在分离对象中添加骨骼后，可以通过旋转或移动添加的骨骼来创建骨骼动画。下面通过一个简单实例，介绍为分离对象创建骨骼动画的方法。,绘制矩形,1. 新建一个Flash（ActionScript 3.0）文档，使用“矩形工具”在舞台中绘制一个矩形 。,创建第1个IK骨骼,2.单击“图层1”的第1帧选中舞台中的矩形，然后单击工具箱中的“骨骼工具”或者按快捷键【M】，将光标移动到矩形左侧边缘处，此时按住鼠标左键并向右拖动，即可在矩形中创建一个IK（反向运动学）骨骼，同时在“时间轴”面板中自动生成了一个“骨架_1”图层，并且矩形自动移动到“骨架_1”图层中 。,创建第2个

6、和第3个IK骨骼,3.将光标移动到第一个IK骨骼的尾部，按住鼠标左键并拖动，以上一级IK骨骼的尾端为起点创建下一级IK骨骼；利用相同的操作再创建1个IK骨骼 。,调整第20帧中矩形的形状,4.在所有图层的第40帧处插入普通帧，然后将播放头跳转到第20帧处，并使用“选择工具”拖动“骨架_1”图层第20帧中骨骼的相应关节，调整其形状，此时在“骨架_1”图层的第20帧处会自动插入一个姿势关键帧。,5.播放头跳转到第40帧处，并拖动“骨架_1”图层第40帧中的骨骼，调整其形状，至此实例就完成了，按【Enter】键可在舞台中预览动画。,2为元件实例创建骨骼动画,利用“骨骼工具”可以将一系列元件实例通过骨

7、骼连接在一起，然后通过旋转或移动相应的骨骼或元件实例来创建不同效果的骨骼动画。下面通过一个简单实例进行说明。,打开素材文档,1.打开素材文档，会在舞台中看到一个吊车图形，它的各个部分都是由图形元件组成的 。,创建第1个IK骨骼,创建第2个IK骨骼,2.选择工具箱中的“骨骼工具”或者按快捷键【M】，将光标移动到支架的底部，然后按住鼠标左键并拖动到与吊杆结合的部位，创建一个IK骨骼 。,3.以上一个IK骨骼的尾端为起点按住鼠标左键并拖动到吊杆右侧与挂钩的结合处，创建第2个IK骨骼 。,调整第15帧中的吊车形状,调整第30帧中的吊车形状,4.在所有图层的第40帧插入普通帧，然后将播放头跳转到第15帧

8、处，选择“选择工具”，在按住【Shift】键的同时分别拖动舞台中吊车的吊杆和挂钩，调整其形状。,5.将播放头跳转到第15帧处，在按住【Shift】键的同时使用“选择工具”分别拖动吊车的吊杆和挂钩，调整其形状。至此实例就完成了，按【Enter】键可在舞台中预览动画。,二、“绑定工具”的使用,“绑定工具”的使用方法可参考以下操作。,显示形状控制点,向选定骨骼添加形状控制点,1.使用“骨骼工具”为分离对象添加IK骨骼后，单击选中工具箱中的“绑定工具”或者按快捷键【Z】，然后单击选中任意骨骼，被选中的骨骼会以红色高亮显示，连接到该骨骼的形状控制点会以黄色高亮显示 。,2.若要向选定的骨骼添加控制点（即

9、将该控制点连接到选定的骨骼），可在按住【Shift】键的同时单击未加亮显示的控制点 。,为形状控制点添加骨骼,3.若要从骨骼中删除控制点（即删除骨骼与某个或某几个控制点的连接），可在按住【Ctrl】键的同时单击黄色加亮显示的控制点,4.使用“绑定工具”单击选中某个形状控制点后，选定控制点会以红色高亮显示，已连接到该控制点的骨骼会以黄色高亮显示，在按住【Shift】键的同时单击骨骼，可为选定控制点添加骨骼（即将该控制点连接到某个骨骼） 。,5.若要从选定的控制点中删除骨骼，可在按住【Ctrl】键的同时单击以黄色高光显示的骨骼。,任务实施制作滑板男孩动画,下面通过制作滑板男孩动画，学习骨骼动画的的

10、实际应用。,制作思路,滑板男孩,打开素材文档后，进入“滑板少年”图形元件的编辑窗口，利用“骨骼工具”为滑板男孩添加IK骨骼，然后插入普通帧，并通过拖动各帧中男孩身体各部分，创建男孩和滑板摇摆的骨骼动画；最后返回主场景，通过创建传统补间动画，制作滑板少年由远到近的动画效果。本例具体操作可参考本书配套视频“7-3.avi” 。,任务四 场景和动画预设,任务说明,在Flash中，利用场景可以组织复杂动画；利用“动画预设”面板可为元件实例添加Flash预设或用户自定的动画效果，从而快速制作出精彩的动画特效。本任务将带领读者学习场景的基本操作和应用动画预设的方法。,预备知识,一、组织多场景动画,Flas

11、h在默认情况下只使用一个场景（场景1）来组织动画，但在制作复杂的动画时，一个场景有时候会无法满足要求。遇到此情况时，我们可以使用多个场景来组织动画。例如，可以使用不同的场景来组织动画的影片简介、影片内容、动画预载等部分 。,多场景动画,下面介绍在Flash CS5中创建及编辑场景的方法。,新建文档后默认会自动创建一个“场景1”场景，要创建新的场景，可选择“窗口”“其他面板”“场景”菜单，在打开的“场景”面板中单击“添加场景”按钮。新建场景后，其默认将成为当前场景，用户可以在其中制作动画。要切换到其他场景，可在“场景”面板中单击相应的场景，或单击舞台右上方的“编辑场景”按钮，在展开的下拉列表中进

12、行选择。,创建新场景,要更改场景的名称，只需在“场景”面板中双击要改名的场景，使场景名称变为可编辑状态，然后输入新的名称即可。 要复制场景，只需在“场景”面板中选中要复制的场景，然后单击“直接复制场景”按钮即可。此时原场景中的所有内容都将复制到新场景中。,复制场景,在发布包含多个场景的Flash文档时，这些场景将按照在“场景”面板中的排列顺序进行播放，要更改场景的播放顺序，只需在“场景”面板中将希望改变顺序的场景拖拽到相应位置即可。要删除场景，只需在“场景”面板中选中要删除的场景，然后单击“删除场景”按钮，在弹出的警告对话框中单击“确定”按钮即可。,改变场景排列顺序,二、动画预设的应用,下面通

13、过一个简单实例介绍动画预设的应用。,选中要应用动画预设的元件实例,为所选实例添加动画预设,1.打开素材文档，使用“选择工具” 选中舞台中的“红心”元件实例 。,2.选择“窗口”“动画预设”菜单，打开“动画预设”对话框，双击“默认预设”文件夹，在展开的列表中选择要应用的动画预设，如“脉搏”预设，然后单击“应用”按钮，系统会根据所选预设自动为所选元件实例创建补间动画。,下面通过制作节约用水的公益广告动画，练习遮罩动画与路径引导动画的实际应用，以及使用多场景组织动画的方法。,节约用水,制作思路,打开素材文档后，首先利用遮罩动画创建波纹和地球浮出水面的效果；然后新建并重命名场景，再在新建的场景中利用引导路径动画制作文字逐渐出现的效果。 本例具体操作可参考本书配套视频“7-4.avi” 。,任务实施制作节约用水动画,本章的上机任务,课上作业：1、制作节约用水动画 2、制作滑板男孩男孩动画、 课下作业练习：小鸡做操,