您的位置:首页
平面网页设计资料
正文

Flash教程:水晶泡泡动画

编辑:Va发布时间:2011年8月16日 留言(0)

说明:Flash教程:水晶泡泡动画

  本例主要通过Flash制作水晶泡泡动画的制作掌握元件类扩展类的编写,本例通过编写get 和set 存取器函数,为创建的元件类提供易于使用的编程接口,使得元件类的属性在可以被访问的基础上进行良好的隐藏和封装。

  同时本例还配合使用三角函数知识创建丰富特效,通过本例的制作,大家可以掌握如何为Flash元件类提供易于使用的编程接口,以及加深对三角函数知识的理解应用。

 


 本例制作思路和步骤:

  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%

 

  图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 添加元件类

  请点击“下一页”,下面我们进入代码编写部分。

 

推荐阅读:
Flash制作卡通人物眨眼动画
Flash教程:鼠标触发图片缓冲放缩
Flash的常用命令
创建Flash站点十大技巧

发表留言

您的称呼 联系电话 匿名

为维护健康文明的社区氛围,请不要发表具有谩骂,诽谤,广告,宣传等内容的言论。

输入验证码