PS制作网站上常见的圆角凹边按钮制作方法

auras2014

auras2014

2016-03-19 01:52

下面是个简单易学的PS制作网站上常见的圆角凹边按钮制作方法教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

我们经常可以看到此类的按钮,他们一般出现在导航上面,那么我们快速的掌握他们的制作技巧会对我们的“工资”有很大的帮助。老板不是总是要求你又快又好嘛。这里就和大家分享一下,制作这类导航按钮两种方法。不要说那种好,那种不好的幼稚话,关键是你要掌握,举一反三。那我们就开始吧,要求是5分钟学会。

网站上常见的圆角凹边按钮制作方法,图老师

用圆角矩形工具画出一个框子出来,注意哦在右侧“圆角矩形工具”的下拉菜单下,把 对齐像素 给选上,这样可以保证你画出的图形边缘干净,一定要注意哦。

然后CTRL+ENTER把框子变成选区。ALT+DELETE 给这个选区添加上前景色,这里我选择了#eb6100 橘色作为前景色。

网站上常见的圆角凹边按钮制作方法,图老师

第二步是很重要的,不过新君这里的截图不是很细致的说,我还是尽量说的详细点吧。新建一个图层,画一个矩形填入前景色。然后按住CTRL不放点击图层,获取第一图层的选区。然后选择“矩形选框工具”

移动选区到图层2,按下DELETE键删除一部分的矩形。

网站上常见的圆角凹边按钮制作方法,图老师

第三步,复制刚才那个做过的矩形,水平翻转,如图对齐。

网站上常见的圆角凹边按钮制作方法,图老师

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

完工了。你成功了一半,当然这样上去有点单薄。我们可以给这个按钮加入各种的样式,增加它的质感。

下面完成第二种方法也是很多人都在使用的一个种方法。

网站上常见的圆角凹边按钮制作方法,图老师

还是用圆角矩形工具画出一个框子,下面一步很重要哦。用白色的箭头工具,选中左下角的两个节点。这时按CTRL+T

网站上常见的圆角凹边按钮制作方法,图老师

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

关键的到了,我们找到中心点,按住ALT移动中心点到左侧,然后单击右键,选择水平翻转。右侧也是同样的方法。

tulaoShi.com网站上常见的圆角凹边按钮制作方法,图老师

最后给这个框子添加前景色OK,完工。

展开更多 50%)
分享

猜你喜欢

PS制作网站上常见的圆角凹边按钮制作方法

PS PS基础 ps平面设计教程 ps去水印教程
PS制作网站上常见的圆角凹边按钮制作方法

网站上常见的圆角凹边按钮制作方法

PS PS基础
网站上常见的圆角凹边按钮制作方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

水晶按钮的制作方法

PS PS教程
水晶按钮的制作方法

PS游戏网站按钮制作步骤

电脑网络
PS游戏网站按钮制作步骤

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AutoCAD教程:拉升,倒角,圆角制作方法

FLASH flash教程 autocad教程
AutoCAD教程:拉升,倒角,圆角制作方法

常见的物体倒影制作方法

电脑网络
常见的物体倒影制作方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop设计产品展示网页界面设计教程

Photoshop设计产品展示网页界面设计教程

PS设计网页:底纹背景餐饮棕色系网页布局设计教程

PS设计网页:底纹背景餐饮棕色系网页布局设计教程
下拉加载更多内容 ↓