穿越元朝之孟丽君传:第七讲:遮罩动画[FLASH8基础教程]

来源:百度文库 编辑:偶看新闻 时间:2024/05/06 11:09:29

第七讲:遮罩动画[FLASH8基础教程]

[ 作者:佚名 文章来源:转载 点击数:3741 更新时间:2007-9-22 5:41:05| 收藏本文 ]
在线投稿】【信箱投稿(qqs18@163.com)】 【背景: 字号:大 中 小】

在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。

那么,“遮罩”如何能产生这些效果呢?

在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。

在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions指令的方法,在本节中,我们只介绍第一种做法。

1.遮罩动画的概念

(1)什么是遮罩

“遮罩”,顾名思义就是遮挡住下面的对象。

在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。

(2)遮罩有什么用

在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。

2.创建遮罩的方法

(1)创建遮罩

在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。

 

图3-5-1 多层遮罩动画

 

(2)构成遮罩和被遮罩层的元素

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

被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。

(3)遮罩中可以使用的动画形式

可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。

3.应用遮罩时的技巧

  1. 遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
  2. 要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
  3. 可以用“AS”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_alpha属性。
  4. 不能用一个遮罩层试图遮蔽另一个遮罩层。
  5. 遮罩可以应用在gif动画上。
  6. 在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
  7. 在被遮罩层中不能放置动态文本。

实例:红星闪闪

图3-5-2 红星闪闪

 

 

知识提要

  1. 将线条转化为填充
  2. 创建遮罩动画
  3. 使用变形面板
  4. 任意变形工具中“注册点”的应用
  5. 学习使用橡皮工具中的“水笼头”工具和擦除线条

(1)创建影片文档

1、设置影片文档属性

执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*400象素,【背景色】为黑色。(在教程中,我们为了更好的显示场景中的内容,背景色设为了深蓝色),如图3-5-3所示。

 

图3-5-3 文档【属性】面板

(2)创建元件

1、 创建“闪光线条”元件

  执行【插入】|【新建元件】命令,新建一个图形元件,名称为“闪光线条”。选择工具栏上的直线工具,在场景中画一直线,在【属性】面板上作如图3-5-5设置。

 

图3-5-5 闪光线条的【属性】面板参数设置

 

2、 创建“闪光线条组合”元件

执行【插入】|【新建元件】命令,新建一个图形元件,名称为“闪光线条组合”,如图3-5-6所示。

图3-5-6 创建闪光线条元件

 

从库中将名为“闪光线条”的元件拖入新元件编辑窗口的场景中,在X轴上的位置为-200,Y轴为20。然后单击工具栏上的任意变形工具,此时元件的中心会出现一个小白点,它就是对象的“注册点”,用鼠标左键按住它,拖到场景的中心处松手。

图3-5-7中的“1”显示的是注册点在元件的中心时的情形,“2”显示的是注册点已拖到场景中心时的情形。

 

图3-5-7 移动注册点到场景的中心

 

然后执行【窗口】|【设计面板】|【变形】命令,打开变形面板,选中【旋转】,角度为15度,连续按下【复制并应用变形】按钮,在场景中复制出的效果如图3-5-8所示。

 

图3-5-8 变形面板及复制好的元件

 

在时间轴的关键帧上点一下,选中全部图形,执行【修改】|【分散】命令,把线条打散,再执行【修改】|【形状】|【将线条转化为填充】命令,将线条转变为形状。

3、 创建“闪光”元件

执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“闪光”,如图3-5-9所示。

图3-5-9 创建“闪光”元件

 

[1] [2] 下一