|
本教程是为初学的朋友所写的以遮罩为主要内容的小实例，高手请绕行。
我们看到的许多 FLASH 作品中，常常会看到很多神奇的效果，其中不少就
是用最简单的“遮罩”完成的，如水波、万花筒、百页窗等等。
本例介绍了用 Flash cs3来制作卷轴的动画效果，用变化的遮罩，实现图片
的自然过渡。
一、新建 FLASH文档，命名为：水墨画画轴。设置文档属性，背景为黑色，
宽 690，高为 350 其他默认，
二、导入图片素材到库，并对位图的属性进行设置。
三、新建图形元件：轴。在场景中画一个宽22、高 290 的矩形，选择线性
填充，左右色标的色码为#996600，中间色码#FFCC00。新插入一个图层，画椭圆，3
放射状填充，左右色码为#996600 和#990000，作为轴两端的装饰，调整为图 1 的
形状（图 1）。
图 1
图 2
四、新建图形元件：图 1。将画轴底图拖入场景，图层 1修改为底图，宽高为
650×280，全居中。插入图层2，命名为边框，在场景中画一个外径 580×226，内
径 554×194的矩形，颜色填充为白色（见图 2） ；插入图层 3，命名为画，将位图 1
拖入场景，修改宽高为 554×194，全居中，锁定图层（见图 3）
图 3
其它三张图片可采取直接复制的方法建立元件，只需更换图片。
五、新建图形元件：方块。在场景中画一个55.4×38.8的矩形，颜色任意，全
居中对齐。
六、新建影片剪辑元件：方块动。将库中的方块元件拖入场景中，全居中。在
40 帧插入关键帧，然后插入新图层，画同样宽高的矩形，全居中，并将该图层拖到下
一层，作为参照。点选图层 1 的第 1 帧，选择任意变形工具，将方块元件的中心点移到
左上角，然后将方块的宽高修改为 1，在 1 到 40 帧之间建立动画补间，41 帧插入空白
关键帧（见图 4、图 5）。
2
图 4
图 5
新建影片剪辑元件：方块动组。在场景中画一个不同于方块动颜色的矩形，宽
高为 554×194，全居中，插入图层 2，将方块动元件拖入并整齐排列（见图 6）7
图 6
七、新建图形元件：圆角。在场景中画一个宽高 100 的正圆，并对圆进行相应
的处理，留8 下右下角的圆角，（见图 7）
图 7
图 8
八、新建影片剪辑元件：圆角动。在库中点圆角元件，直接复制，双击该元件进
入场景，改变颜色，左对齐上对齐，锁定图层，插入图层 2，将库中的圆角元件拖入场
景，左对齐，上对齐，选择任意变形工具，将圆角的中心点拖到左上角，40 帧插入关键
帧，回到第1 帧，将圆角的宽高修改为1，并建立动画补间，41帧插入空白关键帧。
九、新建影片剪辑元件：圆角动组。在场景中画一个不同于圆角动颜色的矩形，
宽高为 554×194，全居中。插入图层 2，将圆角动元件拖入并整齐排列（见图 8）。
十、新建图形元件：条。在场景中画一个宽高为27.7×194 的矩形。
十一、新建影片剪辑元件：条动。在场景中画一个宽高为 27.7×194 的矩形，左
对齐，垂直中齐，40 帧插入延长帧。插入图层 2，从库中拖如条元件，左对齐，垂直中
齐，选择任意变形工具，将中心点移到矩形的左侧，40 帧插入关键帧。回到第一帧，修
改宽为 1，高不变，并建立动画补间，41 帧插入空白关键帧。
十二、新建影片剪辑元件：条动组。在场景中画一个不同于条动颜色的矩形，宽
高为 554×194，全居中。插入图层 2，将库中条动元件拖入场景进行排列（见图 9），
图 9
十三、新建影片剪辑元件：画轴组合。插入 9 个新图层，即图 1、矩形遮罩、图
2、方块动组、图 3、圆角动组、图 4、条动组、左轴、右轴（见图 10）。
3
图 10
分别修改各图层，首先从左轴开始做起，从库中拖进轴元件，右对齐，垂直中齐，
第 10 帧插入关键帧，然后在 50 帧也插入关键帧，并点选轴元件，修改属性面板x 坐标
为-325，y 坐标不变,在 331 帧插入空白关键帧，锁定该图层。
点选右轴第1 帧，从库中拖进轴元件，左对齐，垂直中齐，第 10 帧插入关键帧，
然后在 50 帧也插入关键帧，并点选轴元件，修改属性面板 x 坐标为 325，y 坐标不变,
在 331 帧插入空白关键帧。
现在开始我们先从图1 做起，在图1 第 10 帧插入空白关键帧，从库中拖入图 1，
到第 10 帧，全居中，在 130 帧插入空白关键帧，锁定图层。在矩形遮罩图层，第 10帧
插入空白关键帧，画一个宽高为 12×280 的矩形，颜色随意，在 50 帧插入关键帧，将
宽高修改为 628×280，全居中，选中第 10 帧，建立形状，130 帧插入空白关键帧。右
键矩形遮罩图层建立遮罩。
在图 2 图层的 90 帧插入空白关键帧，将库里的图 2 元件拖入场景全居中，210
帧插入空白关键帧。
在方块动组图层，90帧插入空白关键帧，将库中的方块动组拖入场景摆放到合适
的位置，129 帧插入空白关键帧，回到库中，将方块动、方块动组元件的参照块删除，
右键方块动图层建立遮罩。
在图 3 图层的 170 帧插入空白关键帧，拖入圆角动组元件，摆放到合适位置，280
帧插入空白关键帧。
在圆角动组图层的 170 帧插入空白关键帧，将库中的圆角动组拖入场景摆放到合
适的位置，209 帧插入空白关键帧，将库中圆角动、圆角动组元件的参照块删除，右键
圆角动图层建立遮罩。
在图 4 图层的 240 帧插入空白关键帧，将库中的图 4 元件拖入场景全居中，330
帧插入空白关键帧。
在条动组图层的 240帧插入空白关键帧，将库中的条动组拖入场景摆放到合适的
位置，279 帧插入空白关键帧，将条动、条动组元件的参照块删除，右键条动图层建立
遮罩。
十四、回到场景 1，将画轴组合元件拖入场景全居中。OK，你可以去测试了，看
看效果出来了吗？另外，你还可以添加新的图层，签上你的大名。呵呵，还需要提醒朋
友们的就是在制作过程中随时注意保存！
|
