PS新手教程!手把手教你绘制一枚日历图标

2015/10/22 10541

photoshop-create-calendar-icon-1

编者按:给新手的日历图标简化版教程!前两天发了个超精致的日历写实图标,对新手可能有点难度,今天@P大点S微博 来个简化版的,重点就是图层样式咯,过程细致,步骤具体,新手轻松get!

最终效果图:

1cal20151022

首先,新建一个文档,我的是1024*1024。

2cal20151022

在背景层上拉一个径向渐变,颜色如图所示~~

3cal20151022

新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示

4cal20151022

确定后把混合模式改为柔光,透明度30%

5cal20151022

新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择

6cal20151022

双击圆角矩形添加图层样式~,数值如下

7cal20151022

还有内阴影,颜色叠加、

颜色数值如图所示:

8cal20151022

9cal20151022

新建一层,D键把前景背景改为默认,填充白色,执行滤镜-杂色-添加杂色。

10cal20151022

滤镜-模糊-动感模糊,数值如下,接着在两个图层之间按Alt+左键创建剪贴蒙版。

11cal20151022

新建一个小一点的圆角矩形,圆角调整好,居中对齐!颜色无所谓。

12cal20151022

双击图层添加图层样式~斜面与浮雕。

13cal20151022

内阴影。

14cal20151022

内发光

15cal20151022

渐变叠加

16cal20151022

外发光

17cal20151022

现在的效果如图所示:

18cal20151022

新建一个圆角矩形,填充白色,调整好参数和位置:

19cal20151022

双击图层样式添加投影

20cal20151022

新建一层文字层,打上数字,颜色为黑色,调整好位置和大小。

21cal20151022

Alt+v+e弹出水平线对话框,拉出一条水平为50%,一条垂直为50%的水平线,以便我们调整位置。

22cal20151022

复制下方的圆角矩形到最顶层,Ctrl+t调整大小,填充白色,我加了个灰色是便于大家观看。

23cal20151022

并把透明度调整为12%,然后选中三个图层Ctrl+g组合起来。

24cal20151022

复制整个组到右边,调整好位置,如图:

25cal20151022

Ctrl+J复制右边日历下方的白色层,把图层移动到顶部,Ctrl+t调整好大小及位置,然后再Ctrl+t右键选择透视,选中左上角的点按住shift键向左拖动,效果如图

26cal20151022

双击图层添加图层样式

27cal20151022

28cal20151022

29cal20151022

复制一层,右键图层选择清除图层样式,Ctrl+t右键选择垂直翻转,调整好位置:

30cal20151022

Ctrl键加左键单机图层缩略图,执行选择-修改-羽化,数值为10

31cal20151022

新建一层空白层,填充黑色,Ctrl+d取消选区,并且把刚才的的图层隐藏掉。

33cal20151022

选择滤镜-模糊-高斯模糊。

33cal20151022

往上移动一段距离,然后把填充透明度和图层透明度调整下。

34cal20151022

复制文字图层,Ctrl+shift+] 把图层移动到顶层。

35cal20151022

右键图层,选择栅格化选区,然后用矩形选框工具删除下面部分。

36cal20151022

Ctrl+d取消选择。Ctrl+t调整好大小,然后右键选择透视,调整一下透视。

37cal20151022

最终效果:

1cal20151022

【优设九月热门PS教程】

一招提升照片质感的高端手法!
《高端修图手法!仅需一招便可提升你的照片质感》

3步轻松搞定清新色调!
《超赞!后期高手教你轻松3步修出清新色调》

海报设计的教程出来咯!
《PS教程!手把手教你临摹一张绚丽的艺术海报》

作者:年华葬死在

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量102万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/photoshop-create-calendar-icon

界面设计 交互设计师 HTML5 素材 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 设计规范 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里