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

来源:知乎 作者:脱缰的野猪 学习:12934人次

观察”第二页“上有”第一页“的投影,所以,复制一层”中间页“向上移动并为其添加渐变叠加,同事向下做剪切蒙版。如下图所示:

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

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

(渐变叠加是逐渐变亮的,控制好角度就可以啦!)

(6)第二页制作完成后,开始制作第一页。我将第一页分为两个部分制作。如下图所示:

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

首先制作位于下方的”第一页平页“。向上复制”第二页“,关闭”渐变叠加效果“,并作向下作为剪切蒙版。采用”直接选择“工具点选出”第一页平页“的路径,选择”钢笔——添加锚点工具“为”第一页平页“添加锚点。如下图所示:

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

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

添加锚点后,使用”直接选择工具,选中下图四处锚点,并删除,得到效果如下图所示:

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

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

(第一页平页制作完成)

接下来制作“第一页卷页”部分。

使用钢笔工具,描出卷页形状,并填充路径。并添加图层样式。如下图所示。

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

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

得到的效果是这样的:

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
wwws2016-11-13 10:33
爱你 爱你 么么哒
wwws2016-11-13 10:33
厉害了我的哥
蛇精男美照2015-10-27 03:52
条条大斑马2015-10-13 12:34
好开心
真野惠里菜2015-10-09 07:14
<gbz呜呜>

关注大神微博加入>>

网友求助,请回答!