Aseprite入門:第一個gif動圖

我命傾塵發表於2019-03-14

前言:Aseprite入門教程

1、新建圖片:

  

  選擇新建檔案,然後選定寬高和顏色及背景型別,點選OK進行圖片的建立:

  

2、繪製一個基礎圖形,為了方便還是選用球形:

  

  填充上顏色:

  

  美化(新增陰影增加小球光暗效果):

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

  

  用工具進行處理,塗抹差異色的邊緣,效果如下:

  

3、做出多個連續圖,匯出gif:

  按下tab鍵調出關鍵幀介面:

  

  Alt+N建立多個新幀:

  

  繪製每個幀的圖片,從前往後依次將圖片上移4畫素,3畫素,2畫素,1畫素,做出類似於自由落體的真實效果,之後則是下降1畫素,2畫素,3畫素,4畫素:

  

  

  

  點選播放可以看到效果:

  

  效果圖:

  

4、豐富一下:

  類似於上面通過調節球的位置一樣,可以在小球彈跳時進行豎向和橫向拉伸,仿照擠壓效果,使小球彈跳更逼真。

  在第一幀後加兩幀:

  

  加上之後的效果如下:

  

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

5、匯出圖片:

  (1)匯出GIF,釋出到網上:使用Aseprite儲存的話,預設格式為.ase,可以使用File> Export …命令將影象儲存為 .gif。

  (2)匯出到遊戲中使用時,需要儲存為 .png:要將動畫儲存為影象序列,可以使用File>Save as…,選擇檔案格式為.png,軟體會自動提示是否儲存所有幀。

  (3)某些遊戲引擎需要精靈表格式的檔案:不需要手動執行此操作,只需選中File>Export Sprite Sheet,然後設定相應的引數即可。

  

  

  

  

  圖片:

  

  (4)純粹需要.gif時:save as...選擇gif格式,會提示是否儲存所有幀。

相關文章