畫素寶典 #10 四足動物、人走路/輪廓線/風
這是來自佩德羅・梅代魯斯(Pedro Medeiros,@saint11)授權的一系列畫素美術教程,由風農翻譯整理。
佩德羅・梅代魯斯最為知名的作品莫過於《塞萊斯特山(蔚藍,Celeste)》,不過他持續在網路上釋出的畫素美術教程也同樣相當知名。這裡選擇的教程就是經過風農翻譯整理內容。
相關連結:
Pedro Medeiros@Patreon
風農@indienova
風農@bilibili 專欄
四足動物走 / 跑
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/9b28a957c7b97958a0a1242e559606e73c5bbc65cd1b5a08a9f7ecc486fdb540.gif)
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/bb0734d21f4870f838329c0142b2869a24e5bd7698e11d2106242a7aae4ab187.gif)
這節估計是我做過的最複雜的教程之一了。如果你要學著畫一個四足動物的行走迴圈,你需要先畫一個兩足的行走迴圈,再複製一份,然後把時間偏移 25% 左右,取決於你想要達到的風格。
四足動物非常複雜,他們可以走,小跑,快跑,快走,還有其他很多的運動風格,每種都有完全不同的模式。
這裡是一些可以參考的連線:
Cartoon Animation 這本書裡有很多例子(迪士尼風格動畫書)
https://www.amazon.com/Cartoon-Animation-Collectors-Preston-Blair/dp/1560100842
Muybridge 這裡有很多動物照片,如果你需要直接參考源頭的話。
https://www.flickr.com/photos/boston_public_library/4326088114/in/album-72157623211636679/
Rocket 5 Studio 的教程(連結已經打不開了)
http://www.rocket5studios.com/tutorials/approaches-to-animating-quadrupeds-the-walk-cycles
希望對大家有幫助,感謝支援!
輪廓線
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/02f6bb9265fc881c32d2d480d48bc9abccf477ee0e36d1ea29c817071d66a816.gif)
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/be1ebdb9b161dfe1cb7032cbf73f2d00d65e50e0f6a64a911eee9ac7196289dd.gif)
我一般不會在自己的畫素畫裡用太多的輪廓線,因為我畫的解析度都非常低,除了黑色的外邊。我會把這個外邊放到幾乎所有地方,有助於提高對比度和剪影效果。
之前的教程裡還提到過線條的處理方式,可以看看:
畫素畫基礎 2
還有這個教程也可以看一看:
https://kano.me/blog/my-thoughts-on-very-low-resolution
簡單的走路迴圈
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/072c496c723bf6bf8ac83f193282f9d58e42380db14a9b1edc19a95689d24e71.gif)
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/0c42d80bc5f717f0cf390b1022107765c2f382cee7d1f1e6cefd559f104578b4.gif)
這是我能想到最簡單的走路迴圈了。我畫成了 12 幀長,所以可以很容易的剪成 6 幀的。除了這個之外,其他的走路迴圈我都畫成 8 幀 +2 (10 幀)的,為了流暢性。
圖裡我忘了加的一條建議:先集中在腿上,再考慮手臂,如果你在畫畫過程中感到困惑的話。
如果需要更多參考,這本書是最佳之選:
《原動畫基礎教程(The Animator's Survival Kit )》
風農:這本書真的是很厲害,不想看書的話還有配套的一套講座,b 站有搬運的,帶字幕
https://www.bilibili.com/video/av18114579?zw
星星 / 星球
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/6a0cbe2c0bd0a3f867b4278a4449ec48d906a69a2edc5c100adb85c74cf79e2d.gif)
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/649d5053966f3b37db821e2547b363d6f7c560e77741c4ff39753ca086eddab6.gif)
這是我最喜歡畫的東西之一了,我很喜歡畫背景裡的星星。
畫這些東西時候最需要考慮的是對比度,你必須時刻控制好,還得注意避免噪點。
風
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/0d200f9a108f10042d08f3b55763068d75bf87cc8a12d45cfb5c0d250ead3322.gif)
![畫素寶典 #10 四足動物、人走路/輪廓線/風](https://i.iter01.com/images/5e01d4fb7e24ff93a98f088a75364369fb89ac5df7f37534baab060ef718627c.gif)
終於,到第 50 個教程了!估計這個主題是在投票池裡待的最久的了。
這是我對畫風的理解。我感覺風的動畫是比較難處理的,他在隨機模式和有序模式之間有個詭異的平衡,有時候這個中間點不好找。
感謝大家一致的支援,50 個教程算是個很大的里程碑了,希望我能一直繼續到 100
![](https://i.iter01.com/images/2eb600284bdbd1dbcb76f7b9f60f29458203a647cda6579ef13423b40f52f0da.gif)
相關閱讀:
【風農翻譯】畫素寶典 #1
【風農翻譯】畫素寶典 #2
【風農翻譯】畫素寶典 #3
【風農翻譯】畫素寶典 #4
【風農翻譯】畫素寶典 #5
【風農翻譯】畫素寶典 #6
【風農翻譯】畫素寶典 #7
【風農翻譯】畫素寶典 #8
【風農翻譯】畫素寶典 #9
作者:Pedro Medeiros
譯者:風農
來源:INDIENOVA
相關文章
- 提取圖片中目標物輪廓的畫素尺寸
- 【風農翻譯】畫素寶典 #7
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #6 魔法特效、肖像、飛行特效
- 畫素寶典 #11 1-bit、UI、黑暗、模組動畫UI動畫
- 【風農翻譯】畫素寶典 #8 動態模糊、擠壓和拉伸、子彈
- 【風農翻譯】畫素寶典 #4 視差、渲染、緩衝、流程
- 1218 輪廓線
- 畫素寶典 #14 防禦、鬼怪、槍械、寶石、光照
- 【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲
- P3680 凸輪廓線
- OpenCV計算機視覺學習(8)——影像輪廓處理(輪廓繪製,輪廓檢索,輪廓填充,輪廓近似)OpenCV計算機視覺
- 精美畫素畫風 + 道教神仙題材 + 經典 AVG 玩法 = 山海旅人
- 滑鼠樣式/表單輪廓線
- 畫素寶典 #13 滑牆、衝刺、宇宙飛船、冰雪、房屋
- opencv——輪廓發現與輪廓(二值影像)分析OpenCV
- CSS outline輪廓CSS
- 【風農翻譯】開始畫畫素畫 #4
- 【風農翻譯】開始畫畫素畫 #3
- 【風農翻譯】開始畫畫素畫 #2
- 【風農翻譯】開始畫畫素畫 #1
- 【風農翻譯】開始畫畫素畫 #7
- 【風農翻譯】開始畫畫素畫 #5
- 【風農翻譯】開始畫畫素畫 #6
- 【風農翻譯】開始畫畫素畫 #8
- 小程式拋物線動畫動畫
- 影像輪廓處理
- OpenCV 查詢輪廓OpenCV
- 畫素風到底是什麼風格
- 卡牌+塔防+畫素風《卡迪恩防線》EA正式上線
- 刪除按鈕點選後的虛線輪廓
- 移動前端適配—邏輯畫素和物理畫素前端
- answerOpenCV輪廓類問題解析OpenCV
- 10大經典排序演算法動畫排序演算法動畫
- 貝塞爾曲線的css實現——淘寶加入購物車基礎動畫CSS動畫