像素课堂#2 线条与画面分辨率

作者:Lanka
2016-11-22
67 84 18

引言

像素课堂是一个希望循序渐进地介绍像素画绘制技巧心得的入门向教程系列。本周的讲师依然是 LANKA。

这周我们正式开始介绍一些更具体的内容。本期将介绍线条的基本画法,并和大家分享有关画面分辨率对像素画内容表现影响的心得体会。

线条篇:斜线要直,曲线要曲

线条是最为基本的画面构成元素之一。

我们先考虑如何在像素画中表现直线。水平或垂直的直线没有什么特别需要注意的地方,而斜线,即倾斜的直线,则需要特别小心像素对齐的问题,这样才能保持整洁感,防止由于不对齐的像素让线条显得歪曲,破坏整个画面的协调。

像素画中的斜线实际上会由多个直线线段来构成。为了保持画面整洁工整,斜线多采用固定角度绘制,比如45度。对其他角度的直线,则要求其倾斜角度的正切和余切值为整数,这样,构成像素斜线的每一段直线都能保持等长,在视觉呈现上更加有规则感,看起来更加方直。

如果把像素斜线想像成楼梯,角度越大,楼梯就越陡,每一级的阶梯的长度和高度都反应了楼梯的倾斜角度。当多级阶梯的长高保持一致时,楼梯的倾斜角度看起来才比较一致,所呈现出的线条才比较直,视觉上才比较协调好看。

untitled5

像素画中其实没有真正意义上的曲线。用小方块来拼凑和表现曲线的感觉,确实相当困难。

所以,我们先扯点别,比如,如何在像素画中表现圆。

xxxxxxxxxxxxxxxxxxxxxxxx

上述几个图示都是圆。由于分辨率不同,圆周的表现手法并不一样。

我们可以用若干大小圆的部分圆周来拼接曲线,而圆周在像素画中实际上是通过斜线表现的。因此,像素画中的曲线,实际上就是不同斜率的直线的拼接。

如上所述,像素画中绘制线条的要点可以概括为:“斜线务必直,曲线务必曲”。

在绘制线条时,还有一个细节需要特别注意:线条的宽度选择。参见下图:

untitled6
untitled7

无论对于直线还是曲线,1格宽的效果很不错,2格宽就会显得很“累赘”,因此推荐大家保持1格宽的线条,不要出现重叠的像素。

在构建立体物体时,线条的角度尤为重要,合适的角度能让画面更加整齐。由于并非任意角度都适合绘制限像素风格的线条,因此,有时必须用强迫症的思维方式来规划像素画的内容。

untitled12

untitled13

像素线条规则的通用规则就介绍到这里,希望对大家有所帮助。

分辨率篇:舍弃与概括

使用像素风格进行艺术创作前,应该明确表现诉求,复杂的,多细节的, 紊乱的元素原则上不适合像素表现,如果需要表现精美的多层次的真实细节,也许应该重新考虑是否使用像素风格去进行创作。

像素风格优势就在于归纳简单,整洁流畅,你可以去掉不需要的小细节,留下大的纯粹的结构,这是一种设计思路,如扁平化(注释3)思路一样,在这个装饰过剩的时代,设计越来越追求简洁和直观,在这一点上像素创作也是如此,因为信息变少了,更纯粹了,才能表现的让人更加印象深刻。因此确定自己的设计框架很重要,同样的内容,选择一个合适的风格才可以让他得到升华。

虽然是这样但是像素艺术也没有明确的规定不能表现复杂的物体,只是需要进行合理的整理。这是需要去尝试和分析的。对于尺寸的预判,在开始创作前,你还需要知道你应该基于怎样的分辨率,每一格像素的大小和整体画面的比例,这个环节非常重要,决定你在怎样的细节尺度上进行创作。

不同的分辨率下同一张图呈现出的细节也是不一样的,需要表现的细节越丰富,就需要与之相适应的分辨率去承载。尺度把握非常重要,因为如果创作者能发挥高度概括和浓缩的能力,即使一个像素点也能够表现很多内容。这是只有通过不断实践和积累才能掌握的高级技巧。

