资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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

来源:常德网站设计 | 2014.03.12

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

预览

第1步:创建Photoshop文档

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

PS教程之制作一个简洁现代的web按钮-常德网站建设,常德网站设计

第2步:创建基本形状

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

PS教程之制作一个简洁现代的web按钮-常德网站建设,常德网站设计

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

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

PS教程之制作一个简洁现代的web按钮-常德网站建设,常德网站设计

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

渐变叠加

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

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

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

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

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

PS教程之制作一个简洁现代的web按钮-常德网站建设,常德网站设计


12年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458