Flash骨骼遮罩引导层动画

1、复习与回顾 补间形状 传统补间 补间动画目的、重点和难点 目的 掌握骨骼动画； 掌握遮罩动画； 掌握引导层动画 。 重点 掌握遮罩动画； 掌握引导层动画 。 难点 骨骼动画适用范围 遮罩层和被遮罩层的关系。 如何在遮罩层和被遮罩中设置动画。 遮罩层和被遮罩层中应分别放置什么对象。 引导路径的设置 引导层动画调整到路径 骨骼动画 用途 制作机械类转动，使用元件+骨骼的形式； 制作生物类关节，使用图形+骨骼的形式。 课堂示例1_铲土车运行 实验指导P157-5 利用库中的元件，制作铲土车运行的示意动画，动画总帧数为60帧遮罩的概念 什么是遮罩 在图层中有一个遮罩图层类型，为了得到特殊的显示效果，可

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

3、罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 创建遮罩动画的步骤 首先在普通图层中，放入被遮罩对象，创建动画 (如果需要可以在被遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画) 然后在当前图层上方新建图层，放入遮罩对象，创建动画 (如果需要可以在遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画 ) 最后将放入遮罩对象的图层设置为遮罩图层课堂示例2_简

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

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

6、将文字层设置为遮罩层。 保存为“罗马假日2.fla”，导出为“罗马假日2.swf”罗马假日1罗马假日2课堂示例4_文字遮罩动画 题目 打开“金立手机.fla”文件，利用素材创建遮罩动画 一道白色辉光从文字左边掠过到文字右边，又从文字右边掠过到文字左边。 效果参见“文字遮罩动画-样张.swf”。 知识点： 利用遮罩动画的制作辉光效果文字。该效果在各种广告宣传的文字中都有很好应用。参考步骤 打开“金立手机.fla”文件 创建“背景文字”层，持续到60帧 复制“背景文字”层(建立“遮罩文字层”) 在两个文字层中间新建图层，创建“辉光运动”动画 将“辉光运动”动画上方文字图层，设置为遮罩层 保存为“金

7、立手机.fla”课堂示例5_金立手机 题目 在示例4基础上，完成刘德华的图片渐渐出现又渐渐消失，添加背景音乐。 效果参见“金立手机-样张.swf”。 知识点： 遮罩动画和其他动画相结合，又互不干扰。 参考步骤 在示例4基础上，新建图层 人物变化动画层 背景图片层 背景音乐层引导层动画的原理 将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。创建引导层和被引导层 在普通图层上单击时间轴面板中的“添加传统运动引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层” 引导层和被引

8、导层中的对象 引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 “被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。 由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动画补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。 向被引导层中添加元件 “引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。 下图中“元件”中心的十字星正好对

9、着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。应用引导路径动画的技巧 把“属性”面板上的“调整到路径”前打上勾，对象的基线就会调整到运动路径。 在做引导路径动画时，按下主工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。 创建引导层动画步骤 首先在普通图层中，创建被引导对象动画 (通常为传统补间动画) 然后在当前图层上方创建引导图层 在引导图层中创建引导线 将被引导对象吸附到引导线上课堂示例6_树叶飘落 题目： 打开“古诗词配画.fla”，利用引导层动画，制作如“树叶飘落-样张.swf”所示动画。 要求：树叶沿不规则曲线飘落，并逐渐变小。 知识点： 利用引

10、导层动画制作树叶飘落的效果 结合传统补间参数的设置，使树叶运动更自然参考步骤 打开“古诗词配画.fla” 制作背景层，并持续到55帧 创建树叶运动图层 创建引导图层，画引导线 使树叶吸附在引导线上，注意“调整到路径”选项 保存“古诗词配画.fla”课堂练习 完成课堂示例16 继续课堂示例6，要求：毛笔书写出“天苍苍 野茫茫”文字。参见“古诗词配画-样张.swf”。古诗词配画-参考步骤 继续课堂示例6 文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果； 毛笔字效果：新建一个图层，利用传统补间动画，制作毛笔字移动的效果；注意调整文字层和毛笔字层的帧数，从而使两层播放时配合一致。 保存为“

11、古诗词配画.fla”，导出为“古诗词配画.swf”课后练习 实验指导书P153156 第2、3、4题 实验指导书P158159 第2、3、5题 空中历险的飞机 题目：一个飞机沿曲线运动，机头方向沿曲线 知识点： 通过引导层添加飞机的曲线运动路径 如何将运动对象吸附在引导线上 如何使飞机机头沿飞行线方向目的、重点和难点 目的 掌握骨骼动画； 掌握遮罩动画； 掌握引导层动画 。 重点 掌握遮罩动画； 掌握引导层动画 。 难点 骨骼动画适用范围 遮罩层和被遮罩层的关系。 如何在遮罩层和被遮罩中设置动画。 遮罩层和被遮罩层中应分别放置什么对象。 引导路径的设置 引导层动画调整到路径 向被引导层中添加元

12、件 “引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。 下图中“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。应用引导路径动画的技巧 把“属性”面板上的“调整到路径”前打上勾，对象的基线就会调整到运动路径。 在做引导路径动画时，按下主工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。 课堂练习 完成课堂示例16 继续课堂示例6，要求：毛笔书写出“天苍苍 野茫茫”文字。参见“古诗词配画-样张.swf”。古诗词配画-参考步骤 继续课堂示例6 文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果； 毛笔字效果：新建一个图层，利用传统补间动画，制作毛