全部素材

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

升级会员,全站资源免费下载

教程介绍如何设计一枚西装主题风格的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页
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

相关标签

ui图标教程
http://new.shejixf.com/shejijiaocheng/uisheji/4962.html
右侧广告

相关推荐