新闻资讯
新闻动态
网站优化
网站设计
网络营销
 
网站设计 当前位置:首页 >> 新闻资讯 >> 网站设计

photoshop绘制质感导航按钮教程

字体: [  ]  时间: 2015-11-17  浏览量: 2971 次
标签式按钮常常用在附属导航中,线条非常漂亮,效果图如下:
PS绘制质感导航按钮 三联

  按钮具体的绘制步骤如下:

  一、Ctrl+N新建一个文档,580像素宽,290像素高,白色背景,其他选项默认。给前景色选择一种灰色,我这里用的颜色是#898989,使用Alt+Delete键给背景图层填充此颜色。然后新建一个图层,选择圆角矩形工具(U),工具栏上选择路径属性,半径10个像素,在图层中画出路径形状,如下图:

  二、按Ctrl+Enter键将路径转化为选区,选择一种颜色填充。不要取消选区,再新建一个图层,Ctrl+i反选选区,选择矩形选框工具(M),工具属性选择"与选区交叉",框选出圆角矩形选区的左下角,填充为和圆角矩形相同的颜色,Ctrl+D取消选区,这样我们就得到了一个下图中所展示的形状,这个形状将帮助我们来实现标签式按钮的效果。

  如下图:



  三、使用移动工具(V)将做好的转角移动到圆角矩形的右边,按照垂直方向和水平方向拼接好,这里你可以将文档放大,并使用参考线来仔细的对齐。 Ctrl+J将转角图层再复制一层,Ctrl+T自由变换,将图层水平翻转,放到矩形的左下角拼合好。按住Ctrl键将圆角矩形和左右两边的的转角图层都选择上,按下Ctrl+E合并三个图层。

  四、使用放大镜工具将文档放大,用矩形选区工具(M)框选出按钮下方多余的部分,利用方向键仔细调整位置,将多余的部分删除掉,然后按下Ctrl+D取消选区。这样标签式按钮的形状就已经完成了。

  五、最后给按钮根据需要添加质感就行了。这里我做了四种样式的标签按钮,供大家下载。

  前一篇:巧用Photoshop图层蒙板抠出透明物体
  后一篇:如何使网页设计高端大气上档次?
骐秀科技网址:http://www.qxpow.com
关注有礼-微信号
广州骐秀信息科技有限公司湛江分公司,为中小企业网络营销,提供网络营销解决方案及营销型网站建设策划,网站运营管理,在线零售商城建设,网络营销整体推广,网络营销诊断等服务。天河区做网站_霞山区做网站_开发区做网站_赤坎区做网站,湛江做网站公司,湛江企业网站建设,湛江品牌网站建设,湛江高端网站建设,湛江花店网站建设,湛江网站建设,湛江网站整体策划,做网站多少钱,湛江活动策划,活动咨询管理公司.  
地址:湛江市霞山区国贸大厦A座5楼 / 广州天河区科韵北路金豪商务大厦

首页 | 案例 | 新闻 | 关于 | 联系

湛江网站建设公司骐秀科技版权所有 粤ICP备14083493号-1 粤公网安备 44010602000562号
电话:13760849771 蔡先生