ps设计日历UI图标

来源:站酷 作者:暗暗阿飞 学习:9464人次

原创图标教程,下面仅以简要文字进行分层解说,详细图层样式见附件源文件,希望对观看者有帮助。
ps设计日历UI图标

参考模板下载链接:http://pan.baidu.com/s/1i3tHgc1 密码:tqjp

第一步:用圆角矩形工具新建一个512X512(以下尺寸单位均为像素),圆角为90的椭圆,做为最底层(倒数第一层纸张)。
第二步:椭圆的图层样式  
内发光:混合模式-正片叠底、不透明度45%,颜色#573c1a;
渐变叠加:渐变:左#ededed、中#ffffff、右:#ededed,样式:线性,角度0,缩放100%
投影:混合模式:正片叠底#FFFFFF,不透明度28%,角度90,距离:1,扩展:0,大小:1
可以参考模板加上图层名字为倒数第一页的样式。

ps设计日历UI图标 

第三步:复制一个椭圆图层作为倒数第二层纸张,用直接选择工具选中复制得到的椭圆的底部的四个点,往上移动两个像素高度,此时可以看到有两张纸叠在一起的效果。
第四步:重复第三步得到倒数第三张纸,注意每上面一层的底部都比下一层高两个像素,总共有八层,最后得到下图所示效果

ps设计日历UI图标
第五步:这一步开始做正数第二张纸,即翻页纸的下一张纸的效果,再复制一层倒数第八层的纸张图层(椭圆图层),重复第三步。
第六步:这个椭圆图层的图层样式见附件(正数第2页  图层),效果如下图。

ps设计日历UI图标
第七步:再复制一层正数第二张纸的椭圆图层,并使用钢笔工具画出折角的边边。
第八步:这是正数第一张纸,图层样式见附件(正数第1页  图层),效果如下:

ps设计日历UI图标

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
Tuesday2018-04-08 12:57
附件在哪
673236062@qq.co2014-12-14 10:50
日历
673236062@qq.co2014-12-14 10:12
日历
遗憾没放弃2014-12-14 12:22
老师受教!!
俺是小李庄来的2014-12-13 11:44
老师好利害
阳光下的小妞2014-12-13 11:24
老师受教!
城镇农妇2014-12-13 09:56
谢谢老师
爱你成夢2014-12-13 04:14
效果很好~~~~~~~~支持你
雪岚儿如烟2014-12-13 04:00
照着做了下 效果没老师的好
情用劇毒2014-12-13 01:24
适用,谢谢~
蔡昌吉2014-12-13 09:59
很漂亮
深血坦2014-12-13 06:33
有点不好弄
记忆淩乱不堪2014-12-13 03:50
脱了裤子放屁!
阡陌大地2014-12-13 03:48
照着做了下 每步都能做 但效果没楼主好
颙秂節2014-12-13 03:24
受教

关注大神微博加入>>

网友求助,请回答!