畫素寶典 #11 1-bit、UI、黑暗、模組動畫

遊資網發表於2020-03-30
畫素寶典

這是來自佩德羅・梅代魯斯(Pedro Medeiros,@saint11)授權的一系列畫素美術教程,由風農翻譯整理。

佩德羅・梅代魯斯最為知名的作品莫過於《塞萊斯特山(蔚藍,Celeste)》,不過他持續在網路上釋出的畫素美術教程也同樣相當知名。這裡選擇的教程就是經過風農翻譯整理內容。

相關連結:

Pedro Medeiros@Patreon
風農@indienova
風農@bilibili 專欄



1-bit (黑白)

畫素寶典 #11 1-bit、UI、黑暗、模組動畫


畫素寶典 #11 1-bit、UI、黑暗、模組動畫


這個主題很難,不過也是我很喜歡畫的東西。學習 1-bit 的好處是,它對所有型別的畫素畫都很有幫助,比如:

畫素寶典 #11 1-bit、UI、黑暗、模組動畫

取自遊戲《蔚藍》


我給“蔚藍”畫的這些小玩意本質上不算純 1-bit,但是瞭解 1-bit 的畫法對我設計這些有很大幫助。

下面是之前做的對這個主題有幫助的教程:

對於低解析度的理解:
https://kano.me/blog/my-thoughts-on-very-low-resolution




介面 UI:9 分

我決定把 UI 主題分成幾個部分來講,這是第一個。9 分或者 3 分,我認為是任何 UI 的基本元素,是個不錯的學習起點,你可以把它用在差不多任何地方。

下面是我對 9 分和 3 分不同部分的叫法:

畫素寶典 #11 1-bit、UI、黑暗、模組動畫





黑暗

畫素寶典 #11 1-bit、UI、黑暗、模組動畫


畫素寶典 #11 1-bit、UI、黑暗、模組動畫


這節是我對於黑暗的理解,以及如何用很酷的方式使用它。

畫黑暗的東西時,我喜歡迎合觀眾的想象力,只展示必須展示的部分,讓他們自己去腦補畫面的其他部分。

感謝大家的支援,下節見!

破壞物體

畫素寶典 #11 1-bit、UI、黑暗、模組動畫

畫素寶典 #11 1-bit、UI、黑暗、模組動畫


這些是我畫物體破壞動畫時的一些準則。別忘了不同的材料會有不同的效果。

其他一些對這個有幫助的教程:

爆炸

煙霧

模組化動畫

畫素寶典 #11 1-bit、UI、黑暗、模組動畫


畫素寶典 #11 1-bit、UI、黑暗、模組動畫


新一期奉上,模組化動畫

實話說我不喜歡畫模組化動畫。我只在非常大的精靈,或者是會節省非常多時間的情況下會嘗試它。即使它有很多的優點,比如能程式化控制動畫,但還是感覺它比一幀一幀做出來的動畫更僵硬,不自然。

我喜歡的流程是混合手工繪製幀加模組部分,手工處理旋轉。

感謝大家支援:)



相關閱讀:

【風農翻譯】畫素寶典 #1
【風農翻譯】畫素寶典 #2
【風農翻譯】畫素寶典 #3
【風農翻譯】畫素寶典 #4
【風農翻譯】畫素寶典 #5
【風農翻譯】畫素寶典 #6
【風農翻譯】畫素寶典 #7
【風農翻譯】畫素寶典 #8
【風農翻譯】畫素寶典 #9
【風農翻譯】畫素寶典 #10

作者:Pedro Medeiros
譯者:風農
來源:INDIENOVA

地址:https://indienova.com/indie-game-development/saint11-pixel-art-tutorial-11/

相關文章