【ps】米饭工作室教你简单几步打造vista质感按钮

【ps】米饭工作室教你简单几步打造vista质感按钮

网页设计风格千变万化,现如今扁平化盛行,偶尔追求一下质感的华丽风也会设计增加一些新鲜感,下面米饭工作室教就通过 […]

2014-05-13

vista风格按钮
网页设计风格千变万化,现如今扁平化盛行,偶尔追求一下质感的华丽风也会设计增加一些新鲜感,下面米饭工作室教就通过几个简单的步骤,教你你打造windows vista质感风格,半透明的玻璃质感按钮,来尝试一下吧。
1.首先做一个不要太单调的背景,这里我们为背景加了个色差不大的渐变,新建画板,双击图层添加渐变叠加的图层样式,渐变两端颜色值:#3e3d3d、#151515。
渐变背景
2.圆角形状工具画出需要的图形,注意圆角半径大小可根据美观成都调整,这里是10px。
圆角矩形
3.双击图层添加图层样式
外发光:混合模式:正常,不透明度:30,杂色:0,颜色值:#000000,方法:柔和,扩展:0,大小5像素,范围50,抖动:0
内发光:混合模式:滤色,不透明度:50,杂色0,颜色值:8ae9ea,方法:柔和,阻塞:0,大小12,范围50,抖动:0
渐变叠加:混合模式:正常,不透明度100,渐变深色值:#8ae9ea,浅色色值:#2a6976,
外发光内发光
渐变叠加渐变深色
渐变浅色
4.复制图层,按住shift平行向下移动,建立图层蒙版,在图层蒙版上做渐变效果,注意渐变的模式是线性渐变,从黑色到白色,且做渐变一定要在蒙版上进行,调整到最佳效果。
复制图层
图层蒙版
5.最后选择干净清爽的字体打上去就可以了。
加文字
vista风格按钮完成
米饭工作室原创,转载请注明出处。