UI 保姆级教程!如何从零开始绘制奶瓶图标? | 您所在的位置:网站首页 › 家政logo设计图片多少钱一套 › UI 保姆级教程!如何从零开始绘制奶瓶图标? |
前阵子画了一套吉祥物等级徽章,友友们请看: 这篇文章主要跟大家分享[悠悠崽]其中的一个单体元素——奶瓶的画法。想到很多同学都不太清楚玻璃要怎么画,包括我自己也是研究了好一番,于是趁这次机会来分享一下。 往期教程: UI 保姆级教程!如何从零开始制作一个称号牌?今天给大家来分享一个称号牌的制作过程,效果如下: 更多UI设计教程: 第一步 绘制基础造型 称号牌主要分为两个区域,一个是文字底框区域,一个是图形区域,因为文字底框区域比较简单,一个圆角矩形就可以,所以这里我们详细介绍下图形区域。 阅读文章 >来个目录,按需查看(上质感的过程均在 PS 中完成): 画布大小 上固有色 质感表达 添加小修饰 一、画布大小大家在画这种精细度比较高的质感图标、礼物、插画时,画布大小不能建太小,一旦建太小很容易在放大之后就模糊掉了。像我之前就犯了这个错误,最后就是一整个重画。 所以画布建大一点!也方便我们去刻画细节,画质也会更细腻! 我用到的画布大小可供参考:徽章大小 3000*3000,分辨率 300 dpi。 单画这个奶瓶画布大小是 1000*1000 这个阶段能够帮助我们查看整体画面的色彩搭配是否合适,不合适及时调整,调整成本也很小。 上好后,要看颜色与颜色之间的对比度是否拉开了,没拉开就要调整。 像画这个奶瓶里面的牛奶和玻璃壁时,固有色用的都是白色,他们的颜色就有些区分不开。如果保持这个颜色,在后续上质感的过程中就会遇到很大困难,面与面之间很容易融在一起! 而把其中一个调暗,另一个亮起来,暗的那个又会显得有些脏。 所以这里我就把玻璃壁或牛奶的色相改一下,让他们层与层之间区分开来,后续上质感也好上一些。 这里我从整个画面颜色的搭配和占比上,觉得把牛奶的颜色调整为蓝色会更好看。 1. 画玻璃壁 我们先来看玻璃的质感。 玻璃怎么画?找参考!玻璃相关的参考有很多,不同精细度、不同写实度的。 要根据我们现在画的这个质感处在的精细度要求,去选择对应的参考学习借鉴。 像这个阶段的精细度就很合适了,再往上就会偏复杂。 让我们观察参考图中玻璃壁厚度的组成结构: 大概分成三层,且每一层都有亮有暗: 我们运用同样的思路,画玻璃壁,用布尔运算将将边缘光的形状做出来: 然后再往这三层上添加图层蒙版,让每一层都有些地方透出来 接着去塑造玻璃装着牛奶的感觉: 到这里,玻璃壁就画的差不多了,我们接着画里面装的牛奶! 2. 画牛奶 牛奶部分其实就是个圆柱体,按照画圆柱体的方式去画就可以了。 首先画暗部: 其次画亮部:用白色画笔,降低透明度先画出第一层亮色 第二层亮色可以稍微改变色相再加上去,这样做也会使色相更丰富一些。 最后再往暗部加一些些反光,牛奶部分就完工啦 我们再把剩下结构的质感完成: 现在玻璃奶瓶上还是有点空旷,可以想想玻璃瓶上还有什么结构,比如说刻度: 或者是玻璃瓶上的反光: 如果自己没啥想法,也可以看看参考怎么加的,比如说这个参考上,水里就加了一些小气泡: 我们也把小气泡加上,让层次细节更丰富 在画完所有质感后,加好小修饰和细节还能让画面更上一层。 放到整个徽章里的最后的呈现效果: 看完文章后别忘了去练一练,在做到微质感后,如果想要更精细的刻画玻璃的感觉,可以尝试往质感更强的「微写实」去靠近。 菜心¹成都小脑府视觉科技有限公司 优秀设计师 +关注作者![]() 复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。 继续阅读本文相关话题 UI设计 图标设计 奶瓶图标 徽章设计 |
CopyRight 2018-2019 实验室设备网 版权所有 |