【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

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

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

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

相關連結:

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


製作瓦片


【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

這期實在不太好做,希望我描述的不是太難懂。

有些軟體對畫瓦片有幫助。

Aseprite 有個功能叫:“View > Tiled Mode > Tiled in Both Axes”, 在畫中間瓦片時非常有用。

Pyxel Edit 也有很多功能用來畫複雜的瓦片集。

Aseprite :https://www.aseprite.org
Pyxel Edit :http://pyxeledit.com

使用 aseprite 的那個 tiled in Both Axes 就應該不需要偏移 50 了,因為上下左右顯示的都是同樣的瓦片,直接選個角改就行了。

缺失內容 #41

編輯按:原系列教程這裡還有一個 #41,但是在風農的系列翻譯中並沒有出現,為了保持系列的完整性,也為了避免有收集潔癖的人抓狂,特單獨列在這裡:

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

布 / 旗子

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

畫旗子的時候注意不要過度的摺疊和加細節,否則會顯得很亂。對於運動,如果不確定就用正弦波動。

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

角色空閒動畫
畫素畫基礎 1&2
<1 畫素運動

場景障礙

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

這期不算是個教程,更像是個參考表,建議在你需要場景障礙的靈感時參考一下。還有,大家可以下載這些 gif 圖逐幀檢視,會更有幫助。

其他有幫助的教程(見往期):

  • 火 Fire
  • 子彈 Bullets
  • 動態模糊 Motion Blur
  • 液體、粘液 Fluids/Slimes
  • 光魔法效果 Light Magic Effects
  • 黑魔法效果 Dark Magic Effects
  • 爆炸 Explosions



【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲

這節是關於雲,本來想講一下各種型別的雲,但還是覺得應該從最基礎雲開始更好點,以後我可以再加一節關於其他的型別。

雲其實非常像煙霧,所以可以看看之前的煙霧教程。

煙霧教程

還有視差和深度這一節,也可以看看。

視差和深度

陰影

【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲


【風農翻譯】畫素寶典 #9 瓦片、旗幟、場景障礙、雲


以上這些簡單的建議都是關於如何畫陰影,以及如何避免模糊的枯燥的陰影。

色相偏移,色帶壓縮都是很簡單有效的處理方式。

如果想更深入的瞭解顏色,可以看看這個超讚的教程:

http://www.writedesignonline.com/resources/design/rules/color.html

相關閱讀:

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

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

相關文章