当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标设计,制作日常工具图标教程(7)

来源:优设网 作者:ChloeRowe林雅诺 学习:16634人次

步骤 25

将前景色设置为#F6F6F6,选择椭圆工具,建立一个15 x 15px的圆哦,我们再来打开图层混合模式,参数设置如下。

图标设计,制作日常工具图标教程_www.16xx8.com

光泽,正常,#000000,透明度14%,角度50°,距离11px,大小14px,反相,无消除锯齿。

图标设计,制作日常工具图标教程_www.16xx8.com

内发光,正常, 透明度35%,颜色#000000,柔和,边缘,大小2px,范围50%

图标设计,制作日常工具图标教程_www.16xx8.com
图标设计,制作日常工具图标教程_www.16xx8.com

步骤 26

改变前景色 #C1C1C1,使用矩形工具哦,创建一个 2 x 12px的矩形,然后放置好它,就像图1这样。

打开图图层混合模式,然后参数设置如下:

图标设计,制作日常工具图标教程_www.16xx8.com

内阴影,正常,颜色#000000,透明度25%,角度180°,距离1px

图标设计,制作日常工具图标教程_www.16xx8.com
图标设计,制作日常工具图标教程_www.16xx8.com

步骤 27

我们还是使用矩形工具,再来创建一个13 x 2px的矩形,横着放置它,如图1。

打开图层混合模式,参数设置如下:

图标设计,制作日常工具图标教程_www.16xx8.com

内阴影,正常,颜色#000000,透明度25%,角度-90°,距离10px

图标设计,制作日常工具图标教程_www.16xx8.com
图标设计,制作日常工具图标教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
穆紫黎2018-07-28 10:21
真的,更得太慢了。。。
绝版乖乖2018-02-27 11:08
大神
平静的不羁放纵2017-05-28 10:13
谢谢老师 多多学习
平静的不羁放纵2017-05-28 10:13
谢谢老师 多多学习
雨轩2017-05-28 03:05
大神
雨轩2017-05-28 03:05
大神

关注大神微博加入>>

网友求助,请回答!