UI 保姆级教程 !如何从零开始绘制奶瓶图标 ?

百科 · 2026-09-05 14:20:04

UI 保姆级教程
!保姆如何从零开始绘制奶瓶图标
?程何从零

前阵子画了一套吉祥物等级徽章 ,友友们请看:

UI 保姆级教程!开始<strong></strong>如何从零开始绘制奶瓶图标
?绘制

这篇文章主要跟大家分享[悠悠崽]其中的一个单体元素——奶瓶的画法。想到很多同学都不太清楚玻璃要怎么画 ,奶瓶包括我自己也是图标研究了好一番,于是保姆趁这次机会来分享一下 。

UI 保姆级教程!程何从零如何从零开始绘制奶瓶图标?开始

来个目录,按需查看(上质感的绘制过程均在 PS 中完成):

  1. 画布大小
  2. 上固有色
  3. 质感表达
  4. 添加小修饰

一、画布大小

大家在画这种精细度比较高的奶瓶质感图标、礼物 、图标插画时,保姆画布大小不能建太小,程何从零一旦建太小很容易在放大之后就模糊掉了 。开始像我之前就犯了这个错误 ,最后就是一整个重画 。

UI 保姆级教程!如何从零开始绘制奶瓶图标?

所以画布建大一点 !也方便我们去刻画细节,画质也会更细腻  !

UI 保姆级教程
!如何从零开始绘制奶瓶图标	
?

我用到的画布大小可供参考 :徽章大小 3000*3000,分辨率 300 dpi  。

UI 保姆级教程!如何从零开始绘制奶瓶图标
?

单画这个奶瓶画布大小是 1000*1000

UI 保姆级教程!如何从零开始绘制奶瓶图标?

二、上固有色

这个阶段能够帮助我们查看整体画面的色彩搭配是否合适 ,不合适及时调整,调整成本也很小。

UI 保姆级教程
!如何从零开始绘制奶瓶图标?

上好后 ,要看颜色与颜色之间的对比度是否拉开了 ,没拉开就要调整。

像画这个奶瓶里面的牛奶和玻璃壁时 ,固有色用的都是白色  ,他们的颜色就有些区分不开。如果保持这个颜色 ,在后续上质感的过程中就会遇到很大困难 ,面与面之间很容易融在一起!

UI 保姆级教程!如何从零开始绘制奶瓶图标?

而把其中一个调暗 ,另一个亮起来 ,暗的那个又会显得有些脏 。

UI 保姆级教程�!如何从零开始绘制奶瓶图标
?

所以这里我就把玻璃壁或牛奶的色相改一下,让他们层与层之间区分开来,后续上质感也好上一些 。

UI 保姆级教程�!如何从零开始绘制奶瓶图标?

这里我从整个画面颜色的搭配和占比上 ,觉得把牛奶的颜色调整为蓝色会更好看 。

UI 保姆级教程

!如何从零开始绘制奶瓶图标?

三、质感表达

1. 画玻璃壁

我们先来看玻璃的质感 。 玻璃怎么画?找参考 !玻璃相关的参考有很多,不同精细度、不同写实度的 。

UI 保姆级教程!如何从零开始绘制奶瓶图标?

要根据我们现在画的这个质感处在的精细度要求,去选择对应的参考学习借鉴 。 像这个阶段的精细度就很合适了,再往上就会偏复杂。

UI 保姆级教程!如何从零开始绘制奶瓶图标�?

让我们观察参考图中玻璃壁厚度的组成结构 :

UI 保姆级教程�!如何从零开始绘制奶瓶图标?

大概分成三层 ,且每一层都有亮有暗 :

UI 保姆级教程!如何从零开始绘制奶瓶图标?

我们运用同样的思路,画玻璃壁,用布尔运算将将边缘光的形状做出来:

UI 保姆级教程	!如何从零开始绘制奶瓶图标?

然后再往这三层上添加图层蒙版 ,让每一层都有些地方透出来

UI 保姆级教程
!如何从零开始绘制奶瓶图标?

接着去塑造玻璃装着牛奶的感觉 :

UI 保姆级教程!如何从零开始绘制奶瓶图标?

到这里 ,玻璃壁就画的差不多了,我们接着画里面装的牛奶 !

2. 画牛奶

牛奶部分其实就是个圆柱体,按照画圆柱体的方式去画就可以了。

首先画暗部:

UI 保姆级教程!如何从零开始绘制奶瓶图标
?

其次画亮部 :用白色画笔,降低透明度先画出第一层亮色

UI 保姆级教程!如何从零开始绘制奶瓶图标	?

第二层亮色可以稍微改变色相再加上去 ,这样做也会使色相更丰富一些。

UI 保姆级教程!如何从零开始绘制奶瓶图标?

最后再往暗部加一些些反光,牛奶部分就完工啦

UI 保姆级教程!如何从零开始绘制奶瓶图标
�?

我们再把剩下结构的质感完成 :

UI 保姆级教程!如何从零开始绘制奶瓶图标?

四 、添加小修饰

现在玻璃奶瓶上还是有点空旷 ,可以想想玻璃瓶上还有什么结构,比如说刻度:

UI 保姆级教程!如何从零开始绘制奶瓶图标?

或者是玻璃瓶上的反光 :

UI 保姆级教程!如何从零开始绘制奶瓶图标?

如果自己没啥想法 ,也可以看看参考怎么加的 ,比如说这个参考上  ,水里就加了一些小气泡  :

UI 保姆级教程!如何从零开始绘制奶瓶图标?

我们也把小气泡加上 ,让层次细节更丰富

UI 保姆级教程!如何从零开始绘制奶瓶图标?

在画完所有质感后 ,加好小修饰和细节还能让画面更上一层 。 放到整个徽章里的最后的呈现效果 :

UI 保姆级教程�!如何从零开始绘制奶瓶图标?

总结

看完文章后别忘了去练一练,在做到微质感后,如果想要更精细的刻画玻璃的感觉,可以尝试往质感更强的「微写实」去靠近。

文章推荐:

赵传巡演舞台首度改版表态 忆张雨生旧事动情首唱《爱的初体验》

牙根管医治时产生发火“断针”应若何措置

挂面拆封两年 ,外子误食后险进ICU 哪些食物最易繁衍黄曲霉素 ?

脾胃虚冷 、阳虚、干冷体质幻想下场该若何喝牛奶 ?看完你就除夜白了

发家视频号,正在戮力进步 ,延续戮力的,创建延续收益

“内调+外护” 医师建议及时存眷孩子暑期用眼

安康科普|防治碘窘蹙病日:若何医治碘窘蹙病

除夜夫解答 :血常例有问题不代表得了白血病

资深武打演员陈不美不雅不雅不雅不雅不雅不雅泰因病弃世 享年80岁!曾主演《马永贞》一战成名

暴食后真有“悔怨药”吗  ?专家:网传编制存安康隐患

焯水不是复杂煮一下 !这6类必须焯水的食物 ,你大年夜大年夜约不时都没焯对

暴食后真有“悔怨药”吗?专家 :网传编制存安康隐患

热门浏览

标签列表