第8讲_Flash骨骼、遮罩、引导层动画

1、2 2q教师：顾振宇 q电子信箱： q办公室：学院楼B421q目的q掌握骨骼动画；q掌握遮罩动画；q掌握引导层动画 。q重点q掌握遮罩动画；q掌握引导层动画 。q难点q骨骼动画适用范围q遮罩层和被遮罩层的关系。q如何在遮罩层和被遮罩中设置动画。q遮罩层和被遮罩层中应分别放置什么对象。q引导路径的设置q引导层动画调整到路径 q用途q制作机械类转动，使用元件+骨骼的形式；q制作生物类关节，使用图形+骨骼的形式。 q实验指导P157-5q利用库中的元件，制作铲土车运行的示意动画，动画总帧数为60帧q什么是遮罩q在图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗

2、”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 q遮罩有什么用q是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，q是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。遮罩层是任意形状被遮罩层（在遮罩层下）遮罩后的效果q遮罩层是由普通图层转化而来的。q在某个图层上单击右键，在弹出菜单中选择【遮罩层】，该图层就会生成遮罩层，q“层图标”就会从普通层图标 变为遮罩层图标 ，系统会自动把遮罩层下面的一层关联为“被遮罩层”，q如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就可以了q遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按

3、钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 q被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 q首先在普通图层中，放入被遮罩对象，创建动画q(如果需要可以在被遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画)q然后在当前图层上方新建图层，放入遮罩对象，创建动画q(如果需要可以在遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画 )q最后将放入遮罩对象的图层设置为遮罩图层q打开“简单遮罩动画.fla”文件，利用素材创建遮罩动画q关键步骤：q将库中文字拖动到舞台，持续40帧

4、q新建图层，画球，并创建球来回滚动动画，持续40帧q选择“球”所在图层，按右键选择“遮罩层”q保存为“简单遮罩动画.fla”，导出为“简单遮罩动画.swf”q题目题目q制作如“罗马假日1.swf”和“罗马假日2.swf”所示的动画效果，一种效果是文字不动，但是文字上的图案运动；一种效果是图案不动，但是文字动。q知识点知识点q遮罩动画的制作方法。q将补间动画分别应用到遮罩层和被遮罩层的效果区别。q“罗马假日1.swf”的参考步骤：q新建文件，导入素材q设置文档背景色为黑色；q将海报作为背景图层图片，并设置动作补间动画，使图片从舞台上方移动到舞台下方；q在背景图层上方新建文字图层，输入文字“ROM

5、AN HOLIDAY”，Impact字体，扩展到和背景图层相同的帧数；q并将文字层设置为遮罩层。q保存为“罗马假日1.fla”，导出为“罗马假日1.swf”q“罗马假日2.swf”的参考步骤：q新建文件，导入素材q设置文档背景色为黑色；q将海报作为背景图层图片q在背景图层上方新建图层，先创建多边形形状变化的形状补间动画；q在形状补间动画后面制作文字移动的动作补间动画，文字为“ROMAN HOLIDAY”，Impact字体，从小到达变化，并从舞台上方移动到舞台中央；q将文字层设置为遮罩层。q保存为“罗马假日2.fla”，导出为“罗马假日2.swf”罗马假日1罗马假日2q题目q打开“金立手机.fl

6、a”文件，利用素材创建遮罩动画q一道白色辉光从文字左边掠过到文字右边，又从文字右边掠过到文字左边。q效果参见“文字遮罩动画-样张.swf”。q知识点：q利用遮罩动画的制作辉光效果文字。该效果在各种广告宣传的文字中都有很好应用。q打开“金立手机.fla”文件q创建“背景文字”层，持续到60帧q复制“背景文字”层(建立“遮罩文字层”)q在两个文字层中间新建图层，创建“辉光运动”动画q将“辉光运动”动画上方文字图层，设置为遮罩层q保存为“金立手机.fla”q题目q在示例4基础上，完成刘德华的图片渐渐出现又渐渐消失，添加背景音乐。q效果参见“金立手机-样张.swf”。 q知识点：知识点：q遮罩动画和其

7、他动画相结合，又互不干扰。 q在示例4基础上，新建图层q人物变化动画层q背景图片层q背景音乐层q将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。q在普通图层上单击时间轴面板中的“添加传统运动引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层” q引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。q“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。q由

8、于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动画补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。 q“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。q下图中“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。q把“属性”面板上的“调整到路径”前打上勾，对象的基线就会调整到运动路径。q在做引导路径动画时，按下主工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。 q首先在普通图层中，创

9、建被引导对象动画q(通常为传统补间动画)q然后在当前图层上方创建引导图层q在引导图层中创建引导线q将被引导对象吸附到引导线上q题目题目：q打开“古诗词配画.fla”，利用引导层动画，制作如“树叶飘落-样张.swf”所示动画。q要求：树叶沿不规则曲线飘落，并逐渐变小。q知识点：知识点：q利用引导层动画制作树叶飘落的效果q结合传统补间参数的设置，使树叶运动更自然q打开“古诗词配画.fla”q制作背景层，并持续到55帧q创建树叶运动图层q创建引导图层，画引导线q使树叶吸附在引导线上，注意“调整到路径”选项q保存“古诗词配画.fla”q完成课堂示例16q继续课堂示例6，要求：毛笔书写出“天苍苍 野茫茫”文字。参见“古诗词配画-样张.swf”。q继续课堂示例6q文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果；q毛笔字效果：新建一个图层，利用传统补间动画，制作毛笔字移动的效果；注意调整文字层和毛笔字层的帧数，从而使两层播放时配合一致。q保存为