全部素材

UI设计教程 扁平化UI图标设计常用的技巧和方法(3)

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


三、 渐变式

步骤 1:

复制圆角矩形图层,然后移动到图层最顶端,填充设置为 0%

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

步骤 2:

使用钢笔工具,删除一些锚点,然后拖移一些锚点到中心,如下图。

Photoshop简单设计四种扁平化设计图标


为复制后的图层添加图层样式,如下(正片叠底 不透明度20% 缩放100%)

Photoshop简单设计四种扁平化设计图标

步骤3:

原圆角矩形图层也如下设置(正片叠底 不透明度10% 缩放100%)

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

四、投影式

这个超级简单,给所有图层添加如下图层样式即可(正片叠底 不透明度20% 距离10)

Photoshop简单设计四种扁平化设计图标

恭喜,完工

Photoshop简单设计四种扁平化设计图标

本教程利用PS讲述了几种扁平化风格的实现,希望你能学以致用,多多实验,开创自己的风格。


本教程完!

123共3页
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

相关标签

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

相关推荐