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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
蜡烛图标设计UI教程
0.0°
2014-08-04 好文转载 教程 原作者: 柒染天晴 举报 1243 21 7 0

蜡烛绘制有点类似圆柱体,制作的时候先画好透视线,然后把图形画出来,并简单上色,再根据光源方向渲染明暗及环境光即可。


最终效果

1、雏形:

这里我们使用到矢量工具中的椭圆工具来制作它的雏形。我们都知道蜡烛的形状是一个椭圆形,那么我们先画一个矩形。

2、是的,矩形的样子可以根据你自己的喜好,你印象中的蜡烛样子绘画出来,不要死板。

3、我们在矩形的下面来画一点透视线,首先我在矩形中间垂直做了中线,然后在中线上选出一个橙色点,这个点和矩形的距离跟俯视的角度有关,即角度越大,点离得越远。

4、下面我们使用椭圆工具,先按住Shift键绘制出一个圆形。然后Ctrl + T 变形,将它放到与透视点对齐的地方。如法炮制第二个圆形,我们就得到了两个具有透视的圆形。

5、合并两个圆形并用矩形工具连接它们就得到了蜡烛的形状。我们取出顶部的圆形为单独的矩形,并修改颜色就有了基本的筒状立体感。接着复制顶部的矩形并缩小一些,向上移位自选的一段距离。使用钢笔工具在顶A上连接与顶B的两点。

6、下面我们开始为蜡烛添加颜色和光影,首先我选出靠蓝色的灰色作为背景,那么白色的蜡烛一定也因为环境影响泛蓝色光。

7、我们假设光影从蜡烛的后面打过来,为蜡烛做光影。根据顶A向内略有凹凸,顶B是一个斜面和下面的矩形是一个圆柱体得到结果。

8、上面我们完成了一个基本的蜡烛的制作,但它不是终点,而是一个起点,一个好的设计需要的就是如何让它变得美丽,以及有态度。

更新:2014-08-04

收藏

21人已收藏

iconfans佳佳

写点什么吧

  • 60

    作品

  • 1132

    粉丝

  • 28

    关注

  • 怎样进行图形化字体设计
  • 设计新趋势:Low Poly 低多边形风格!多边形图像生成
  • Photoshop制作华丽大气的游戏主页
  • 如何让字体萌萌哒?
相关标签
图标设计

    猜你喜欢

      2014-08-04 好文转载 教程 原作者: 柒染天晴 举报 1243 21 7 0

      蜡烛图标设计UI教程

      0.0°

      你确定要举报蜡烛图标设计UI教程

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年08月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      21
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录