iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0
自我挑戰組

2D像素遊戲設計經驗分享系列 第 6

2D像素遊戲開發經驗分享 - 畫圖流程

  • 分享至 

  • xImage
  •  

這裹我會簡單解釋自己的作畫流程。

首先,簡單的圖案我會直接描出邊線外型,再利用油漆桶填色讓她變成實心,之後再在表面加上細節即可。這邊可以利用圖層的鎖定透明像素功能,或者想保留原圖層的話可以使用遮色片功能,避免塗抹到邊線以外。

https://ithelp.ithome.com.tw/upload/images/20230921/20163146YtG2jCMwWu.png
https://ithelp.ithome.com.tw/upload/images/20230921/20163146savYS8HWWT.png

油桶功能需要和描線稿在同一個層試用

https://ithelp.ithome.com.tw/upload/images/20230921/20163146MWCGjlPULT.png

鎖定圖層透明像素後會只能夠編輯有顏色的像素

https://ithelp.ithome.com.tw/upload/images/20230921/20163146MNZ7g5HVXb.png

遮色片圖層會需要建立新的圖層並複蓋在原圖層上

而更複雜的圖,我會先進行資料搜集或者非像素風的設計,讓自己知道所畫的人物或者物品的完整細節,再而去決定如何利用像素風進行簡化。

https://ithelp.ithome.com.tw/upload/images/20230921/20163146nDgWUQYk9e.png
https://ithelp.ithome.com.tw/upload/images/20230921/20163146jqV7foLaHF.png

尋找參考圖後再繪製場景

顏色選擇方面可能會根據每個人的風格選擇而有所不同,整體配色有不少配色網站可以參考。而在之後繪製時,我自己會在固有色下再選每個顏色的一個陰影色,視情況增加高光色,所以是每個顏色會有至少2個不同亮度。

https://ithelp.ithome.com.tw/upload/images/20230921/20163146OkUEcNKTBc.png

人物設計嘗試不同配色後再繪製像素風版本

下一次我們會看看瓦片功能怎樣簡化場景和地圖製作的工作量,以及如何繪製。


上一篇
2D像素遊戲開發經驗分享 - 畫圖基本設定
下一篇
2D像素遊戲開發經驗分享 - 瓦片Tilemap繪製介紹
系列文
2D像素遊戲設計經驗分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言