untitled

不同画面精细度下的同一角色

举例,下图,在32x32的尺寸下,少女的眼睛重要还是耳环重要呢?

untitled1
untitled2

有所取舍很重要像素毕竟不能表现出一切细节,因此找出重要的点表现出来,并且忽略掉不重要的,这就是概括,盲目的描述细节很多时间会让画面变得混乱 。
这里,对如何选择合适的分辨率,提出两种思路。其一,以小见大,即将构图当中需要表现最细小的东西用至少一个像素来表现,再以此为基准按大约比例画。其二,整体到局部,将构图呈现的主体画出,对细节取舍。

如果孤零零的一个像素点,当然是你说什么就是什么了。只有放入丰富和相适应的背景环境中,才能让基于它的联想合理起来。

像素画虽然表现能力有限但概括能力却很强,正是因为它的这种特点,所以才给欣赏者带来了无尽的想象空间。

比方说,一位名叫 LANKA 的人长得特别丑,图片如下:

11111

然而,通过这张图,完全无法感受到这一点,因为无需表现的细节内容被合情合理地取缔掉了,观众通过脑补甚至能感受到他英俊的面容。

lanka

显然会这样。(误)

因此,像素画能够隐匿不完美的细节,归纳画面细节的优点和特征。这样的特性,使得它在表现反乌托邦题材等需要强烈风格却无需大量细节表现的游戏画面时,格外合适。

说明

由于像素画教程的准备周期会比较长,预计至少两周更新一期。大家有什么意见欢迎反馈,也可以在像素画合绘社区分享自己的学习成果。

近期点赞的会员

 分享这篇文章

Lanka 

也是一个独立游戏制作人 

您可能还会对这些文章感兴趣

参与此文章的讨论

  1. Raven Woody 2016-11-22

    感谢作者,虽然不会画画,但是看得津津有味。

  2. Ene 2016-11-22

    最喜欢这种要点归纳的课程了!直线斜线曲线这块正是需要的!

  3. AlsoRowing 2016-11-22

    非常棒,之前自己总结走了很多弯路

  4. 史莱姆大王 2016-11-22

    哈哈哈哈!
    明明是中指!教学的时候怎么就变成食指了啊喂!
    不要为了教学放弃自己的信念啊!

    • lankaright 2016-11-22

      内容健康向上怎么能如此 @史莱姆大王:内容健康向上,体现核心价值观233

    • lewisice 2016-11-22

      @lankaright:看头像 价值观已崩塌

  5. zytxy1230 2016-11-22

    很棒。学习了

  6. BrotherShort 2016-11-22

    根据我自己的练习,我觉得线条、抖动都好练,作为外行最需要的是色板。介绍色板的教程比较少,我只能用PS的默认色板或者从其他作品上吸。希望有配色方面的介绍。

    最近由 BrotherShort 修改于:2016-11-22 23:28:55
  7. 延静斋孙 2016-11-23

    感谢,十分有用!

  8. pixeldog 2016-11-23

    我很迷这种低像素的作品

  9. AlsoRowing 2016-11-23

    我想问一下,楼主在画之前时候是否会在高像素的文件或者在纸上打草稿,还是说有感觉了就直接就开始点?

    • lankaright 2016-11-23

      @AlsoRowing:根据需要来,有时会这么做

  10. ChristianTam 2016-12-02

    超赞的分享啊,果断收藏学习!

  11. 水瓶座阿斌 2017-01-12

    谢谢分享~~~

  12. 鬼舞者 2017-05-24

    一看这标题,我就猜是不是蓝卡你写的……哈哈哈

  13. Yiiip 2017-07-30

    像素画合绘社区 怎么没了?T_T

  14. 三二 2017-10-10

    封面用别人的图,最好说明一下。不知道的还以为都是你画的……

  15. 大灰er 2018-08-06

    好棒啊啊啊,老师!!

您需要登录或者注册后才能发表评论

登录/注册