【風農翻譯】畫素寶典 #8 動態模糊、擠壓和拉伸、子彈
這是來自佩德羅・梅代魯斯(Pedro Medeiros,@saint11)授權的一系列畫素美術教程,由風農翻譯整理。
佩德羅・梅代魯斯最為知名的作品莫過於《塞萊斯特山(蔚藍,Celeste)》,不過他持續在網路上釋出的畫素美術教程也同樣相當知名。這裡選擇的教程就是經過風農翻譯整理內容。
相關連結:
Pedro Medeiros@Patreon
風農@indienova
風農@bilibili 專欄
動態模糊
抱歉上週沒有更新,我生病了,想休息一週恢復一下。確實有效果,現在已經好多了!(風農:這老兄身體不行啊。)
這節教程是關於非常重要的特性:動態模糊!儘管我們可以用各種風格,但我還是建議大家觀察一下真實的動態模糊圖片,以及研究一下動態模糊和用相機拍照的原理。這些東西去維基百科最好了!
感謝大家的支援!
這節可以搭配之前翻譯的視訊裡的動態模糊部分一起食用。
擠壓和拉伸
這節是最重要的動畫原理之一:擠壓和拉伸!跟動態模糊很相似,而且合起來用效果很好。
要進一步學習這個的話,推薦看一下 Alan Becker 的這個視訊:
https://www.youtube.com/watch?v=haa7n3UGyDc
風農:b 站已經有搬運的,搜尋:12 Principles of Animation,有好幾個帶字幕的。比如這個:
https://www.bilibili.com/video/av14600364?zw(動畫學術趴譯製)
以及我之前的動態模糊教程(注:就在上面)。
感謝大家的支援
金屬
這期對我來說很有難度,不過研究了一番之後,我覺得還是收穫了很多,在這裡總結一些我感覺特別有幫助的建議。
關於“金屬不會拉伸”這點,注意這是有例外的,如果是有非自然屬性的,或者你想要非常誇張的風格,金屬也可以彎曲拉伸。
感謝大家支援!
子彈
這期是關於子彈的!我從 Vlambeer 的演講裡得到非常多靈感,十分推薦大家看。
螢幕震動的藝術 :https://www.youtube.com/watch?v=AJdEqssNZ-U&t=2071s
(風農:我看了兩眼這個講座忽然想起來,這個東西謎之聲同志曾經介紹過,雖然不是原視訊的翻譯,但是他演示了一下原視訊的內容,大家也可以參考一下。)
https://www.bilibili.com/video/av5199528?zw
畫子彈時候參考其他遊戲也很重要,比如合金彈頭(Metal Slug), 傭兵之王 (Mercenary Kings),挺進地牢(Enter the Gungeon),閃回(Flashback,應該是說育碧的,裡面有寫實的和隱形的子彈),廢土之王(Nuclear Throne)。
感謝大家的支援!
角色空閒動畫
儘管我非常喜歡有彈性的空閒動畫,但還是要注意不要讓角色看起來像是在跳舞,除非你想故意這麼做。
因為空閒動畫不怎麼動,或者會動的很慢,<1 畫素運動就很必要了。之前有個教程。
相關閱讀:
【風農翻譯】畫素寶典 #1
【風農翻譯】畫素寶典 #2
【風農翻譯】畫素寶典 #3
【風農翻譯】畫素寶典 #4
【風農翻譯】畫素寶典 #5
【風農翻譯】畫素寶典 #6
作者:Pedro Medeiros
譯者:風農
來源:INDIENOVA
相關文章
- 【風農翻譯】畫素寶典 #7
- 【風農翻譯】畫素寶典 #6 魔法特效、肖像、飛行特效
- 【風農翻譯】開始畫畫素畫 #8
- 【風農翻譯】畫素寶典 #4 視差、渲染、緩衝、流程
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲
- 【風農翻譯】開始畫畫素畫 #4
- 【風農翻譯】開始畫畫素畫 #3
- 【風農翻譯】開始畫畫素畫 #2
- 【風農翻譯】開始畫畫素畫 #1
- 【風農翻譯】開始畫畫素畫 #7
- 【風農翻譯】開始畫畫素畫 #5
- 【風農翻譯】開始畫畫素畫 #6
- 畫素寶典 #10 四足動物、人走路/輪廓線/風
- 畫素寶典 #11 1-bit、UI、黑暗、模組動畫UI動畫
- 畫素寶典 #14 防禦、鬼怪、槍械、寶石、光照
- 精美畫素畫風 + 道教神仙題材 + 經典 AVG 玩法 = 山海旅人
- 畫素寶典 #13 滑牆、衝刺、宇宙飛船、冰雪、房屋
- 移動前端適配—邏輯畫素和物理畫素前端
- 詞典翻譯 英譯漢
- 有道雲詞典--翻譯/螢幕取詞翻譯
- 畫素風到底是什麼風格
- 原生JS實現拋物線動畫以及動態模糊效果JS動畫
- canvas 1px畫素模糊現象解決方案Canvas
- canvas 1px 畫素模糊現象解決方案Canvas
- 什麼是物理畫素和邏輯畫素?
- 在 CSS 動畫中使用硬體加速(翻譯)CSS動畫
- [翻譯] Flutter 中的動畫 - 簡易指南 - 教程Flutter動畫
- AUTOCAD——拉伸陣列組合動態塊陣列
- [譯] 使用 Flutter 製作 3D 翻轉動畫Flutter3D動畫
- 比譯 for mac - 便捷的翻譯和詞典應用 支援M1晶片Mac晶片
- 遊戲畫素畫風格研究:變遷與發展遊戲
- 畫素畫動畫教程:超級馬里奧動畫
- 這款智慧擠奶器,幫助哺乳期媽媽自動擠壓母乳
- textview - 翻轉動畫TextView動畫