恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
轻质感图标制作教程
0.0°
2017-02-16 原创文章 经验/观点 举报 3457 5 18 0

给大家分享一个图标的轻质感图标制作过程。

Image title

1.在AI中勾画好图标形态以及内容,构图尽量丰富,细节精致。

Image title

2.接着复制到PS中,制作轻质感。

       不管是写实的图标还是轻质感的图标,我们都会用到美术中黑白灰的关系来赋予一个物体有立体的感觉。所以我们先给他一些图层样式,在这里我给了描边,内阴影,外发光,投影,参数如下图。但是在实际中,希望大家尽可能的去微调达到自己想要的效果,记得去掉使用全局光。

Image title

Image title

Image title

Image title

3.调整到下图,这个效果就可以了,在制作的过程中,有些样式虽然只给了数据1个点,但是质感往往就是需要细节的慢慢叠加,才能达到最终效果。

Image title

4.开始制作上面的光感效果,如果需要他有微微凸起的质感,那我们需要灵活的知道哪里需要暗下去,哪里需要亮起来。在这里,我用PS中的蒙板以及笔刷工具的灵活运用,画出我想要的切面,灵活的调整蒙板透明度,笔刷的透明度,以及蒙板的形状。

Image title

制作完成!在这里,我给了2个图层来做亮面的过渡面,这样样从灰面到亮面过渡就不会过于生硬,从而使整个图标有轻微凸起的质感。轻质感制作灵感来源于生活中常见的塑料纽扣,细心观察他的明暗面,我们就可以用软件实现出来。希望大家喜欢。

Image title                                                                                                火星时代教育   卷卷

                                                                                                

更新:2017-02-16

收藏

5人已收藏

原来是鱼卷啊

吃饭睡觉做设计。

  • 12

    作品

  • 59

    粉丝

  • 23

    关注

  • 家校帮-学生端
  • 教育APP-配色设计练习
  • 小学生的作业APP概念设计
  • 一组瑜伽AP界面设计

    猜你喜欢

      2017-02-16 原创文章 经验/观点 举报 3457 5 18 0

      轻质感图标制作教程

      0.0°

      你确定要举报轻质感图标制作教程

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

      0/200

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

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年02月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      18
      5
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录