日历图标,设计日历主题UI图标教程(2)

来源:站酷 作者:全栈UI笔记 学习:11163人次

步骤三:

高逼格的底座一下就出来了,有木有!!!接下来继续使用圆角矩形工具、绘制一个398px*398px圆角半径为40px日历,并为它添加图层样式。

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

步骤四:

复制日历图层,将复制的图层移动到合适的位置。

日历图标,设计日历主题UI图标教程_www.16xx8.com

步骤五:

再次复制日历图层,利用形状图层布尔运算,减去顶部,命名为变形图层,并合并形状组件。

日历图标,设计日历主题UI图标教程_www.16xx8.com

步骤六:

我们复制变形图层吧, ctrl+t调整中心点垂直翻转一下,调节高度,右键透视调节合适形状,合并两个形状清除之前的图层样式,并从新添加图层样式吧。

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

日历图标,设计日历主题UI图标教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
Elyvan2020-05-01 04:42
我的作业:我想复杂了,效果也不是很好。。。

杨布布2018-11-28 05:23
我的作业:
怡逸童心2018-11-09 05:56
我的作业:
夏天要阳光XD2017-09-08 05:11
步骤五实现不了啊~复制图层的话不在同一层里进行布尔运算出来不对~复制形状的话只有第一层有混合选项属性~能不能再详细讲下第五第六步,感谢
人生如梦2017-09-03 02:15
这屌毛水平也出教程了甯冩媺寰风毊铔
4Confused2017-08-27 12:30
哦耶
勇强势来袭2017-08-27 05:11
我要好好的学习一下
布拉德皮蛋2017-08-27 02:50
这屌毛水平也出教程了
荀漩2017-08-27 02:20
严重支持···
Mr2017-08-26 02:26
这屌毛水平也出教程了甯冩媺寰风毊铔
在血色夕阳下2017-08-26 01:28
来学习
璀璨年华鹏少2017-08-26 01:23
学习学习
流氓AND教父2017-08-26 10:44
什么鬼?
旧人不在2017-08-26 08:08
来学习了。辛苦了
禾子雪儿2017-08-26 06:31
转了

关注大神微博加入>>

网友求助,请回答!