ETH官方钱包

創作內容

11 GP

sprite動畫練習

作者:Shark│2019-10-31 23:52:55│巴幣:22│人氣:1182
用筆者一貫的大圖縮小法,而不是一個一個像素點。
首先用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)。

上面的網站也有提供編碼函式庫,如果把它改造成艾莉兒的裝備(直接整合進引擎),以後製作動態圖會方便很多。
引用網址:http://www.jamesdambrosio.com/TrackBack.php?sn=4577887
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:遊戲美術|sprite sheet|sprite動畫

留言共 2 篇留言

創麵包
您好 想請教 .sprite可以用哪個程式開啟?搞了好久 弄了 Cyotek Spriter 和 Adobe Animate 2022 和 CSS Sprites Generator 都打不開 是我搞錯甚麼了嗎?

05-08 11:22

Shark
只從副檔名無法判斷檔案是什麼,副檔名和檔案實際內容不一定有關。
這檔案是哪裡來的?05-25 20:54
創麵包
是別款遊戲的~不過之後解決了~感謝~

05-25 20:57

我要留言提醒:您尚未登入,請先登入再留言

11喜歡★shark0r 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【程式】電子妖精與顯卡少... 後一篇:Cyber Sprite...


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情? 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】