UI设计教程 西服UI图标教程(1)

来源:网络   作者:热心网友   发布时间:2016-09-19    浏览次数:137

教程介绍如何设计一枚西装主题风格的UI图标,效果雅致有型,操作细致,特别提及了很多提高效率的快捷键,很适合练手

最终效果:

UI教程,ps设计西服主题图标实例

新建画布,大小自定。

画一个圆角矩形,大小自定。

UI教程,ps设计西服主题图标实例

Alt +V+E建立参考线

UI教程,ps设计西服主题图标实例

双击圆角矩形图层 调出图层样式,渐变叠加,调一个灰到黑的渐变。

UI教程,ps设计西服主题图标实例

添加投影。设置看图:

UI教程,ps设计西服主题图标实例

内阴影:

UI教程,ps设计西服主题图标实例

Ctrl+J 复制圆角矩形:

UI教程,ps设计西服主题图标实例

右键清除图层样式(不是拷贝的圆角矩形那个图层)

UI教程,ps设计西服主题图标实例

填充调为零。

UI教程,ps设计西服主题图标实例

调出图层样式,添加投影,把图层挖空那个选项勾掉(我把拷贝的圆角矩形眼睛关闭了)

UI教程,ps设计西服主题图标实例

教程未完,请看下一页!


123456共6页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4962.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通