网 校 推 荐
  你的位置:网校首页 >> 技术专栏 >> 设计在线 >> 正文
用图层样式来制作按钮
来源:chinaui 时间:2005年5月20日14:17
按钮,是界面设计中常用到的一个元素。老实地说,这并不是一个什么新鲜的教程,但是这里却有一个利用图层样式来制作的简单的方法。如果你想学,我们就一起来吧!

 

 

 

 

 

新建一个150*150的文件,白色背景。建立一个新层,设置你的前景色为#338FCE。

接着选择“圆角矩形工具”

相关参数如下图:

然后在画布中央点上一点,做出如左图的图形。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

下面,开始给这个按钮,加上图层样式,首先加上投影,相关参数如下图:

接着加上内阴影,相关参数如下图:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

内发光处理,相关参数见下图,值得注意的是,我们需要重新设定“品质等高线”同样如图所示:

下一步,我们要给它加上高光,选择“斜面和浮雕”相关参数如下图

 

 


选择“等高线”进行如下参数设置:


到这里为止,你已经完成了图层样式的设置,不要忘记保存哟,以便下次继续使用。

 

下面我们来让按钮看上去效果更好一些,给它加上一点淡淡的阴影,这是很容易做的一步。

按住Ctrl并且点击这个包含按钮的图层,以便选中它。依次选择“编辑” >“合并复制”(Edit>Copy Merged),然后新建一个层,并把它放到原来的按钮层的下面。再依次选择“编辑”>“粘贴”(EDIT>Paste), 现在你几乎看不出有任何的变化,不过不要紧,还没完成。

依次选择“滤镜”>“模糊”>“高斯模糊”(Filter>Blur>Gaussian blur ) 输入模糊半径为 6 象素

现在选择“移动工具”,然后按键盘上的方向键来确定阴影的位置。这里随便你设置,只要你觉得好就行,然后加上文字,此时的效果如左图。

 

 

如果你想让你的按钮是灰色调的,那么还有个简单的方法,进入通道面板,看看蓝色通道,是不是就是那个银灰色调啊?将蓝色通道复制一下,删除其他的通道,然后再保存,看看,这是不是就是你想要的银灰色呢?是不是很简单呢?呵!(保存前,先转换为灰色模式)

 

希望这篇教程能够对你有所帮助,如果你有疑问,请访问Chinaui.com的官方论坛,以便得到技术援助。如果你有更好的方法,请同样在论坛中留下你的身影。千万不要吝啬时间和技术啊。呵!:)

(编辑:wubin)

发表评论】【关闭窗口
热门链接: