首页 > 教程 > 关键词  > 设计教程最新资讯  > 正文

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

2012-04-06 16:40 · 稿源:站长之家

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

预览

第1步:创建Photoshop文档

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

第2步:创建基本形状

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

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

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

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

渐变叠加

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

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

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

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

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

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: