从零开始独立游戏开发学习笔记(三)--绘画/像素画学习笔记(一)--Drawbox 绘画基础(一)-结束

765 阅读4分钟

2021/10/4 更新:Roadmap 更改,从 drawbox 教程换成 Krenz 的教程。此篇完结。

原文:

出差住酒店ing。

前言

半年前在各种地方搜索像素画系统的学习方案。最终我得出了一个结论:很可能根本没有系统的像素画教学方案。像素画画的好的,往往都是其他画也画的相当不错。像素画本身的知识并不多,就像素本身的那点特性,几节课就能讲完。

  • 一个有美术素养的人,学习像素画之后,能很好地运用自身的知识。知道自己该练习什么,甚至直接上手画。
  • 但是像我这种完全没接触过的人,说实话,我连怎么练习都不知道。是的,像素画我是学过的,一年前我找到 b 站的一个教程。然后对着练习,教程教的很好,我从头练到尾。照本宣科地画了好几个像素画,甚至还包括动画。但是教程结束了之后,真的就是结束了,包括我的像素画生涯都一并结束了。后来我想尽办法也只是照着蔚蓝作者的那几幅图学像素动画。但是,并不能让我静态画的有多好。

经过我不懈地寻找,终于在某一天,在某个不存在的网站上找到某个相关问题,然后有人在评论区推荐题主先看 DrawBox 这个网站(需要正确的上网方式)来练习基础,至少要看个一两课。还说了一些别的,翻译过来大概意思就是:就是无论怎样,像素画的基础都是美术。现在看来这句话太对了,我老是把像素画和其他美术分割开来看。但仔细想想,哪有什么画画技巧是像素画不用学的呢?难道像素画不加光影会好看?不构图会好看?哪有这种事。

当然,这些都是零基础的小白的总结。没有走过弯路,单纯靠思考得出来的结论。如果有会像素画的人看到以上观点,觉得 “不对啊,这和我的经验不一致。”,请务必告诉我。我会十分感谢您的。

1. 直线(Lines)

半年前找到这个网站的时候学了第一节课,讲的是直线的画法。现在大概回忆一下。基本就是:

  1. 画长直线的时候要移动肩膀,而不是手腕。这样能够画出很长,平滑的直线,中间不会有停滞。
  2. smooth 比准确更重要。平滑无停滞一次画完的直线更好。
  3. Ghosting Method:画一条直线前,先用笔在轨迹上方移动几下,等到手感差不多了,再让笔尖触碰画纸,一次性画一个自信地,无停滞的直线。
  4. zigzag 轨迹不要一次性画完,而是拆成多个直线,画到转折点就停下来。然后下一步再画一个直线。

2. 椭圆(Ellipses)

椭圆其实可以看做是 3d 上的圆旋转的时候映射到 2d 上的样子。
image.png 当视角固定的时候,一个圆在面前移动,就是椭圆在不停地发生变化的过程。靠近人眼的时候,degree(椭圆的宽度) 会减少,远离的时候则会增多。 image.png

image.png

2.1 圆柱体(Cylinder)

其实管道的截面应该是一个 degree 不断变化的过程,下图中,上面的截面应该是错误的,真实场景应该像下面这样变化才对。
image.png

2.2 minor axis

椭圆的 minor axis 是将椭圆等分的两条线中短的那条(原谅我画的太烂了)。
image.png

2.2.1 normal vector 与 minor axis 的关系

法线是垂直于一个平面的线: image.png 而反应到 2d 映射中,其实就是 minor axis。

3. 椭圆作业

作业见这里。一定要按照要求来。不要听歌。Ghosting 的时候容易被节奏带偏。

3.1 作业1:Table of Ellipses

先按照纸张那样画一个表格。然后在里面填充椭圆。表格大小要不一样,这是为了锻炼画不同大小的椭圆。可以在表格中间画一条曲线或直线,然后再填充。 要点:

  1. 每个圆尽量和边缘对齐。
  2. 每个圆尽量和其他圆对齐。
  3. 每个圆画两次,也就是画完手不要停,沿着之前的轨迹再来一遍。
  • 第一张:
    image.png

  • 第二张:
    image.png

3.2 作业2:Ellipses in Plane

这里要用到直线作业(which I did half year ago)的结果,可惜我已经扔掉了。因此我还要重新做一次直线作业。

  • 惨不忍睹的第一张: image.png

  • 第二张: image.png

3.3 Funnels

作业要求画一张,但我第一张画的是真的烂,加画两个。

  • 惨不忍睹的第一张: image.png

  • 实在忍不住加画的第二张 image.png