畫素寶典 #11 1-bit、UI、黑暗、模組動畫
這是來自佩德羅・梅代魯斯(Pedro Medeiros,@saint11)授權的一系列畫素美術教程,由風農翻譯整理。
佩德羅・梅代魯斯最為知名的作品莫過於《塞萊斯特山(蔚藍,Celeste)》,不過他持續在網路上釋出的畫素美術教程也同樣相當知名。這裡選擇的教程就是經過風農翻譯整理內容。
相關連結:
Pedro Medeiros@Patreon
風農@indienova
風農@bilibili 專欄
1-bit (黑白)
這個主題很難,不過也是我很喜歡畫的東西。學習 1-bit 的好處是,它對所有型別的畫素畫都很有幫助,比如:
取自遊戲《蔚藍》
我給“蔚藍”畫的這些小玩意本質上不算純 1-bit,但是瞭解 1-bit 的畫法對我設計這些有很大幫助。
下面是之前做的對這個主題有幫助的教程:
對於低解析度的理解:
https://kano.me/blog/my-thoughts-on-very-low-resolution
介面 UI:9 分
我決定把 UI 主題分成幾個部分來講,這是第一個。9 分或者 3 分,我認為是任何 UI 的基本元素,是個不錯的學習起點,你可以把它用在差不多任何地方。
下面是我對 9 分和 3 分不同部分的叫法:
黑暗
這節是我對於黑暗的理解,以及如何用很酷的方式使用它。
畫黑暗的東西時,我喜歡迎合觀眾的想象力,只展示必須展示的部分,讓他們自己去腦補畫面的其他部分。
感謝大家的支援,下節見!
破壞物體
這些是我畫物體破壞動畫時的一些準則。別忘了不同的材料會有不同的效果。
其他一些對這個有幫助的教程:
爆炸
火
煙霧
模組化動畫
新一期奉上,模組化動畫
實話說我不喜歡畫模組化動畫。我只在非常大的精靈,或者是會節省非常多時間的情況下會嘗試它。即使它有很多的優點,比如能程式化控制動畫,但還是感覺它比一幀一幀做出來的動畫更僵硬,不自然。
我喜歡的流程是混合手工繪製幀加模組部分,手工處理旋轉。
感謝大家支援:)
相關閱讀:
【風農翻譯】畫素寶典 #1
【風農翻譯】畫素寶典 #2
【風農翻譯】畫素寶典 #3
【風農翻譯】畫素寶典 #4
【風農翻譯】畫素寶典 #5
【風農翻譯】畫素寶典 #6
【風農翻譯】畫素寶典 #7
【風農翻譯】畫素寶典 #8
【風農翻譯】畫素寶典 #9
【風農翻譯】畫素寶典 #10
作者:Pedro Medeiros
譯者:風農
來源:INDIENOVA
地址:https://indienova.com/indie-game-development/saint11-pixel-art-tutorial-11/
相關文章
- 【風農翻譯】畫素寶典 #7
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #6 魔法特效、肖像、飛行特效
- 【風農翻譯】畫素寶典 #4 視差、渲染、緩衝、流程
- 畫素畫動畫教程:超級馬里奧動畫
- 【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲
- 【風農翻譯】畫素寶典 #8 動態模糊、擠壓和拉伸、子彈
- 裝置畫素、獨立畫素和css畫素CSS
- canvas畫素畫板Canvas
- 掌握web開發基礎系列--物理畫素、邏輯畫素、css畫素WebCSS
- 什麼是物理畫素、虛擬畫素、邏輯畫素、裝置畫素,什麼又是 PPI, DPI, DPR 和 DIP
- 用 CSS 做畫素畫CSS
- 畫素畫——明暗基礎
- 裝置畫素和css畫素簡單介紹CSS
- opencv 修改畫素OpenCV
- 移動前端適配—邏輯畫素和物理畫素前端
- 面試寶典面試
- 《Cracking the Coding Interview程式設計師面試金典》----畫素翻轉View程式設計師面試
- 【風農翻譯】開始畫畫素畫 #2
- 【風農翻譯】開始畫畫素畫 #1
- 【風農翻譯】開始畫畫素畫 #3
- 【風農翻譯】開始畫畫素畫 #8
- 【風農翻譯】開始畫畫素畫 #7
- 【風農翻譯】開始畫畫素畫 #5
- 【風農翻譯】開始畫畫素畫 #4
- 【風農翻譯】開始畫畫素畫 #6
- Java 面試寶典Java面試
- PHP面試寶典PHP面試
- iOS 面試寶典iOS面試
- Layui首個版本釋出,經典模組化前端UI框架UI前端框架
- Python 精靈模組_幀動畫_純畫筆下雪效果.pyPython動畫
- 影像行畫素處理
- 螢幕畫素知識
- OpenGL中的畫素操作
- 實現SLIC演算法生成畫素畫演算法