纳金网

标题: 【原创文章】PS按钮制作教程 [打印本页]
作者: 布丁    时间: 2013-12-21 22:15
标题: 【原创文章】PS按钮制作教程
PS按钮制作教程


    如图是暂停按钮的成品，是不是很可爱，像个小猪的鼻子。这个按钮的制作很简单，现在就开始吧！

图片1.png

1.、新建背景，设置如图，也可根据实际情况进行设置。
图片2.png

2.、新建一个图层，选择选框工具的椭圆选框工具，按Shift键画出一个圆。
图片3.png

3.、将圆填充为灰色。
图片4.png

4.、双击该图层，进行图层样式的设置，添加投影效果。

图片5.png

5.、图层样式，选择渐变添加进行设置。
图片6.png

6.、按Ctrl键，点击该图层，选中选区，点击“选择”→“修改”→“收缩”。
图片7.png
file:///C:\Users\lenovo\AppData\Local\Temp\ksohtml\wps_clip_image-24046.pngfile:///C:\Users\lenovo\AppData\Local\Temp\ksohtml\wps_clip_image-9331.png
7.、收缩量设为5。
图片8.png

8.、使用椭圆选框工具画出如图的半圆区域。
图片9.png

9.、将半圆区域填充为白灰色，如图。
图片10.png

10.file:///C:\Users\lenovo\AppData\Local\Temp\ksohtml\wps_clip_image-17115.png、新建一个图层，在该图层使用椭圆选框工具画出一个黑色的圆，将其填充为黑色。
图片11.png


11.、双击该图层，添加渐变效果，进行如下设置。
图片13.png

12.、添加渐变效果后，如图。
图片14.png

13.、新建一个图层，再画出一个黑色的圆。
图片15.png

14.、新建一个图形，做一个圆，填充为黄色。
图片16.png

15.、双击该图层，添加投影效果。
图片17.png

16.、添加渐变效果。
图片18.png

17.、框选出一个半圆，方法同上。
图片19.png

18.、将半圆填充为白色，将透明度进行设置。
图片20.png

19.、用矩形选框工具画出如图的暂停符号。
图片21.png

20.、将该符号填充为黑色，完成！
图片22.png
    这次给大家讲解的教程还是很详细的，希望大家多多学习哦。也希望大家能够给给我提出一些建议。

作者: run0006    时间: 2014-7-19 08:22
感謝分享!
作者: copland    时间: 2015-1-5 20:22
谢谢楼主发布如此详细的教程，受教了。
作者: linux1989    时间: 2015-1-8 00:38
学习一下 感觉还不错
作者: zxc0254    时间: 2015-1-14 15:02
不错的帖子 赞一个！



欢迎光临 纳金网 (http://www.narkii.com/club/) Powered by Discuz! X2.5