ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7047|回复: 36
收起左侧

[UI设计] 教你设计一个日历UI图标

[复制链接]
发表于 2015-10-29 19:34:59 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
一篇日历UI图标设计教程,教程不算太难,重点是图层样式的运用,过程也算详细,新手赶紧get!有跟着一起做出来的同学记得交作业。最终效果图:

作者:年华葬死在 出处:pdadians
 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
首先,新建一个文档,我的是1024*1024。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
在背景层上拉一个径向渐变,颜色如图所示""

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
确定后把混合模式改为柔光,透明度30%

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
双击圆角矩形添加图层样式",数值如下

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
还有内阴影,颜色叠加、颜色数值如图所示:



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
新建一层,D键把前景背景改为默认,填充白色,执行滤镜-杂色-添加杂色。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
滤镜-模糊-动感模糊,数值如下,接着在两个图层之间按Alt+左键创建剪贴蒙版。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
新建一个小一点的圆角矩形,圆角调整好,居中对齐!颜色无所谓。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
双击图层添加图层样式"斜面与浮雕。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
内阴影。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
内发光

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 19:34:59 | 显示全部楼层
渐变叠加

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-3-29 15:48 , Processed in 0.057494 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表