前一篇的推文有人提到可以把制作过程还有学习点分享出来,因为自学的过程中有纪录的习
惯,所以决定稍微调整排版后在这里分享其中的第一个阶段 - Pixel Art。如果真的有人很
有兴趣的话,我再陆续地把后面阶段的整理好。希望不会有洗版的问题Orz
想先说一声,个人虽然对于卡面设计有自信,但是画画真的是一窍不通(晚点的图可以看得
出来...)因此这毕竟是个没有美术底子的人在试着自学画画,所以不建议新手照着做,把这
个当成故事来看,避开我做错/绕远路的地方可能会更有帮助。
<为什么纪录画角色的这一段>
和前篇贴文提到的一样,我学Pixel Art的架构是根据这个课程:
https://www.coursera.org/learn/pixel-art-video-games?specialization=art-for-game
s
课程上希望我们交出的作业顺序是:物件 -> 环境 -> 角色 -> 角色动画
前两个阶段虽然对于新手来说已经够难了,但是按照教学试着做做看还是可以完成。但是一
牵扯到角色就真的卡住,也是在这个阶段我才特别停下来研究各种影片,试着找到完成的方
法,而这篇文章就是其中的过程。
<Day 1~4>
https://imgur.com/p55YrvB
羞耻的部份开始了,光是这张图的进程就花了大概4天的时间,相信应该看得出来我不会画
画。
最上面那一排是跟着教学说要从安排形状开始,接着探索角色可能的姿势,但真的好难,脑
中想的跟手上画的完全是两种不一样的东西。即使找了很多海盗的参考图,还是没办法画出
想要的感觉。大概2天过后进入第二排,开始比较抓得到想要的姿势后,就开始进行教学提
到的探索头部设计,这边又再一次的进入瓶颈,对于所谓的探索设计真的非常的没有概念,
所以到后来还是选择跟一开始差不多的长相。
第二排的后半就是第3~4天左右,决定先不要想太多,把角色身上的明暗先安排好,或许会
比较有概念。效果不错,有了明暗之后就对于颜色的安排更有想法了一些,所以大概在第4
天结束的时候完成第三排的第一张成品,算是帮接下来的位图打了底。
<Day 5~6前半>
https://imgur.com/ElxAaR1
接下来就是把上面那张图转变成位图,也就是第三排的右边三张。这三张图花了大概2天
。
第1天都花在前两张图上,主要先是抓整体骨架的感觉(从其中一个推荐Youtube频道学到的)
,虽然抓完之后觉得这角色有点没风格,但当下的想法是至少先画出来,所以就开始把剩下
的部分都一个个点上去。
结果点到最后,把眼睛点上去之后心情整个很差,觉得怎么会这么丑啊,但因为那天时间也
晚了就还是停下来休息。隔天起床之后还是告诉自己不管怎样,都先把阴影画完再说,不要
现在就想着重来,所以还是耐下性子把整个角色的阴影都点完了。然后开始上网四处搜寻点
阵图角色的眼睛,看了不知道多少双眼睛之后终于把眼睛的样貌给定了下来,时间就这样即
将迈入第7天。
<Day 6后半>
https://imgur.com/kP11Lgk
这时心里想的是“角色基本上完成了,接下来可能要试着弄动画”,成品就是现在这张,虽
然离好看还有很大一段距离,但是那时的我觉得还可以接受了。因为上的课程有教作业的时
间限制,所以就先把这张图教了出去。在开始准备动画之前想说先放进之前的背景里看看,
不知道感觉对不对。
https://imgur.com/4sApKXB
结果就是一场悲剧
1. 看不到角色,更看不到角色的武器
2. 颜色既不搭又不突出,跟背景也不融合
3. 角色边界不明显,那个宝箱都清楚的多
4. 角色跟其他东西的大小比例有够诡异
5. 整个画面完全无法传达我自己想要的感觉
所以从这一刻起我决定整个打掉重做
<Day 7>
经过整理之后我对于这整个失败做出的总结是:极度缺乏事前规划
直到第6天为止,一直以来我都是想到什么或是课程建议我做什么就画什么,对于整体并没
有很仔细的规划,而且不只是外观上的规划,很多细节也没有注意到。所以第7天的后半段
都在做各种研究,找了各种用Pixel Art的Platformer来研究(例如Celeste)。对于接下来的
角色和装饰,决定至少要先想好:
1. 画布多大
2. 角色的大小
3. Tile的大小
4. 装饰物品的大小
5. 角色与物品的外框呈现规则
6. 整体的颜色规则/分配
所以第7天基本上没有碰电脑,就是拿着纸笔和尺作出各种大小的画布和Tile,四处看看常
见的萤幕比例等等,找找看自己想要什么样的感觉。
<Day 8~9>
https://imgur.com/DDIkv0q
第8~9天就都画在重画角色上,给角色的规则大致上是这样
1. 16px左右的高度
2. 颜色还是尽量仿照旧版的色调,但调整饱和/明亮
3. 整个角色除了脚底外都有黑框
最一开始完成的就是最左下那一张图,基本上就是按照旧版重描一遍的结果。但画完的时候
发现这个大小的角色呈现不了旧版的姿势了,所以必须做出取舍。最后就变成第四排的第二
张图。第二张图是我在抓手上的那把剑到底要在哪个位置看起来最自然,干脆复制三份摆在
一起看。
最后两张就是角色的成品,因为个人偏好最后把它画成了可爱可爱的样子,还有把他的红披
风留了下来,因为想到接下来可以透过红披风在动画中的表现角色的动态。
<Day 10~13>
https://imgur.com/hONVI4H
接下来就是动画的时候了,这四个动画就差不多花了4天的时间。
这次没有一开场就跳进去做了,花了不少时间看了课程外各种Pixel Art动画制作的影片,
想要避免花太多时间在不必要的事情上。做动画这段时间体感上其实是最简单的时候,其中
最难的是左下角的移动动作,两只脚的呈现方式抓了非常久,看了非常非常多的Reference
。而最简单的是攻击,不知道为什么这个动作在抓每一格的动态上特别容易。
中间花了不少时间在做微调,一开始的版本们看起来这个角色都非常的过动,虽然觉得很可
爱但抖得实在太夸张所以还是把他们改掉了XD
<Day 13~16>
https://imgur.com/zfztSUs
角色完成之后就是重画其他部分的时候了,这个部分除了要求自己按照之前的大小规划之外
,过程中一直不断地提醒自己不要画得太细,别抢了角色的风头。这次画起来就比前面轻松
很多,除了变小之外,有明确的规则会避免花一些不必要的功夫在微调上。
从绿色和紫色的Tile画起,接着把之前画过的桶子和宝箱都用新的规则重画了一遍,绝大多
数的物品和Tile都是8x8的大小,因此在画的时候很有趣,要怎么在这么有限的大小和颜色
限制中呈现各个物品真的有很多很多可以研究的。
https://imgur.com/1E4rqsL
最后在处理背景的时候突然想到旧版也有画了不少背景,看看能不能把他们抓出来重新利用
,结果重新调整大小&颜色之后,他们意外地和这个新环境搭的起来。
<结语>
虽然这边写了16天,算上前面的准备&认识工具前后也是过了一个多月。当然成品不是什么
精致的画作,不过这整个过程中收获最大的其实都不在怎么画出Pixel Art,而是中间那个
悲剧般的失败让我知道好好规划的重要性,还有学习如何更清楚的描绘脑海中的“感觉”。
另外也觉得自己更懂的怎么欣赏Pixel Art了,更加佩服那些能用超有限的画布&颜色就可以
画出精采作品的人。