查看: 3598|回复: 4
打印 上一主题 下一主题

[教程] 【原创文章】PS按钮制作教程

[复制链接]

220

主题

3

听众

2871

积分

中级设计师

Rank: 5Rank: 5

纳金币
2618
精华
14

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2013-12-21 22:15:19 |只看该作者 |倒序浏览
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
    这次给大家讲解的教程还是很详细的,希望大家多多学习哦。也希望大家能够给给我提出一些建议。

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏2 支持支持0 反对反对0
踏踏实实做人,老老实实做事!
回复

使用道具 举报

0

主题

1

听众

1174

积分

助理设计师

Rank: 4

纳金币
92
精华
0
沙发
发表于 2014-7-19 08:22:53 |只看该作者
感謝分享!
回复

使用道具 举报

0

主题

1

听众

717

积分

初级设计师

Rank: 3Rank: 3

纳金币
464
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

板凳
发表于 2015-1-5 20:22:00 |只看该作者
谢谢楼主发布如此详细的教程,受教了。
回复

使用道具 举报

0

主题

1

听众

52

积分

设计初学者

Rank: 1

纳金币
0
精华
0
地板
发表于 2015-1-8 00:38:50 |只看该作者
学习一下 感觉还不错
回复

使用道具 举报

0

主题

1

听众

1104

积分

助理设计师

Rank: 4

纳金币
-2
精华
0
5#
发表于 2015-1-14 15:02:32 |只看该作者
不错的帖子 赞一个!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

关闭

站长推荐上一条 /1 下一条

手机版|纳金网 ( 闽ICP备08008928号

GMT+8, 2024-5-2 12:19 , Processed in 0.095952 second(s), 34 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部