恭喜你成为UI中国推荐设计师 （详情）
//百度统计 20220402 uicn
查看全部热门榜单
全部

常用搜索： 作品集AEui设计aigciconlogoapp

您的意见是我们 UI 中国进步的动力！
点击立即反馈按钮，发表您的意见！
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈！
群号：302892100
备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求
取消 发送需求

提交完成
感谢您对UI中国的支持和信赖！
我知道了
普通推荐
超详细的清新半透明扁平图标设计教程
0.0°
2015-12-29 好文转载 经验/观点 原作者： 未知 举报 2571 26 18 0

依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制。 

最终效果

Image title



1、新建大小自定的画布，用形状工具制作圆角矩形。

2、添加图层样式：渐变叠加和投影，参数及效果如下图。


Image title

Image title

Image title





3、分三个图层做中间的形状绘制，其对应图层如下图。

清新半透明扁平图标设计


4、首先看红点标注的2个图层，参数是一样的。

Image title

Image title

Image title



5、正圆形图层样式：内阴影和内发光。

Image title


Image title

Image title




6、将刚才的三个形状选中，然后成组。

7、在组上添加图层样式：投影，如下图。

Image title

Image title



最终效果及其它类似效果：

Image title


更新：2015-12-29

收藏

26人已收藏

分享

sunshineboy

艺术源于生活 高于生活

  • 7

    作品

  • 9

    粉丝

  • 0

    关注

  • 如何从细节上改善网站的交互设计
  • 教你打造超酷炫的德罗斯特效应
  • UI手绘稿为你的设计开个好头
  • 为么线上页面跟设计稿差距这么大？
相关标签

    猜你喜欢

      2015-12-29 好文转载 经验/观点 原作者： 未知 举报 2571 26 18 0

      超详细的清新半透明扁平图标设计教程

      0.0°

      你确定要举报超详细的清新半透明扁平图标设计教程？

      如果查出恶意举报，十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      外链地址：

      对谁可见：

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师
      取消 确定

      添加收藏！
      您还可以进行 分类收藏
      创建收藏夹 确认 取消

      您确认要推荐？

      该作品发布时间：2015年12月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      取消 确定
      18
      26
      0

      删除经验

      您将要删除您的普通推荐大作

      超详细的清新半透明扁平图标设计教程

      在她入驻到UI中国的日子里

      总共吸引了2571位设计师的驻足流连

      总共收获了18位设计师的由衷赞赏

      总共获得了26位设计师的悉心珍藏

      总共引起了0位设计师的深入讨论

      依然要删除吗？

      残忍删除 太可惜,不删了

      账号或密码错误，请重新输入

      账号或密码错误，请重新输入

      账号注册 忘记密码
      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      账号注册
      第三方账号登录