Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>网页UI|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 网页UI设计 > FW制作媒体播放器精致立体图标
全文

FW制作媒体播放器精致立体图标

2006-12-26 06:31 作者: Wood_Lee 原创 出处: 天极设计在线 责任编辑:Shiny

点击查看更多精彩网页设计技巧

  今年推出的新操作系统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页:细节表现
  • 共2页。 1 2 :
    网友关注
    最新上市
    编辑推荐
    欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml