当前位置：软件学堂 > 资讯首页 > 软件教程 > 图形图像 > PS制作网站导航圆角凹边按钮实例教程

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

2012/10/3 17:24:40作者：佚名来源：网络

移动端

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

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

圆角矩形

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

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

水平翻转按钮

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

圆形矩形组合

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

导航按钮

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

导航圆角凹边按钮

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

网站导航圆角凹边按钮

好了，以上就是利用PS制作网站导航圆角凹边按钮实例教程的全过程，希望对你有所帮助。

标签：导航实例按钮

上一篇：PS制作一个简单的背景底纹教程
下一篇：什么叫电子邮件地址

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

营销及推广办公软件图形图像视频音频系统教程行业软件

推荐教程

精品软件推荐

360安全卫士

讯飞输入法