一枚图标设计绘制思路教程

成都/教育工作者/5年前/272浏览
一枚图标设计绘制思路教程
爱课狮

图标的手绘能力如果总是困扰你,或许你需要看看这篇教程学习整理一下自己的思路

想入行游戏设计方向的岗位,游戏UI设计师相比同属游戏2D部门的游戏原画的确会更加“容易”一些。游戏UI设计岗位在专业能力上是需要绘画+平面两方面的结合能力。

为什么是这两个设计能力的结合呢?

在游戏UI中核心工作是两个图标设计界面设计

图标设计是偏绘画方向

界面设计是偏视觉平面设计方向。


为了让大家快速了解和学习我们游戏UI设计岗位的图标设计,今天我们游戏UI图标班主讲千风老师,就为大家演示讲解一组图标的专业绘制流程。

(搬起小板凳认真开始听讲)

↓ ↓ ↓


今天来给大家说说我们在画图标的时候应该有怎样的绘画步骤。

我们以这张图来举例

接下来我们就来看看是如何一步步画出这个图标的。

在绘制图标的时候会分成四个大的步骤,分别是:线稿—平涂—刻画—调整,在每个阶段处理不同的问题可以有效的帮助我们建立正确的绘制流程,以防在画的过程中出现混乱。


1.线稿

首先我会先出一个大致的草图,这里使用块面和使用线起稿都是可以的,在这一步先保证能把脑子里想要的大感觉铺出来,包括一些大的结构和关键性的结构,这时候不需要考虑到非常细致的细节。

这一步将一开始潦草的草稿耐心清线,明确结构和透视。需要注意的一点是,避免在检查线稿设计上花费太多时间,因为有一些问题通过线稿是察觉不出来的,还需要通过加上光影才能明白哪里出问题。


2.平涂

铺色和打光属于绘制步骤的第二阶段

这一步的颜色安排需要确定下来,并且尽量用钢笔勾出造型和块面,因为钢笔做出的边缘会更清晰更精准。然后可以简单的打一个光找大感觉,就像这样。

不同的人有不同的画法,但对于我来说,这一步异常关键,它可以帮我定下大方向,成为我的“指路明灯”。

根据上一步打光分析受光和背光,把块面区分出来,同时也检查一下颜色更细致的安排,在这里我将包边改成了银色。这时候可以加一些简单的渐变。


3.刻画

进入第三阶段的第一件事,我们需要将结构关系统统找出来,比如投影,闭塞。同时我还加了一个背景,这个作用是为了创造一个环境因素在这一步我做了一些倒角,就像这样。

这属于一类丰富结构的小技巧,在我们的VIP课程【游戏UI图标班】课上会讲的更细致。

这里开始将三个发光体明确一下,做成透的质感,将下底面区分开来,这需要稍微脑补一下被遮挡住的块面的形状,就像这样。

(加点底下的块面颜色就可以调出正确的颜色)

继续丰富,倒角,切分,中间的这个类似能量中心的刻画程度也可以跟上。

 

在边缘处也可以加一些不影响大局的机械线条丰富细节,还有一些很弱的切分(有大块面大哥顶着,小块面就可以随便蹭)

开始刻画中心的特效,首先铺最底层,类似环绕的烟雾

根据一开始的草稿定下的旋转样式将特效搓出来,同时不要忘了特效属于光效,所以发光的特征需要补上,这里我习惯使用线性减淡做出发光的光晕(没有光晕的光效是没有灵魂哒)

继续丰富,注意虚实


4.调整

最后调整阶段就可以用上所有可以让画面看起来更炫酷的效果,因为有了前期的基础工作,所以这一步就可以放飞啦

这一步除了加反光,还有叠加晕色,主角“风”,加一些点元素,锐化和微弱故障效果最后加上背景伏笔(空气)收尾。

我在每一步做的事都是根据流程来的,比如在平涂阶段我就专心做好颜色和受光,不会去刻画,这样就可以让自己在做好准备之后面对后续问题,只有后方平稳才能勇敢前进,否则就容易一直在某个阶段磨蹭。

以上就是一个对绘制流程的小思路,希望可以给大家一些帮助。

放个过程视频给各位同学们

4
Report
|
9
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
mmo手游
mmo手游
mmo手游
mmo手游
作品收藏夹
GUI
GUI
GUI
GUI
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in