主题:  金属质感的按钮

蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#12004/4/20 13:02:34
今天做网页时,无意间用photoshop做出来的按钮,贴出来和大家分享一下.第一次写教程,心里还真有点害怕,望各位高手指点.按钮效果如下:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#22004/4/20 13:09:42
首先,把所要制作的按钮的形状画出来,来点阴影. 各参数和效果如下.
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#32004/4/20 13:14:42
继续,在阴影的基础上,进行渐变,各设置的参数如下:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#42004/4/20 13:16:13
此时,按钮变成了这样:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#52004/4/20 13:19:18
进行 satin ,



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#62004/4/20 13:21:18
为了体现金属的质感,进行satin.参数如下:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#72004/4/20 13:23:04
这时,按钮有了质的变化,比以前漂亮多了:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#82004/4/20 13:31:40
浮雕效果,参数如下,此时,这按钮看起来洋气多了
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#92004/4/20 13:32:35

图片如下:



枣枣

职务:普通成员
等级:2
金币:5.0
发贴:354
#102004/4/20 13:35:23
好像不够立体(个人意见)



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#112004/4/20 13:36:13
内部发光,参数如下
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#122004/4/20 13:38:02
此时:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#132004/4/20 13:40:15
最后,来点内部阴影吧,这样可以把金属的感觉体现得更好一点:
图片如下:



蓝色橙汁

职务:普通成员
等级:1
金币:0.0
发贴:84
#142004/4/20 13:42:03
好了,最后,这个按钮就成了这个样子...
图片如下:



马来菜鸟

职务:普通成员
等级:1
金币:12.0
发贴:202
#152004/4/20 15:35:09
無意間做的這麼好啊,,有意間就不得了!