您现在的位置: 圆点视线 >> 教程 >> 图形图像 >> Fireworks >> 文章正文
[图文]FW制作媒体播放器精致立体图标           ★★★
FW制作媒体播放器精致立体图标
作者:网页教学…  文章来源:网页教学网  点击数:  更新时间:2007-11-30 20:58:57 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

  今年推出的新操作系统Vista的界面设计更加精美,从人机交互的角度来讲,图标的图形和功能设计方面更注重用户体验的细节研究,已经逐渐抛弃了平面效果,逐渐向质感、立体的方向转变。使得我们的使用的操作系统和WEB或软件产品有了新的视觉感受。

  下面我们介绍用Fireworks制作精致的Media_Player图标的具体实现步骤。与大家分享、共勉。

  1、在新建的Fireworks灰色画布上按住SHIFT键画一个黑色的500*500像素的正圆形,以此作为图标的黑边,然后在工具面板中选取‘画圈形’工具,画出一个环状的图形,接着鼠标点取环形图的黄色控制点顺时针进行拖动,将圆环分段(1/4),如图。

点击放大此图片
点击看大图

  2、将制作好的扇形图复制粘贴3份,这样就了有了相等大小四段扇形图,分别选取颜色,可以是红色、蓝色、绿色、黄色,其色值依次为#C83225、#29469C、#009900、#FFCC00,然后分别选中四个扇形图进行“放射性”填充,在其填充的中间区域将颜色调浅,形成“渐变”效果,再选取滤镜“阴影和光晕”中的“内侧发光”效果,在每个扇形的边缘形成白色光边,增加立体感。如图

点击放大此图片
点击看大图

  3、按住SHIFT键在中间区域画正圆形,然后选中并进行浅蓝(#4473E0)和白色(#FFFFFF)的“放射性”渐变的填充,在半圆上同样选取‘放射状’填充,再选择滤镜“阴影和光晕”中的“内侧发光”内侧阴影“和效果,用来外环形的阴影立体效果。如图

点击放大此图片
点击看大图

  4、同样,再画一个相同大小的白色(#FFFFFF)圆,然后进行”放射性“渐变填充,把渐变的一端的透明度设置为”0“,把圆形逆时针旋转一定角度,制造立体的质感效果。如图

点击放大此图片
点击看大图

[1] [2] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    Fireworks打造精美水晶盾形标志
    Fireworks制作边框虚线流动小动画
    Fireworks打造精致播放器水晶图标
    Fireworks做马赛克文字特效
    Fireworks绘XP风格精致图标
    Fireworks 打造逼真M4A1
    动态LOGO的制作
    Fireworks 8 制作指南针
    Fireworks补间功能小解
    fireworks设计网页平面稿入门
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门