畫素畫動態滑鼠指標製作教程
摘要:使用生成器快速製作畫素畫動態滑鼠指標
本文概覽:
1、選擇合適的輸入圖片
2、一鍵轉換
3、aseprite後期處理
4、匯出ani和cape檔案
1、選擇合適的輸入圖片
以奶龍為例。
直接在網上搜尋奶龍gif表情包,選擇有全身的gif圖下載。
然後再對下載以後的gif圖進行篩選。
最終選中了2個。
這裡有一個坑:儘量選選擇動作幅度比較大的gif表情包。
我一開始選了一個原地搖晃的圖,實際做出來的效果不咋好,動作幅度太小了。
2、一鍵轉換
然後開啟畫素熊老師的畫素畫生成器,一鍵轉換即可。
由於gif圖的幀數各不相同,所以開啟gif以後無法直接拖動BlockSize和Colors滑塊。
需要事先設定好BlockSize和Colors滑塊的數值。
推薦數值:
BlockSize:13
Colors:16
然後儲存轉換後的gif圖片。
3、aseprite後期處理
用aseprite開啟轉換後的gif圖片。
如果要求不高,只需要去掉背景後描邊,加上滑鼠箭頭即可。
如果要求比較高,需要去掉背景後,再清理畫素雜點,然後在描邊,加上滑鼠箭頭。最終效果如下。
由於直接轉換的圖,顏色純度不夠,在清理完畫素雜點之後,最好在統一調整一下顏色,提高顏色的純度。因為當gif轉換為滑鼠指標後,會損失一些純度。
4、匯出ani和cape檔案
製作windows系統可用的ani檔案(動態滑鼠指標)
用asepeit匯出png序列幀,然後在終端視窗用python直接轉換為ani即可。
python程式碼可以參考之前的文章
程式碼完善,新增下面的清理PNG程式碼,可以在轉換成功後自動刪除png圖片,無需手動刪除啦!
# 清理PNG檔案 print(" 清理PNG檔案...") for png in png_files: try: os.remove(png) print(f"已刪除: {png}") except Exception as e: print(f"無法刪除 {png}: {str(e)}")
製作macOS系統可用的cape檔案(動態滑鼠指標)
用aseprite匯出 垂直 的spritesheet表,
然後開啟Mousecape,新建New cape。
輸入名稱和作者
點選左邊視窗底部的+,選擇Type為Arrow(這就是最常用的滑鼠指標)
將前面匯出的 垂直 的spritesheet表.png檔案,拖入1x方框內
設定Size,就是這個滑鼠指標的尺寸,奶龍是48x48
Hot Spot是滑鼠箭頭尖座標,預設{0,0}
Frame Duration:這是動畫幀速率 .1代表每幀100毫秒
Frames:輸入8,奶龍的動畫是8幀
全部設定好以後,點選視窗左上角的關閉按鈕,軟體會提示你儲存。這樣macOS可以使用的動態滑鼠指標就做好了!
那麼macOS的動態滑鼠指標檔案在哪裡?
滑鼠右鍵做好的奶龍指標,選擇Show in Finder。
這時就可以看到macOS的滑鼠指標檔案了。
把檔案克隆,挪到Download資料夾,這個時候就可以分享了,比如上傳到網盤等等。
後臺回覆“滑鼠指標”,可以免費下載所有免費滑鼠指標