PS教程之制作一个简洁现代的web按钮

2019-03-18 站长之家 佚名 点击: 评论
天晟网络(CHINAZ com)4月6日编译:本教程在Photoshop中用简洁快速的方法制作了一个灵活的、流行的web按钮,并让大家对PS中的颜色,渐变色,图案等基本操作进行了更深层次

天晟网络小编整理设计教程 > PS教程 > 时看到PS教程之制作一个简洁现代的web按钮,下面有小编23为你找到的30145相关内容希望对你23有所帮助。

新辉网(CHINAZ.com)4月6日编译:本教程在Photoshop中用简洁快速的方法制作了一个灵活的、流行的web按钮,并让大家对PS中的颜色,渐变色,图案等基本操作进行了更深层次地掌握。希望对设计者们有所帮助。

预览

第1步:创建Photoshop文档

该按钮大小(宽x长)170像素x50像素。我们的画布大一点,比如设为600像素x600像素

Create the Photoshop Document

第2步:创建基本形状

用圆角矩形创建一个圆角半径为5像素,大小为170像素x50像素的形状。

Create the Photoshop Document

第3步:为基本形状应用图层样式

按钮的外观主要取决于图层样式,该方式灵活性高,方便日后对按钮进行修改,比如说修改颜色等等。双击图层面板上的基本形状图层即可打开图层样式窗口。

Give the Base Shape a Layer Style

该形状将运用到两种图层效果:渐变叠加和描边。

渐变叠加

色标#1-颜色:#2877ac,位置:0%

颜色#1中点百分比-位置:40%

色标#2-颜色: #87bfe6,位置:95%

颜色#2中点百分比-位置:95%

色标#3-颜色: #c2def1,位置:100%

Gradient Overlay

文章转载请注明来自天晟网络 > 设计教程 > PS教程 >
原文标题:PS教程之制作一个简洁现代的web按钮
原文网址:http://www.timsion.com/photoshop/30145.html

关键词:设计教程 按钮制作 web按钮

上一篇:PS设计教程之制作WordPress新闻博客模板
下一篇:在photoshop中创建一个透明玻璃按钮

免责声明:以上内容来自互联网和用户投稿,不代表本站的观点和立场,版权归原作者所有,如有侵权,请与我们联系。