1bit像素畫游戲道具繪制流程分享

大家好，我是 Lucy！

今天想和大家分享一個(gè)我在研究像素畫游戲開發(fā)時(shí)發(fā)現(xiàn)的超棒教程。這是一個(gè)來自《Encounter》游戲開發(fā)者的真實(shí)創(chuàng)作過程，展示了如何從零開始繪制一個(gè)游戲場(chǎng)景里的道具——抽屜里的獵槍。整個(gè)過程非常詳細(xì)，讓我學(xué)到了不少實(shí)用技巧，希望能幫到同樣在摸索像素畫的你！

準(zhǔn)備工作：確定風(fēng)格與需求

在動(dòng)筆之前，首先要明確自己想要的畫面風(fēng)格?！禘ncounter》是一款8位復(fù)古風(fēng)格的偵探冒險(xiǎn)游戲，采用黑白單色調(diào)，分辨率為 240×128 像素。

這次要畫的場(chǎng)景是一個(gè)位于豪宅里的辦公室/私人書房/獵人小屋，里面有一個(gè)帶抽屜的槍柜。玩家可以打開柜子尋找能幫助完成任務(wù)的物品。

根據(jù)游戲劇情需要，作者設(shè)計(jì)了一個(gè)非致命的擊敗反派的道具——一支麻醉槍。這種道具放在獵人小屋里是非常合理的設(shè)定。

尋找參考素材

確定了需求后，下一步就是收集參考圖。作者在圖片搜索引擎上找了一些參考：

這些參考圖包括：

• 適合場(chǎng)景風(fēng)格的抽屜樣式
• 符合1980年代背景的麻醉槍
• 獵用彈藥的參考圖
• 狩獵裝備的分格收納方式

雖然這些參考看起來平平無奇，但為我們接下來的創(chuàng)作提供了很好的基礎(chǔ)。

基礎(chǔ)繪制：確定輪廓

游戲使用的 240×128 像素分辨率意味著這些照片素材都需要大幅修改才能使用。而且照片通常不會(huì)完美對(duì)齊，在高分辨率下可能看不出來，但在低分辨率像素畫中會(huì)顯得很凌亂。

第一步是先把抽屜處理好：

如圖所示，作者先將抽屜照片縮放到 240 像素寬，然后在 Paint Shop Pro 中用黑色在第二層描邊。淺色區(qū)域表示最終可見的 128 像素高度范圍。

繪制槍支

槍支需要完全重繪，但像素畫不太能接受縮放和旋轉(zhuǎn)操作，所以最好在開始真正的像素繪制之前完成所有破壞性操作。

作者的方法是將物品縮小到符合最終畫面比例，在這個(gè)案例中將槍旋轉(zhuǎn)了45度，讓畫面看起來不那么單調(diào)。

然后畫上粗輪廓，并將圖像轉(zhuǎn)為單色。粗輪廓有助于限制抖動(dòng)圖案只在圖像形狀內(nèi)分布，而不會(huì)擴(kuò)散到整個(gè)畫面。

添加內(nèi)容物

現(xiàn)在槍在抽屜里看起來有點(diǎn)孤單，讓我們加點(diǎn)東西。既然這是獵人裝備柜里的抽屜，最合理的放置物當(dāng)然是彈藥或清潔工具。

為了讓畫面結(jié)構(gòu)更有趣，作者把槍移到了畫面中心，并添加了一些儲(chǔ)物格：

光影處理

對(duì)畫面布局滿意后，就可以開始添加對(duì)比度了。在這個(gè)游戲中（說實(shí)話，作者幾乎所有作品都是這么做的），光源來自左上方。經(jīng)過一些填充和圖案復(fù)制后，得到了這樣的效果：

優(yōu)化槍支細(xì)節(jié)

到目前為止，槍支仍然是一個(gè)自動(dòng)轉(zhuǎn)換的圖像。為了讓畫面更精致，作者修正了槍和飛鏢的旋轉(zhuǎn)角度，使其完美對(duì)齊45度方向，形成漂亮的像素線條。

然后在右側(cè)和底部添加了一些抖動(dòng)效果，模擬物品的陰影：

順便還在右下角的抽屜里加了一顆12號(hào)口徑霰彈，并微調(diào)了清潔刷。

最終潤色

作者說這還不是最終最終版本，但目前已經(jīng)夠用了。再繼續(xù)打磨的話，邊際收益會(huì)遞減，不如把時(shí)間花在游戲其他需要關(guān)注的部分。

對(duì)比上一張圖，主要變化是：

• 抽屜上加強(qiáng)了深色線條
• 彈藥背景改為黑色，讓畫面對(duì)比度更強(qiáng)

這就是今天分享的完整流程！

從收集參考素材、確定輪廓、逐步細(xì)化，到最后的光影調(diào)整和潤色，每一步都很重要。

特別讓我印象深刻的是作者對(duì)"完成度"的把握——知道什么時(shí)候該停手，把精力留給下一個(gè)需要改進(jìn)的地方。這種判斷力和效率意識(shí)，是我們每個(gè)創(chuàng)作者都需要學(xué)習(xí)的。

希望這篇分享對(duì)你有幫助！如果你有任何問題或建議，歡迎在評(píng)論區(qū)留言交流～

來源：Pixel art tutorial - Encounter[1] by DefenceForce

參考資料

Pixel art tutorial - Encounter: https://defenceforce.itch.io/encounter/devlog/741461/pixel-art-tutorial