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

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

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

斜面浮雕,内斜面,平滑,宽度100%,大小6px,角度0度,高度30°,无全局光,柔光,颜色#000000,透明度45%

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

步骤 32

设置前景色至#E6E6E6,选择矩形工具,然后再来创建 60 x 24px的矩形,如图1这样。

选中你得矩形,然后我们来到编辑>变换>变形,然后选择变形里的贝壳形状哦,将矩形变成图2这样子,确定后,再来执行CTRL+T,旋转-45°~

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

步骤 33

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

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

光泽 ,正常,颜色#000000,透明度10%,角度162°,距离18px,大小14px,反相,无消除锯齿。

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

内发光,正常,透明度30%,颜色#000000,柔软,边缘,大小5px

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

内阴影,强光,颜色#FFFFFF,透明度100%,角度-130°,距离5px,阻塞10%,大小3px

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

步骤 34

改变前景色为 #000000,然后选择直线工具,如图1这样画一条直线哦~然后将填充降到0%,Control + [将该图层向后移动一层,放置到图1所示的位置哦 ~再打开图层混合模式,参数设置如下啦 ~酱紫我们就可以让我们的斧头下方阴影更加的自然哟。

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

投影 ,正片叠底,透明度46%,角度120°,距离1px,大小3px

图标设计,制作日常工具图标教程_www.16xx8.com
图标设计,制作日常工具图标教程_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
大神

关注大神微博加入>>

网友求助,请回答!