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

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

(7)为第一页添加日期,今天是30号。将“日期”置于“第一页平页”和“第一页卷页”之间,效果如下:

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

(8)第一页制作完之后,制作撕掉页。首先使用钢笔工具勾出撕掉页轮廓,然后填充路径,并为其添加“投影”效果。(最好画两条不一样的撕掉页,这样比较真实。)如下图所示:

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

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

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

到此,【①日历的卷页】部分制作完成,大概是这个样子的:

UI教程,设计一个日历主题的UI图标_www.16xx8.com
4、日历的夹子和金属环:

(1)日历的夹子(就是红色那个部分):首先新建一个稍稍大一丢丢(几个像素就好啦)的圆角矩形置于最上层。就像这样的。

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

新建一个矩形置于顶层,如下图所示:

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

选择圆角矩形(日历红色夹子)按住shift加选白色矩形,使用“直接选择工具”鼠标右键单击,在菜单栏中选择“减去顶层形状”得到入下效果:

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呜呜>

关注大神微博加入>>

网友求助,请回答!