收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[组图]Flash制作光感水晶效果按钮(图文教程)         ★★★
Flash制作光感水晶效果按钮(图文教程)
作者:demofirs… 文章来源:原创 点击数:3312 更新时间:2012-11-14 11:25:24

本站介绍过用photoshop制作水晶质感立体按钮 这种其实用Fash也能制作光感水晶按钮, 这种水晶效果按钮加上制作炫彩的画面, 能使Flash出色不少.

下面我们就来看看如何用Flash制作光感水晶效果按钮:

先看下最后的效果:

水晶效果按钮

1. 新建一个空白的Flash文档。

2. 按ctrl+F8,新建一个图形元件。选择椭圆工具,无笔触,填充色选黑色,按住Shift键,在舞台上画一个正圆。用选择工具在正圆上点一下,打开属性 面板,将宽和高都设成60,点窗口菜单,打开对齐面板,点一下“相对于舞台”下面的小框框,然后点“水平中齐”和“垂直中齐”就是所谓的“全居中”了。再 把图形放大到400% ,将图层1命名为“球体”,上锁。 如下图:

水晶效果按钮

水晶效果按钮

水晶效果按钮

水晶效果按钮

3. 在球体层上面新建一图层,命名为“上光”,椭圆工具,笔触白色,无填充色,在舞台的球体中画一个椭圆形,并移动到球体正上方的位置。(先用选择工具点一下 “上光”层的第1帧,然后按键盘上的方向键,可以很轻松准确的把这个画的椭圆移到合适的位置)。如下图:

水晶效果按钮

水晶效果按钮

接着点“窗口”——混色器,在颜色混色器面板中点一下填充框,在“类型”中选择“线性”。

左色标#FFFFFF,Alpha=100%,右色标#FFFFFF,Alpha=0%,就是让这个椭圆中的颜色从全白到透明渐变。用颜料桶工具在椭圆中点一下,再用颜色渐变工具进行调整,如下图:

水晶效果按钮

水晶效果按钮

用选择工具,先在旁边空白处点一下,再在椭圆的笔触上点一下,使其成为蚁线,按键盘上的Delete键,删除。将本层上锁

4. 在“上光”层上面新建一层,名为“下光”,用椭圆工具在球体的下方画一个椭圆形。用同样的方法设置渐变,如下图:

水晶效果按钮

水晶效果按钮

接着也用同样的方法,删除这个椭圆的笔触线。将本层上锁。

5. 在最上面新建一图层,名“花”。椭圆工具:无笔触,填充色为白色,在下光中画个小椭圆,并用任意变形工具调整好方向,移到下面左图所示的位置。

水晶效果按钮

水晶效果按钮

再用椭圆工具或直线工具(这次是红色笔触,无填充色)画出如上面右图所示的形状。(用红笔触是为了明显,无填充色是因为画好后要进行渐变)。

6. 在“花”图层的第一帧点一下,看到图中红线条变成分离状态,打开混色器面板,“类型”选择“放射状”,还是左色标全 白#FFFFFF,Alpha=100%,右色标FFFFFF,Alpha=0%,用“颜料桶工具”在这五个图形中各点一下。再用“颜色渐变工具”仔细调 整,如下图:

水晶效果按钮

水晶效果按钮

每一个图形都要各自调过哦!然后用上面的方法删除所有的笔触红色线条 。现在是这样的:

水晶效果按钮

水晶效果按钮

至此所有的图形都画好了。看上去很不象是吧,呵呵,没关系,下面接着来。

[1] [2]  下一页

文章录入:音乐听听    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长