flash动画实训教程课件第九章.ppt

flash动画实训教程吴桂香吕宗奇编著

第九章角色动画进阶位图动画是目前非常流行的动画形式，也几乎是我们每天打开网页就一定会见到的动画形式，这种动画并非单纯由Flash制作，而是由Flash与Photoshop软件联合完成的，这样一来，动画文件就集成了Flash动画体积小、编辑方便的特点，同时又可以利用位图使颜色效果和过渡更丰富，让动画的画面更漂亮或者通过预先绘制好的图片让画面变得更有趣。在下面这个例子中，我们将分析如何制作动作循环，怎样利用引导层以及如何利用Photoshop来制作Flash需要的图形元件等内容。第一节位图动画（1）制作这种动画最重要的前提条件，是预先设计整个动画的流程与动作关键帧（图9-1）。动作是否有位移，在哪一帧呈现怎样的状态，背景应该是什么，在时间轴上哪些动作同步哪些不同步，整个影片的大致时长帧数是多少等内容，都是在制作之前需要设计清楚，最好绘制草图。

第九章角色动画进阶在这个例子中，我们来制作一个人物角色的小动画（图9-2），在草图的设计阶段，至少需要设计起始帧状态和结束帧状态，如果条件允许，也可以利用数位绘图板直接在Flash中绘制草图（图9-3）。第一节位图动画

第九章角色动画进阶（2）为了获得理想的画面效果，这个动画的主要元件将在Photoshop里完成。在Photoshop中打开本书提供的图片（图9-4）或者自行寻找，从图片上可以看出，元件中使用的是人物的躯干、双手和双腿。按下快捷键【Q】，利用快速蒙版为图片添加遮罩蒙版。和Flash不同，Photoshop中的蒙版可以转换为选区，也就是选中图形效果（图9-5）。如果我们还有数位绘图板，那么这个功能就更为方便。注意，在选中某部分后，可以在Photoshop中新建一层，复制，同时隐藏掉其他图层上的图形，得到独立图形效果（图9-6）。第一节位图动画

第九章角色动画进阶（3）在隐藏掉其他图层的情况下，点击手臂所在图层，按【Ctrl】+【T】激活Photoshop中的【任意变形】工具（图9-7）。右键点击图形拉开变形工具菜单（只有在激活【任意变形】工具的前提下右键拉出的才是这个菜单），选择利用贝赛尔曲线调整图形的模式（图9-8），将手臂图形调整至需要的状态。现在，将手臂拆分，首先利用【圆形选区】工具，在手臂关节位置（图9-9）选择图形，并将这个图形新建一层储存。之后分别将手臂的上部与下部进行一样的操作（图9-10）。这些都是在为制作Flash中的元件做准备。之后我们可以用这种办法处理其他的部分。第一节位图动画

第九章角色动画进阶第一节位图动画但需要注意两个部分，首先是人物的嘴。在这个小动画中，我们希望人物的嘴产生动作，但素材图片毕竟是静态的。为了解决这个问题，我们可以先将嘴的部分区域利用蒙版选中（图9-11），之后将它复制到新的图层。接下来将整个头部也选中并独立置于图层做成元件（图9-12），这样我们就可以通过这两个元件的互动，模拟嘴的动作了。另外一个需要注意的部分是手，由于手部是运动造型多变的部分，因此在选择元件素材时有两种方案解决：要么选择类似拳头这种怎么动形变都不大的手部造型，要么将其他素材上的手部复制下来代替当前手部没有的形态（图9-13）。

第九章角色动画进阶（4）用Photoshop中的工具将另外一只手臂和其他四肢分别选中并进行类似调整，另存为位图格式（png）备用。另存时，可以将图形准确命名，以便之后使用。Flash有一款名为“PSDImporter”的辅助插件，可以将PSD文件直接导入Flash中，不过这款插件并没有中文版本。因此本书依旧使用相对传统的方式，将需要使用的图形转换为BMP格式。现在，将导入的位图转换为图形元件，并逐一拼接对位，在舞台中制作出基本人物造型（图9-14）。在布置元件时，将它们分别单独置于一层，同时不要忘记利用【任意变形】工具把它们的中心调整到相应位置，以便之后对其进行旋转或移动操作。第一节位图动画

第九章角色动画进阶第一节位图动画（5）调整完角色的基本造型后，我们需要筹划动画的制作。如果使用本书提供的素材，那么可以打开库面板并导入舞台作为背景。按照草图上提供的起始帧和结束帧调整造型，同时不要忘记为所有图层给出相同的帧数，以便之后制作补间动画。在这个角色动画中，角色造型的手会呈现一种循环动作，为了保证动作过程的连贯和准确，我们需要为其设置引导图层（图9-15）。

第九章角色动画进阶第一节位图动画（6）我们需要利用之前了解并使用过的运动引导层。在这里我们再简单回顾一下它的功能：运动引导层允许我们利用【铅笔】或者【钢笔】工具绘制一条运动引导路径，引导补间动画层上的元件运动（图9-16