畫素寶典 #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
- 畫素寶典 #14 防禦、鬼怪、槍械、寶石、光照
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- 畫素寶典 #10 四足動物、人走路/輪廓線/風
- 【風農翻譯】畫素寶典 #6 魔法特效、肖像、飛行特效
- 畫素寶典 #13 滑牆、衝刺、宇宙飛船、冰雪、房屋
- 【風農翻譯】畫素寶典 #8 動態模糊、擠壓和拉伸、子彈
- 【風農翻譯】畫素寶典 #4 視差、渲染、緩衝、流程
- 畫素畫動畫教程:超級馬里奧動畫
- 移動前端適配—邏輯畫素和物理畫素前端
- canvas畫素畫板Canvas
- 精美畫素畫風 + 道教神仙題材 + 經典 AVG 玩法 = 山海旅人
- 【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲
- 《Flutter 動畫系列》組合動畫Flutter動畫
- 用 CSS 做畫素畫CSS
- 畫素畫——明暗基礎
- 掌握web開發基礎系列--物理畫素、邏輯畫素、css畫素WebCSS
- Python 精靈模組_幀動畫_純畫筆下雪效果.pyPython動畫
- 修改畫素
- 什麼是物理畫素和邏輯畫素?
- 畫素畫裡的孤獨
- 【風農翻譯】開始畫畫素畫 #4
- 【風農翻譯】開始畫畫素畫 #3
- 【風農翻譯】開始畫畫素畫 #2
- 【風農翻譯】開始畫畫素畫 #1
- 【風農翻譯】開始畫畫素畫 #7
- 【風農翻譯】開始畫畫素畫 #5
- 【風農翻譯】開始畫畫素畫 #6
- 【風農翻譯】開始畫畫素畫 #8
- opencv 修改畫素OpenCV
- UI 設計師 SVG 動畫進階篇——蒙版動畫(下)UISVG動畫
- 實現SLIC演算法生成畫素畫演算法
- 模擬滑屏動畫動畫
- EggNut暢談如何創作《Backbone》的2.5D反烏托邦黑暗畫素風
- iOS動畫專題·UIView二維形變動畫與CAAnimation核心動畫(transform動畫,基礎,關鍵幀,組動畫,路徑動畫,貝塞爾曲線)iOS動畫UIViewORM