教你制作Windows Vista风格按钮
2011-4-11 06:56:19
ps按钮制作
内容摘要:
速读文章内容
本教程是关于用photoshop制作WindowsVista风_网页教学网网址未加载转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮,及图层样式和图层叠加来表现按钮的质感。最终效果图1、新建一个图像文档(快捷键Ctrl
本教程是关于用photoshop制作Windows
Vista风_网页教学网网址未加载转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮,及图层样式和图层叠加来表现按钮的质感。
最终效果图
1、新建一个图像文档(快捷键Ctrl + N),背景色为#2a2a2a,宽度和高度依自己需要而定。
2、从工具栏选择圆角矩形工具(快捷键U),在选项栏设置其半径为5像素,颜色为黑色,绘制类似如下形状的图形:
3、将“形状1”图层重命名为“按钮背景”,在空白处双击,打开图层样式对话框。给图层应用“外发光”、“内发光”、“渐变叠加”、“描边”等样式。具体设置如图所示:
(1) “外发光”图层样式参数设置:
(2)“内发光”图层样式参数设置:
(3)“渐变叠加”图层样式参数设置:
其中渐变色三处色标的颜色分别是:#148791 #000f1b #000f1b,如图所示:
(4)“描边”图层样式参数设置:
应用如上图层样式后,我们将得到如下效果:
4、新建一个图层,并命名为“光泽”。从工具栏中选择“矩形选框工具”(快捷键M),绘制如下所示的选区。
5、现在我们要得到按钮部分的选区。按住Shift + Ctrl + Alt键不放,用鼠标点击“按钮背景”图层的“图层缩览图”图标,即得到按钮部分的选区。
得到按钮部分的选区。
6、从菜单中选择“选择 -> 修改 -> 收缩”,收缩量设置为1像素,将选区缩小1像素。
7、点击选择“光泽”图层,使用白色 #ffffff 填充选区,Ctrl + D 取消选区。在图层面板上,将不透明度降低为20%。这样,一款漂亮的质感按钮就制作完成了。
8、最后在按钮上输入所需要的文字即可。注意使文字图层位于“光泽”图层之下,并且根据需要,适当调整文字图层的不透明度。
首页
点赞
分享
相关内容
木头风格按钮的制作
网页常用水晶按钮的制作
美女水晶按钮的制作
用PS制作金属质感图标
制作人像网页按钮
播放器按钮的制作
制作彩Se按钮
photoshop制作vista风格按钮
最新发布
简单小狗简笔画 卡斯罗怎么画
艺考
儿童简笔画教程大全
2022/12/7
漂亮的节约用水手抄报
艺考
手抄报模板大全
2023/1/4
立志做人的名言警句_名言警句
艺考
名人名言
2022/12/7
高中走艺考到底好不好 学艺术有出路吗
艺考号
艺考问答
2022/12/4
普通家庭适合艺考吗 一般要花费多少钱
艺考号
艺考问答
2022/12/4
一句话人生语录大全集_经典语录
艺考
经典语录
2022/12/9
专题合集
院校库
专业库
招生章程
招生计划
录取分数
录取原则
收费标准
录取查询
通知书
入学指南
新生数据
就业情况
高考人数
高考报名
高考考试
高考试卷
高考作文
高考查分
各批次线
一分一段
志愿填报
录取安排
投档分数
模拟联考
统考考题
统考查分
统考分数
艺考简章
更多省份
艺考培训
-
设计
-
Photoshop教程
-
ps按钮制作
-
教你制作Windows Vista风格按钮