插畫2019-10-31 23:52

sprite動畫練習

用筆者一貫的大圖縮小法，而不是一個一個像素點。
首先用4倍大小畫各個畫格，以下是一部分畫格。

這是完全無線的畫法。

畫完再縮成需要的大小。只畫了兩個動作：站立和走路。

這個角色帽子左右不對稱，有把面向左邊和面向右邊分開來畫，不像早期很多遊戲，角色向左和向右只是把同一張圖左右相反。

動起來的樣子


製作Cyber Sprite時只有畫過機械類的點圖，主角點圖是找別人畫的，但一直覺得找來的人技術不是很好，所以想自己研究看看人類角色的畫法。
機械是由剛體組成，各部位只有位置改變的變化，但人體有很多可變形的部位如頭髮、衣服、四肢，畫動畫的方法不一樣。

做完的感覺是：有很多要改進的地方，包括人物姿勢和製作工法等等，果然不能第一次做就上手，需要練。
所以這一版不想再繼續畫其他動作了，重新做個更好的。

同時貼在這裡
Gimp-Forum.net
pixiv

---

製作動態圖使用了新方法：WebP格式。這格式改進了GIF只能支援256色、演算法落後的缺點，可以好好利用。
GIMP 2.10.8可以輸出WebP，但在畫格多的時候難以使用。找一下有沒有比較方便的軟體製作WebP……，查了一下沒有找到，決定還是用我的電子妖精：

1. 把角色sprite sheet和背景準備好，叫艾莉兒讓這些圖動起來 (用自製引擎寫個程式)。
2. 艾莉兒一邊執行一邊連續輸出PNG檔，有幾百個frame。
3. 去這邊下載軟體  https://developers.google.com/speed/webp/docs/precompiled
   使用其中的img2webp.exe  使用說明
4. 這是命令列工具，輸入圖檔得用命令列一個一個指定，人工指定幾百個圖檔十分困難，所以叫鈷寶來代勞 (用腳本語言自動產生命令列，再執行img2webp.exe)。

上面的網站也有提供編碼函式庫，如果把它改造成艾莉兒的裝備(直接整合進引擎)，以後製作動態圖會方便很多。