icon小教程之图标细节的绘制(转载自腾讯,犀利呀,哥都没信心了)

说明:这是一篇转载自腾讯 CDC 的博客,太犀利了,虽然细节上还差些,可是这也很给力了。哥都没信心作下去了,你们都来围观围观吧。app


今天经过一个简单的game图标的绘制教程,和你们分享在绘制过程当中细节的处理和一些画图标的心得,好的,咱们开始吧!框架

Step1
首先要定好图标的透视,这是很是重要的,这关系到图标的总体美感,透视自己也能够很好的表现图标的细节,为了透视的真实,能够经过3D软件或者平面软件中的一些的透视功能来实现。总体框架搭好,开始接下来的绘制。url

Step2
先大体的铺上一层"控制板"的颜色,这里须要注意一些基本的光影渐变,以及边缘的处理。spa

Step3
这一步咱们将经过一些光影效果来刻画"控制板"的结构,主要是强化一些重点区域的光线效果,好比面板玻璃的光泽和外框的金属质感,固然还有边缘细节的处理,硬朗的边框也是质感表现的重要部分。orm

Step4
添加高光,表现面板玻璃的质感,对底部进行一些光线的细节绘制。blog

Step5
为了使面板更丰富,能够绘制四颗螺丝来变现一些真实性。而后能够绘制一些面板内部的边缘结构来表现玻璃的半透明效果,至此,"控制板"初步完成。
注:由于四颗螺丝是同样的,建议你们把画好的螺丝转换为智能图层再复制,这样能够很方便的编辑它的样式,还能随意调整尺寸,避免失真。教程

Step6
接下来画摇杆和按钮,仍是和Step1同样,构建好透视,绘制出结构。ip

Step7
上色,完成基本结构光线和颜色的区域划分。get

Step8
强化手柄把头以及摇杆的光效,突出各个部分不一样的质感,注意一些添加投影的部分。博客

Step9
细节的绘制:
a.丰富手柄把头的反光
b.刻画底座金属环的质感和边缘的结构
c.丰富底座的反光及边缘细节

Step10
控件基本完成,如今能够合起来进行一些调整,如位置、大小和玻璃面板上的反光。
注:绘制诸如高反光球体这类在局部区域包含丰富样式的物体时,建议你们多用剪切蒙板,这样能够节省对边缘的繁琐处理工做,又能够很方便的调整样式层的大小及位置。

Step11
面板看上去还有点空,咱们能够丰富一些细节,例如控制板内部能够添加一些结构,同时还增长了玻璃通透的质感;添加一个logo,使图标更具真实性。至此,整个图标基本绘制完成。

 

Step12
最后一步能够从总体对图标进行调整,完善一些细节的地方,例如手柄把头的反光和在面板上的投影。

哦耶!整个图标绘制完成。

到这里差很少介绍完了,主要是本身画图标时经常会注意到的一些细节地方,写的有些草率,但但愿能对你们有些小帮助。

  • (本文出自Tencent CDC Blog,转载时请注明出处)
相关文章
相关标签/搜索