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

Flash

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

Flash

教师信息 教师：顾振宇 电子信箱： gzy@http://www.77cn.com.cn 办公室：学院楼B421

Flash

目的、重点和难点 目的

掌握骨骼动画； 掌握遮罩动画； 掌握引导层动画 。 掌握遮罩动画； 掌握引导层动画 。骨骼动画适用范围 遮罩层和被遮罩层的关系。 如何在遮罩层和被遮罩中设置动画。 遮罩层和被遮罩层中应分别放置什么对象。 引导路径的设置 引导层动画调整到路径

重点

难点

Flash

骨骼动画 用途 制作机械类转动，使用元件+骨骼的形式； 制作生物类关节，使用图形+骨骼的形式。

Flash

课堂示例1_铲土车运行 实验指导P157-5 利用库中的元件，制作铲土车运行的示意动画，动画总帧数 为60帧

Flash

遮罩的概念 什么是遮罩

在图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以 在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可 以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。是用在整个场景或一个特定区域，使场景外的对象或特定区域外 的对象不可见， 是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。遮罩层是任意形状 被遮罩层(在遮罩层下) 遮罩后的效果

遮罩有什么用

Flash

创建遮罩的方法 遮罩层是由普通图层转化而来的。 在某个图层上单击右键，在弹出菜单中选择【遮罩层】,该图层就会

生成遮罩层， “层图标”就会从普通层图标 变为遮罩层图标 ，系统会自动把遮罩层 下面的一层关联为“被遮罩层”, 如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就可以了

Flash

构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩

层中的内容可以是按钮、影片剪辑、图形、位图、 文字等，但不能使用线条，如果一定要用线条， 可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看 到。在被遮罩层，可以使用按钮，影片剪辑，图 形，位图，文字，线条。

Flash

创建遮罩动画的步骤 首先在普通图层中，放入被遮罩对象，创建动画 (如果需要可以在被遮罩层中使用形状补间动画、动作补 间动画、引导线动画等动画) 然后在当前图层上方新建图层，放入遮罩对象，创

建动画 (如果需要可以在遮罩层中使用形状补间动画、动作补间

动画、引导线动画等动画 )

最后将放入遮罩对象的图层设置为遮罩图层

Flash

课堂示例2_简单遮罩动画 打开“简单遮罩动画.fla”文件，利用素材创建遮罩动

画 关键步骤： 将库中文字拖

动到舞台，持续40帧 新建图层，画球，并创建球来回滚动动画，持续40帧 选择“球”所在图层，按右键选择“遮罩层” 保存为“简单遮罩动画.fla”,导出为“简单遮罩动画.swf”

Flash

课堂示例3_罗马假日 题目

制作如“罗马假日1.swf”和 “罗马假日2.swf”所示的动 画效果，一种效果是文字不 动，但是文字上的图案运动； 一种效果是图案不动，但是 文字动。 遮罩动画的制作方法。 将补间动画分别应用到遮罩 层和被遮罩层的效果区别。

知识点

Flash

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

罗马假日2

Flash

课堂示例4_文字遮罩动画 题目 打开“金立手机.fla”文件，利用素材创建遮罩动画一道白色辉光从文字左边掠过到文字右边，又从文字右边掠过到 文字左边。 效果参见“文字遮罩动画-样张.swf”。

知识点： 利用遮罩动画的制作辉光效果文字。该效果在各种广告 宣传的文字中都有很好应用。

Flash

参考步骤 打开“金立手机.fla”文件

创建“背景文字”层，持续到60帧 复制“背景文字”层(建立“遮罩文字层”) 在两个文字层中间新建图层，创建“辉光运动”动

画 将“辉光运动”动画上方文字图层，设置为遮罩层 保存为“金立手机.fla”

Flash

课堂示例5_金立手机 题目 在示例4基础上，完成刘德华的图片渐渐出现又渐渐消失，

添加背景音乐。 效果参见“金立手机-样张.swf”。 知识点：

遮罩动画和其他动画相结合，又互不干扰。

Flash

参考步骤 在示例4基础上，新建图层 人物变化动画层 背景图片层 背景音乐层