Aseprite入門:第一個gif動圖

前言:Aseprite入門教程html

一、新建圖片:工具

  

  選擇新建文件,而後選定寬高和顏色及背景類型,點擊OK進行圖片的建立:動畫

  

二、繪製一個基礎圖形,爲了方便仍是選用球形:spa

  

  填充上顏色:3d

  

  美化(添加陰影增長小球光暗效果):htm

  (1)先用略淺於原色的顏色點綴一下(2)再用較深色的陰影色繪製邊界blog

  

  用工具進行處理,塗抹差別色的邊緣,效果以下:教程

  

三、作出多個連續圖,導出gif:遊戲

  按下tab鍵調出關鍵幀界面:圖片

  

  Alt+N建立多個新幀:

  

  繪製每一個幀的圖片,從前日後依次將圖片上移4像素,3像素,2像素,1像素,作出相似於自由落體的真實效果,以後則是降低1像素,2像素,3像素,4像素:

  

  

  

  點擊播放能夠看到效果:

  

  效果圖:

  

四、豐富一下:

  相似於上面經過調節球的位置同樣,能夠在小球彈跳時進行豎向和橫向拉伸,仿照擠壓效果,使小球彈跳更逼真。

  在第一幀後加兩幀:

  

  加上以後的效果以下:

  

   有了一些震顫感受,比較真實。

五、導出圖片:

  (1)導出GIF,發佈到網上:使用Aseprite保存的話,默認格式爲.ase,可使用File> Export …命令將圖像保存爲 .gif。

  (2)導出到遊戲中使用時,須要保存爲 .png:要將動畫保存爲圖像序列,可使用File>Save as…,選擇文件格式爲.png,軟件會自動提示是否保存全部幀。

  (3)某些遊戲引擎須要精靈表格式的文件:不須要手動執行此操做,只需選中File>Export Sprite Sheet,而後設置相應的參數便可。

  

  

  

  

  圖片:

  

  (4)純粹須要.gif時:save as...選擇gif格式,會提示是否保存全部幀。

相關文章
相關標籤/搜索