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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
标签: PS教程
一:点击文件—新建一个文件,模式设置为RGB颜色模式。 二:新建一个透明图层,然后点击圆角矩形工具,设置前景色为蓝色,接着绘制出一个圆角矩形。 三:选择图层—图层样式—混合选项—执行投影和内阴影。 四:继续编辑图层样式,选择内发光;接着选择斜面浮雕。 五:选择—重新选择,然后新建一个图层,填充一个阴影颜色...
标签: 布艺diy 布艺
和祖母花园的六边形拼布不同,包边型六边形在制作单一一个六边形时就将表层、夹层和底层三层合并在一起。 所以在裁剪时我们要为一个六边形裁剪三层料子,其中表层和做夹层的辅棉是和完成的尺寸一样大小,无需添加缝份的。而底层则要在四周拓宽缝份,缝份的宽度视你需要包边的宽度而定,例如完成后的包...
PS制作质感按钮教程 教程使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档。 为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工www.tulaoshi.com具,创建按钮的的主要形状,半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#5...
最终效果图 1、首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式Tulaoshi.com做出来的。看到了吗?都用了那几种样式? 2、有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比...
大闸蟹需要是适当的生活环境,并且在适当的月份才能大量盛产。蟹苗放养以后,每天早晚各巡池一遍,观察蟹子生长及摄食情况,定期对养殖区水质进行检测,发现问题及时处理,盐度:0‰~30‰,适宜温度15℃~30℃,最佳温度22℃~25℃,溶解氧5毫克/升以上,pH值7.5~8.5,氨氮0.1毫克/升以下,硫化氢0.01毫克/升以下,每年9-10这段时...

经验教程

145

收藏

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