VX教學_關於素材加工

本人美工不好、也不會繪圖,
所以只能聊聊素材基本規格&應用原理,
以及一些簡單加工的小撇步,
當然, 如果作者/團隊有能力,
還是建議直接自製素材吧！
  
示範軟體：PhotoImpact
  
1.了解素材規格=============================================
   圖檔格式VX可接受PNG、JPG、BMP...等,
   建議以PNG(方便背景透明化)為主,
   JPG(檔案小)其次.
   
   VX對圖的絕對尺寸容許範圍很大,
   因此我覺得重點可以放在"規格"上,
   詳細設定請自行參考圖文並茂的VX說明書,
   以下僅簡列本文會用到的資訊：
     
  

註1：(左)圖檔名無"!"；(右)圖檔名有"!"

1>未加"!"的行走圖在遊戲畫面中會向上位移約3像素.

  

2>未加"!"的行走圖在草叢地形才會有半透明效果.

  

注意：檔名同時有"!"和"$"時, "!"要放前面才有效果,

           例：!$charachter01.png
     
2.素材加工原理==============================================
   由上表可以看出,
   VX的圖原則上都是以32*32為單位,
   因此建議以此為擴大單位,
       例：
       要放一隻約51*60的龍行走圖,
       就建議用64*64的規格下去做,
       →圖檔總大小：(64*3)*(64*4)=192*256.   
   這樣比較方便想像實際顯示位置,
   減少來回測試&修圖的次數.
   

  
   接著說明圖形的位置.
   編輯圖片時建議開啟格線功能,
   讓程式直接框出每張小圖的範圍會較清楚,
   行走圖就設置32*32、臉圖96*96...以此類推.
  
   一般我習慣將行走圖橫向置中,
   縱向則視情況調整,
   例：地走型服貼框底、空飛型與框底保持距離...等.
  
   定位前先計算置中的座標,
   以上面的龍為例,
   已知其尺寸為51*60、圖檔單格為64*64,
       橫向置中條件：(64-51)/2=6.5→距離左框線7像素,
       著地型：64-60=4→距離上框線4像素,
   PhotoImpact的定位點(0,0)在左上角,

   所以應在框內(7,4)的位置,
   示範的圖是第2排、第2列,
   要往右、下各1格：(7+64*1,4+64*1)=(71,68).

   

*上圖框線已設定為64*64.
  
   但是！因為行走圖"左中右"的動作不一樣、大小不一樣,
   極可能會需要再微調,
   所以我都是調整→測試→調整→測試...直到無違和感為止.

  

(左)位置正確、原地踏步；(右)位置錯誤、左右滑步

當然, 如果想做醉漢模式可以考慮右圖的方法.
   
   通常素材網的免費圖檔都已經固定好規格了,
   我大概只有在做行走圖去背時用到左上的定位點而已,
   此外就是想對素材再加工的人才會用到了吧？
   

   

以上是本次的美工心得分享.