返回首页

PS制作网站导航圆角凹边按钮实例教程

时间:2017-03-15 13:10来源:知行网www.zhixing123.cn 编辑:麦田守望者

我们常常会看到很多网站导航上会有圆角凹边的按钮,这个是怎么制作出来的呢,我们完全可以利用PS制作网站导航圆角凹边按钮,今天就来通过这个实例教程讲讲整个制作的过程,具体步骤如下:

步骤一、在工具箱中选择“圆角矩形工具”,画出一个圆角矩形框,注意是“圆角”,在下拉菜单下,一定要把对齐像素给选上,通过这样就会画出的图形边缘平滑,然后Ctrl+Enter转换成选区,再用Alt+Delete填充颜色,设置颜色橘色(#eb6100),得到如图所示:

圆角矩形

步骤二、用矩形工具画一个矩形,填充颜色同样是橘色(#eb6100),然后用前面的方法画一个圆角矩形,再把这个矩形做剪切处理,得到如下图形:

矩形

步骤三、选中,再按快捷键(Ctrl+J)复制一份,然后按Ctrl+T变形,右击鼠标,进行水平翻转,如图所示:

水平翻转按钮

步骤四、然后把翻转的图形向左移动,再与前面的那个圆形矩放一起,得到如图所示:

圆形矩形组合

步骤五、把下面二个图形向上移动,得到如图所示:

导航按钮

步骤六、最后选择下面的部分,然后删除掉,得到如图所示:

导航圆角凹边按钮

步骤七、到这里基本完成了,你还可以进行一些质感处理,具体要怎么做就由你来决定了,最终效果如图所示:

网站导航圆角凹边按钮

顶一下
(0)
0%
踩一下
(0)
0%
标签(Tag):photoshop实例教程 photoshop Photoshop技巧 photoshop源代码 photoshop基础教程
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