教你制作Windows Vista风格按钮

q785740181

q785740181

2016-03-18 06:01

今天图老师小编给大家展示的是教你制作Windows Vista风格按钮,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

本教程是关于用photoshop制作Windows

转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮,及图层样式和图层叠加来表现按钮的质感。

最终效果图  


1、新建一个图像文档(快捷键Ctrl + N),背景色为#2a2a2a,宽度和高度依自己需要而定。  

Tulaoshi.com
2、从工具栏选择圆角矩形工具(快捷键U),在选项栏设置其半径为5像素,颜色为黑色,绘制类似如下形状的图形:  


3、将“形状1”图层重命名为“按钮背景”,在空白处双击,打开图层样式对话框。给图层应用“外发光”、“内发光”、“渐变叠加”、“描边”等样式。具体设置如图所示:

  (1) “外发光”图层样式参数设置:

(2)“内发光”图层样式参数设置:  


(3)“渐变叠加”图层样式参数设置:  

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)


其中渐变色三处色标的颜色分别是:#148791 #000f1b #000f1b,如图所示:  


(4)“描边”图层样式参数设置:  

应用如上图层样式后,我们将得到如下效果:  


4、新建一个图层,并命名为“光泽”。从工具栏中选择“矩形选框工具”(快捷键M),绘制如下所示的选区。  


5、现在我们要得到按钮部分的选区。按住Shift + Ctrl + Alt键不放,用鼠标点击“按钮背景”图层的“图层缩览图”图标,即得到按钮部分的选区。  


得到按钮部分的选区。  

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

6、从菜单中选择“选择 - 修改 - 收缩”,收缩量设置为1像素,将选区缩小1像素。  


7、点击选择“光泽”图层,使用白色 #ffffff 填充选区,Ctrl + D 取消选区。在图层面板上,将不透明度降低为20%。这样,一款漂亮的质感按钮就制作完成了。  


8、最后在按钮上输入所需要的文字即可。注意使文字图层位于“光泽”图层之下,并且根据需要,适当调整文字图层的不透明度。  

展开更多 50%)
分享

猜你喜欢

教你制作Windows Vista风格按钮

PS PS基础 ps平面设计教程 ps去水印教程
教你制作Windows Vista风格按钮

photoshop制作vista风格按钮

PS PS基础 ps平面设计教程 ps去水印教程 vista系统
photoshop制作vista风格按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

打造Vista风格按钮

PS PS教程 vista系统
打造Vista风格按钮

Photoshop图层样式快速打造Vista风格按钮

PS PS教程
Photoshop图层样式快速打造Vista风格按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS制作vista风格文字

电脑网络
PS制作vista风格文字

PS制作水晶风格按钮

PS PS基础 ps平面设计教程 ps去水印教程
PS制作水晶风格按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作立体动感按钮

Photoshop制作立体动感按钮

PS制作常用水晶按钮

PS制作常用水晶按钮
下拉加载更多内容 ↓