• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash CS4教程:制作质感的水晶泡泡动画

Flash CS4教程:制作质感的水晶泡泡动画

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Flash CS4教程:制作质感的水晶泡泡动画,其中包含Flash CS4教程:制作质感的水晶泡泡动画等知识点,遇到此问题的同学们可以参考下

今天教大家利用Flash CS4制作质感的水晶泡泡动画,并通过编写get 和 set 存取器函数,为创建的元件类提供易于使用的编程接口,使得元件类的属性在可以被访问的基础上进行良好的隐藏和封装。本例还配合使用三角函数知识创建丰富特效,通过本例的制作,读者可以掌握如何为元件类提供易于使用的编程接口,以及加深对三角函数知识的理解应用。

 

本例思路:
<1> 创建实例背景。
<2> 绘制类似水泡的图形,并转换为元件类。
<3> 编写元件类扩展类。
<4> 创建文档类。

实例步骤:
(1)新建一个空白文档,舞台大小设置为400*300,帧频设置为30,将舞台背景颜色设置为 #618D0E ,绘制一个直径为舞台高度大小的正圆,并填充放射状渐变色,调整高光位置在下方,如下图10-1所示。
其填充放射状渐变色值为:#A7E600 - #078914 - #00552F 。调整色柄值,参数依次为:
       色柄一:红: 167,绿:230,蓝: 0  Alpha: 100%
       色柄二:红: 7,绿:137,蓝: 20  Alpha: 100%
       色柄三:红: 0,绿:85,蓝: 47  Alpha: 100%
 

Flash CS4制作质感的水晶泡泡,PS教程,思缘教程网 

图10-1  绘制背景

(2)创建一个新图层,命名为“高光”。绘制一个半径与步骤(1)中的圆形略小的同心圆形,并填充线性渐变色,使用“渐变变形工具”进行调整高光位置由上至下分布,如图10-2 所示。
其填充线性渐变色值为:#FFFFFF - #FFFFFF 。调整色柄值,参数依次为:
       色柄一:红: 255,绿:255,蓝: 255  Alpha: 0%
       色柄二:红: 255,绿:255,蓝: 255  Alpha: 100%

Flash CS4制作质感的水晶泡泡,PS教程,思缘教程网

图10- 2 高光部分

(3)再创建一个新图层,命名为“顶部高光” 。使用“椭圆工具”在顶部绘制一个椭圆,填充线性渐变色,高光位置同上一样分布,如图10- 3所示。
其填充线性渐变色值为:#FFFFFF - #FFFFFF 。调整色柄值,参数依次为:
       色柄一:红: 255,绿:255,蓝: 255  Alpha: 0%
       色柄二:红: 255,绿:255,蓝: 255  Alpha: 68%
 

Flash CS4制作质感的水晶泡泡,PS教程,思缘教程网

图10-3  顶部高光

(4)新建一个影片剪辑,命名为“Ball_mc” 。绘制类似小水泡的图形,这里我们绘制一个放射状渐变的圆形,大小约在20左右,如图10-4所示。
其填充放射状渐变色值为:#FFFFFF - #FFFFFF - #FFFFFF 。调整色柄值,参数依次为:
       色柄一:红: 255,绿:255,蓝: 255  Alpha: 36%
       色柄二:红: 255,绿:255,蓝: 255  Alpha: 9%
       色柄二:红: 255,绿:255,蓝: 255  Alpha: 0%
 

Flash CS4制作质感的水晶泡泡,PS教程,思缘教程网

图10-4绘制类似水泡图形

(5)为影片剪辑“Ball_mc”添加元件类,如图10-5所示。

Flash CS4制作质感的水晶泡泡,PS教程,思缘教程网

图10-5  添加元件类

(6)下面是元件类扩展类。该类有三个私有属性,如第11到13行代码所示,我们在第22、第25行代码分别定义其属性对应的get()方法,为该元件类实例提供可访问对应属性的接口,第三个属性还提供set()方法,如第29行代码所示。在该类构造函数中还初始化了三个属性,分别产生随机的newX、newY值,如第17到19行代码所示。

AS3代码:


 (7) 下面的Main类是本实例的文档类,该类定义了三个属性,分别是存储水泡总数、数量累加变量和随机宽、高比例值, 第12到14行代码所示。在构造函数中调用init()方法进行初始化两个属性值,并注册ENTER_FRAME 事件侦听器,如第20到22行代码所示。

/

 (8)下面是两个侦听器函数,enterFrameHandler是前面注册的侦听器对应的函数,该函数创建了totalNum+1个Ball_mc实例,并实例的y坐标值统一设置在舞台高度之外,如第29到31行代码所示。接着我们在第33行代码中随机生成一个0到1之间的随机小数,并与生成的Ball_mc实例对应的宽、高进行相乘得到随机的宽、高值,如第33到35行代码所示。If()语句的最后将Ball_mc实例添加到显示列表并注册ENTER_FRAME 事件侦听器,和进行i值的累加,如第37到39行代码所示。

AS3代码


var _mc:Spri

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24Flash AS3教程:运算符“?:”
  • 2017-05-24火柴棍人光剑短打Flash动画制作
  • 2017-05-24flash制作一个跟随系统时间的动态时钟
  • 2017-05-24Flash绿色版打开提示Java出现错误的解决方法
  • 2017-05-24Flash模拟网页alt鼠标提示功能
  • 2017-05-24flash怎么绘制旋转立方锥的形状补间动画?
  • 2017-05-24flash制作一种可以转动的绚丽花环
  • 2017-05-24flash怎么制作图片切换的遮罩动画?
  • 2017-05-24 FLASH怎么制作雨滴坠落并炸开的动画?
  • 2017-05-24Flash钢笔工具怎么绘制图形?

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • flash怎么导出gif动画?flash制作gif动图的教程
    • FLASH怎么做文字渐变色效果?
    • Flash工程怎么创建?
    • 教你用Flash制作对联广告及关闭按钮方法
    • Flash制作文字翻转效果
    • flash设置辅助线的首选参数
    • flash旋转实例:制作圆规画圆的动态效果图
    • Flash绘画技巧实例:鼠绘好看的水仙花
    • flash怎么定位元件? flash注册点和变形点的区别
    • flash怎么画月牙和云朵图形?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有