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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
【UI设计图标绘制教程】 绘制相机主题UI图标教程
0.0°
2018-04-02 好文转载 规范/资料 原作者: 未知 举报 1323 2 3 0

相机UI图标,过程还是比较简单的,仅仅是用图层混合模式解决的,注意光和阴影的处理技巧

效果图预览一下:相机UI图标,过程还是比较简单的,仅仅是用图层混合模式解决的,注意光和阴影的处理技巧Image title

Tips:如果你没有任何基础建议去跟从我们老师从0开始学,远程视频教学,图文的教程适合有些基础的学员,同样只看不做,你永远也学不会,学习效率自身一定要有一个清楚的认知。百度无法给你解决你都不知道如何描述的问题。Image title

首先新建一个500*500像素的画布,快捷键ctrl+N,将横排几竖排参考系拖至画布中心形成一个交点,选择形状工具-圆角矩形工具 属性栏半径我们改为20像素,鼠标放置参考系交

点处,同时按住shift键及alt键,按住鼠标左键向外拖动,按回车键确认 这样就绘制了一个以画布中心为圆心300*300圆角矩形,填充为白色我们要做光和阴影的关系,所以我们打开fx图层混合模式,添加一个投影,具体参数如下【自己分布合理即可,无需死记硬背】Image titleImage title

接着,我们再选择形状工具-椭圆工具,绘制一个200*200像素的圆角矩形  定勾选从中心,这样绘制的园也是以画布中心点为圆心。 更多学习知识,请加UI设计交流群,每天分享免费UI行业知识,与大神们一起共同进步,还可以领取10G学习相关的视频素材,就等你了!Q0群: 450378271
Image title

同样我们也是添加图层混合模式,中心圆我们需要做一个从中间凹下去的感觉,所以我们需要根剧所做的光和阴影去构架,这里我们思考一个问题,光是哪边打过来的,那么近光出是高光,背光处为阴影,那如果是凹陷处,它刚好会有些相反,所以我们要注意事物的原理,并不是随意做光和阴影的。

首先我们添加内阴影,因为根据光的方向,如果是凹面的话在其凹陷边缘肯定是较暗些的,具体参数做参考:Image title

之后我们需要做渐变叠加,上面为阴影,下面为高光;颜色我们选取的是一个白色到暗灰色渐变,作为一个柔和的光到阴影的过度,参数自己调试即可,这样会对知识有一个比较深刻的认识。 更多学习知识,请加UI设计交流群,每天分享免费UI行业知识,与大神们一起共同进步,还可以领取10G学习相关的视频素材,就等你了!Q0群: 450378271
Image titleImage title

最后就是投影了,投影就是物体通过光照留下的影子,这个都好理解

然后再绘制一个正圆,同样按照刚才方法,用椭圆工具绘制从中心开始的100*100像素正圆,这里和刚才的区别就是我们需要将投影加大点参数,渐变叠加方向需要和刚才的相反,内阴影不变 原因是为什么?大家可以思考一下,不要机械的模仿教程。当燃可以添加一个斜面浮雕,看起来就更有质感。Image titleImage title

然后再绘制一个90*90像素正圆,填充白色,为其添加内阴影,这部分就是镜头了,角度不变Image titleImage title

然后再绘制一个85*85像素的正圆,为其填充一个黑色,新建一个图层,这次我们是做镜片部分,镜头我们给他做一个紫色的效果,新建一个75*75像素的正圆,然后选择渐变叠加,选择一个从亮紫色到暗紫色的渐变。Image titleImage title

最后就是做一些点缀,我们用椭圆工具绘制一个一横一竖的椭圆,填充白色,至于紫色圆形内,然后降低不透明度至20左右Image title

最后效果Image title

教程到此就结束了,赶快去练习吧~


更新:2018-04-02

收藏

2人已收藏

  • 3

    作品

  • 0

    粉丝

  • 0

    关注

  • UI设计没有天赋,自学起来真的很难吗?
  • 哪些UI设计师相见恨晚的设计规范!

    猜你喜欢

      2018-04-02 好文转载 规范/资料 原作者: 未知 举报 1323 2 3 0

      【UI设计图标绘制教程】 绘制相机主题UI图标教程

      0.0°

      你确定要举报【UI设计图标绘制教程】 绘制相机主题UI图标教程

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年03月31日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      2
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录