就下载 —— 安全下载、无毒手机软件、绿色软件官方下载网站最近更新|下载排行|热门标签|收藏本站

您现在的位置是:就下载 > IT资讯 > 软件教程 > PS按钮制作高级教程之制作左侧导航按钮

  本教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美,利用图示图形来制作提示效果,感觉非常的生动。

  最终效果

PS按钮制作高级教程之制作左侧导航按钮

  1、首先我们在PS里新建一文件,大小为 500x500px,白色背景。

PS按钮制作高级教程之制作左侧导航按钮

  2、使用圆角矩形(半径为10px),绘制我们的质感图标的轮廓。

PS按钮制作高级教程之制作左侧导航按钮

  3、随后我们使用钢笔工具为每条边的中点增加一个矢量点,随后用直接选择工具将四条边的中点向外拖动一点距离,目的是让图形轮廓感觉更圆润。

PS按钮制作高级教程之制作左侧导航按钮

  4、为轮廓使用图层样式。

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮 

PS按钮制作高级教程之制作左侧导航按钮

  5、加上样式后的效果。

PS按钮制作高级教程之制作左侧导航按钮

  6、按ctrl+j复制图层,将复制出的图层上的图层样式全部去掉,然后按ctrl+t将复制出的图层缩小到原来的94%左右。

PS按钮制作高级教程之制作左侧导航按钮 

  7、随后为复制出的图层添加如下新样式:

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮 

  8、再次按ctrl+j复制图层,去掉其上的图层样式,随后按ctrl+t缩小到原来的93%大小,之后用直接选择工具拖动上面的矢量路径节点,使其变成如下形状:

PS按钮制作高级教程之制作左侧导航按钮

  9、随后栅格化图层(在图形上按鼠标右键选栅格化图层),并将其填充为白色:

PS按钮制作高级教程之制作左侧导航按钮

  10、从右向左制作渐变效果,并设置不透明度,使其能出现如下效果:

PS按钮制作高级教程之制作左侧导航按钮

上一篇:PS按钮制作高级教程之美女水晶按钮

本文地址:软件教程 >> http://www.9xz.net/it/ruanjianjiaocheng/26434.html

下一篇:PS滤镜基础教程之内置滤镜:画笔描边

  • 打印
推荐阅读
热门专题
推荐内容
热点内容