前一篇的推文有人提到可以把制作过程还有学习点分享出来，因为自学的过程中有纪录的习 惯，所以决定稍微调整排版後在这里分享其中的第一个阶段 - 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了，更加佩服那些能用超有限的画布&颜色就可以 画出精采作品的人。 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.229.127.152 (台湾) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/GameDesign/M.1665128018.A.D93.html