Fireworks打造精致播放器水晶图标

  很多人都说FIREWORKS太弱,远不如PHOTOSHOP制作的效果更好,对于我这个对FW情有独钟的“资深网民”来看,关键是要充分掌握软件的使用技巧,加上好的设计思想,用FIREWORKS同样能做出比较精美的图片。近来看到微软官方网站的Windows Media Player 11页面中的‘播放’图标很好的水晶质感效果,特地拿来制作,现在与诸位大侠分享,共同进步。

  1、在Fireworks新建的黑色画布上画正圆形,然后在属性面板中选取‘放射状’效果填充,并且采用四种颜色的过渡,其颜色色值自下而上依次为#FFFFFF、#99FFFF、#0099FF、#000099,但颜色色值为#000099的深蓝色要占的‘席位’多些。这样做的目的是可以丰富图标的色彩表现力。如图。

  2、用钢笔工具绘制一个半圆,以便表现出立体感,将左右端调整出一定的弧度,把下部的曲线选取点上提。如图

  3、在半圆上同样选取‘放射状’填充,颜色全部选择白色,但透明度要选出三个点,其透明度依次为25、63、100,要注意三透明度的位置,靠近中心的透明效果要多些,这样主要是为了渲染图表上面部分的立体水晶效果。如图

  4、为了显示出图标的轮廓,使得效果饱满,再要画出一个空心的圆线,颜色可以选取浅蓝#00CCFF,再将它的透明度调整为40%。如图

  5、下面就是要画中间的三角形,在这里,可以选用多边形工具画出一个多边形,然后调整多边形的相关数值,根据效果自己调试三角形的细节,微软的图标中三角形是直边的,但我这里做了些变化,将其做成带有弧度的边,好象效果更独特些,最后要将三角形进行渐变填充,上面是白颜色,下面可以是浅灰色:#CCCCCC,以白颜色为主。如图

  6、再有,为了增强图标下半部的光感,还须画出个浅蓝色(#33FFFF)的椭圆,并且做高斯模糊效果,值可以选择21,然后放置在圆的下部。如图

  7、最后,要将做好的图标复制出一个,将其全选并组合,然后垂直翻转,来做一个图标倒影。
  到此就将这个质感的水晶图标就制作完成了,其实步骤很简单,主要还是细节的把握和调整,大家可以自己动手,在家里也可以使用自己擅长工具去制作,人人都是“设计师”。

时间: 2024-09-19 09:35:46

Fireworks打造精致播放器水晶图标的相关文章

Photoshop打造小巧播放器

无论你要设计一个应用程序界面.皮肤,或是一个播放器的外观,你会发现,这篇教程中的技巧对你来说都会合用.很明显,我不可能坐在这里,一个字一个字的敲出打造一个界面的所有步骤,因为有些实在是基础的基础.但是,我想,告诉你如何创造一些元件,对你设计一个美观的界面来说,还是有用的. 1.首先,新建一个合适大小的文档.这个例子中,我用的是500×500像素大小的文档,分辨率为72像素/英寸,背景为白色. 如果你觉得在偌大的空白画布上工作有些空荡荡的,那为什么不在图像中贴一副喜爱的壁纸或制造一个简单的背景呢?

Photoshop绘制时尚质感的圆形播放器UI图标

  本教程主要使用Photoshop绘制时尚质感的圆形播放器UI图标方法,今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,喜欢的朋友跟着教程一起来学习吧. 先看看效果图 第一步:新建画布,大小自定,填充一个淡色. 第二步:画一个圆形,大小自定,填充如下. 接上边的数值. 第三步:复制底圆,然后Ctrl+T,调整他的大小,添加图层样式. 接上数值: 第四步:再画一个圆形,调整大小位置. 图层样式数值. 第五步:再画一个圆形,加渐变效果. 渐变数值: 第六步:画一个三角形,填充自己喜

ASP.NET WEB服务和Flash打造MP3播放器

asp.net|web|web服务     昨天装了Flash MX 2004 Pro,看了下介绍,确实增加了不少新的特性,加了不少数据组件,后来感觉ASP.NET开发web服务这么简单,于是突发奇想:我何不用c#和flash做一个播放器呀.下面介绍一下简单的原理. 用c#写一个web服务,把一个指定目录的.mp3文件都罗列出来(主要用System.IO里的一些成员),并添加到一个ArrayList里面,最后把这个ArrayList以Web服务的形式向外发布出去.然后用Flash MX 2004

html5使用Audio标签打造音乐播放器的例子

这个是我们今天的重头戏,也是一切的根源,使用HTML5的audio标签去打造播放器,在用这个之前我们需要了解些audio标签的基本用法. 你可以这样: <audio controls>   <source src="horse.ogg" type="audio/ogg">   <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio

用Fireworks打造精致葡萄酒

  看上去精致漂亮的葡萄酒瓶,其实制作起来非常简单,用fireworks只需几步,就能轻松打造. 首先,用形状工具画出相应的形状,通过这些形状的组合,我们能够得到一个瓶身. 接着,我们开始制作瓶颈,用钢笔工具勾画出半个瓶颈的形状,通过复制-水平翻转,得到右边半个,这样制作的瓶颈看起来对称平整,比完整勾勒的更好.用路径面板中的组合路径拼合他们. 把制作完成的瓶身和瓶颈组合起来,得到完整的葡萄酒瓶子,这里由于在做包装纸的时候我需要用瓶颈部门形状,所以暂时不需要把他们合并路径. 添加高光是很关键的一部

photoshop制作播放器PLAY图标

1.看完了最后效果后,我们来学习它的制作方法:新建一个400*400象素的画布,取名"WMP_logo",参数设置如下图所示. 2.在画布中央位置拉横竖两条辅助线. 3.选择工具栏的圆形工具,在画布中央点位置按shift+alt键画一个正圆,填充深蓝色作为背景(如下图). 分类: PS鼠绘教程 ps图标制作教程

一起谈.NET技术,使用 Silverlight Media Framework 构建自定义播放器

      流媒体已在网络上无处不在.似乎所有人(从新闻站点到社交网络再到隔壁的邻居)都在享受在线视频体验.由于用户群的不断攀升,大多数站点需要以一种值得信赖.用户友好的方式为其客户提供高品质视频,通常为高品质带宽感知 视频.       在线媒体传输体验的核心要素是播放器本身.播放器是用户与之发生交互的介质,它可以驱使用户获得在线体验的每一个要素.播放器如此备受关注,毫无疑问,基于 Web 的现代媒体播放器在实现时势必要比几年前的老款播放器复杂得多.因此,开发人员需要一个稳健的框架来构建播放器

使用 Silverlight Media Framework 构建自定义播放器

流媒体已在网络上无处不在.似乎所有人(从新闻站点到社交网络再到隔壁的邻居)都在享受在线视频体验.由于用户群的不断攀升,大多数站点需要以一种值得信赖.用户友好的方式为其客户提供高品质视频,通常为高品质带宽感知 视频. 在线媒体传输体验的核心要素是播放器本身.播放器是用户与之发生交互的介质,它可以驱使用户获得在线体验的每一个要素.播放器如此备受关注,毫无疑问,基于 Web 的现代媒体播放器在实现时势必要比几年前的老款播放器复杂得多.因此,开发人员需要一个稳健的框架来构建播放器. Silverligh

立即动手尝试-使用Silverlight Media Framework构建自定义播放器

流媒体已在网络上无处不在.似乎所有人(从新闻站点到社交网络再到隔壁的邻居)都在享受在线视 频体验.由于用户群的不断攀升,大多数站点需要以一种值得信赖.用户友好的方式为其客户提供高品质 视频,通常为高品质带宽感知 视频. 在线媒体传输体验的核心要素是播放器本身.播放器是用户与之发生交互的介质,它可以驱使用户获 得在线体验的每一个要素.播放器如此备受关注,毫无疑问,基于 Web 的现代媒体播放器在实现时势必 要比几年前的老款播放器复杂得多.因此,开发人员需要一个稳健的框架来构建播放器. Silver