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

2016-03-19 01:52 74 1 收藏

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160319/1900939.html

延伸阅读
标签: FLASH flash教程
首先我们在制作一个东西的时候我们应该有明确的思路和目标,下面让我们来看看制作思路。 思路:计算出影片的总字节数和正在下载的字节数,将正在下载的字节数除以影片的总字节数并乘以100%获得百分比例,再将其得到的百分数来带动Loading条的滚动。 制作方法如下: 步骤1 打开FLASH,执行"文件---新建"命令或按下CTEL+N建,新建一个文件; ...
ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 ...
PS制作精致推荐按钮 PtulaoShi.comS制作精致推荐按钮
PS快速制作网页按钮 效果图如下: photoshop教程开始www.tulaoshi.com: 第1步: 分辨率1280 x 1024像素创建一个新项目 第2步: 现在选择圆角矩形工具(U)和半径300像素的形状像如下 第3步: 打开图层样式,选择渐变叠加,设置渐变叠加像如下 第4步: 现在选择圆角矩形工具(U)...

经验教程

169

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部