优艾设计网

教你制作Windows Vista风格按钮

优艾设计网 https://www.uibq.com 2020-09-15 00:00 出处:网络 作者:帅帅伟仔
本教程是关于用photoshop制作Windows Vista风_网页教学网webjx.com转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮,及图层样式和图层叠加来表现按钮的质感。

本教程是关于用photoshop制作Windows

Vista风_网页教学网webjx.com转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮,及图层样式和图层叠加来表现按钮的质感。

最终效果图


教你制作Windows Vista风格按钮


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


教你制作Windows Vista风格按钮


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


教你制作Windows Vista风格按钮


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

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


教你制作Windows Vista风格按钮

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消