本例主要通过Flash制作水晶泡泡动画的制作掌握元件类扩展类的编写,本例通过编写get 和set 存取器函数,为创建的元件类提供易于使用的编程接口,使得元件类的属性在可以被访问的基础上进行良好的隐藏和封装。
同时本例还配合使用三角函数知识创建丰富特效,通过本例的制作,大家可以掌握如何为Flash元件类提供易于使用的编程接口,以及加深对三角函数知识的理解应用。
/imagelist/2009/329/pxm3n5y0zuz1.swf
水晶泡泡动画效果
本例制作思路和步骤:
1、创建实例背景。
2、绘制类似水泡的图形,并转换为元件类。
3、编写元件类扩展类。
4、创建文档类。
实例步骤:
(1)Flash中新建一个空白文档,舞台大小设置为400*300,帧频设置为30,将舞台背景颜色设置为 #618D0E ,绘制一个直径为舞台高度大小的正圆,并填充放射状渐变色,调整高光位置在下方,如下图1所示。
其填充放射状渐变色值为:#A7E600 - #078914 - #00552F 。调整色柄值,参数依次为:
色柄一:红: 167,绿:230,蓝: 0, Alpha: 100%
色柄二:红: 7,绿:137,蓝: 20, Alpha: 100%
色柄三:红: 0,绿:85,蓝: 47, Alpha: 100%
图1 绘制背景
(2)创建一个新图层,命名为“高光”。绘制一个半径与步骤(1)中的圆形略小的同心圆形,并填充线性渐变色,使用“渐变变形工具”进行调整高光位置由上至下分布,如图2 所示。
其填充线性渐变色值为:#FFFFFF - #FFFFFF 。调整色柄值,参数依次为:
色柄一:红: 255,绿:255,蓝: 255 Alpha: 0%
色柄二:红: 255,绿:255,蓝: 255 Alpha: 100%
图 2 高光部分
(3)再创建一个新图层,命名为“顶部高光” 。使用“椭圆工具”在顶部绘制一个椭圆,填充线性渐变色,高光位置同上一样分布,如图 3所示。
其填充线性渐变色值为:#FFFFFF - #FFFFFF 。调整色柄值,参数依次为:
色柄一:红: 255,绿:255,蓝: 255 Alpha: 0%
色柄二:红: 255,绿:255,蓝: 255 Alpha: 68%
图3 顶部高光
(4)新建一个影片剪辑,命名为“Ball_mc” 。绘制类似小水泡的图形,这里我们绘制一个放射状渐变的圆形,大小约在20左右,如图4所示。
其填充放射状渐变色值为:#FFFFFF - #FFFFFF - #FFFFFF 。调整色柄值,参数依次为:
色柄一:红: 255,绿:255,蓝: 255 Alpha: 36%
色柄二:红: 255,绿:255,蓝: 255 Alpha: 9%
色柄二:红: 255,绿:255,蓝: 255 Alpha: 0%
图4绘制类似水泡图形
(5)为影片剪辑“Ball_mc”添加元件类,如图5所示。
图5 添加元件类
请点击“下一页”,下面我们进入代码编写部分。