教学知识点:
理解Flash中遮罩的概念及特点。
掌握在Flash中实现羽化效果的方法。
知识准备:
遮罩可以这样理解,被遮住的才能看到(与生活中的现象有点反了)。如果你把一个一元钱当成是一个遮罩的话,把它盖在一张照片上,那么在动画运行时,你只能看到一元钱下面的照片部位。挡上的可以看到,没有被挡上反而看不到,这就是Flash里遮罩的特点,你可以理解为打孔,你用一元钱打了一个孔,那我只有通过一元钱这个孔看下面的照片。
做遮罩动画有两种方式:
1 移动你的遮罩,如上面所说的一元钱:你可以做任意类型的动画。
2 移动遮罩下面的对象,如上面所说的一元钱。
看一下这种动画的时间轴(上面两个有什么不同):
flash中没有羽化功能,所以不能直接设置,但有两个效果与羽化类似:
1 是径向渐变填充
2 是柔化填充边缘
过程说明:
1 新建文档并改变背景及大小
2 添加一个图层,并分别命名为文字与圆。
3 在文字图形上输入文字并调整成适当大小及颜色
4 在圆的图层上画一个圆(尽可能小些,不要太大,直径10像素左右)颜色自定。
5选中圆做柔化并填充边缘效果,参数自己比较设置,一般可以设置大一些,最后的圆的大小与字的大小相匹配。
6 移动圆做动画,并把相应的图层转换成遮罩层,观看动画效果。
文件及素材下载(使用flash cs3制作,请使用相应软件打开):
不一样的遮罩_2.swf
(4.89 KB, 下载次数: 267)
不一样的遮罩_2.fla
(48 KB, 下载次数: 213)
不一样的遮罩_1.swf
(5.44 KB, 下载次数: 220)
不一样的遮罩_1.fla
(55.5 KB, 下载次数: 208)
|