【Aseprite】データの取り扱い(インポート/エクスポート)まとめ

Aseprite【ドット絵】
スポンサーリンク

この記事の目標

この記事では、Asepriteでの各種データのインポート/エクスポート(=保存/読み込み)の方法について解説していきます。

この記事でわかること:

  • アニメーション情報を含むAsepriteデータの保存:スプライト形式
  • スプライト形式ファイルの読み込み方法、セル分割
  • ガイド用背景画像の読み込み、透過表示方法

データのエクスポート(保存)

まずは作成したスプライトデータの保存の仕方について解説していきます。

補足・データエクスポート共通事項

エクスポート時の注意点

  • 出力時のレイヤー表示状況は反映される(=必要に応じて背景などが不要な場合は非表示で出力可能)

サイズが小さいときは… 

  1. Sprite->Seprite Size 
  2. Percentageタブで比率を変更して調整(PixelsでもOK)

スプライト形式でのエクスポート(ゲーム用)

手順詳細

  1. File->Export Sprite Sheet 【Ctrl+E】
  2. 各項目を設定

    Point
    • Sheet Type;スプライトの並び方の設定。基本ByRowsで問題ない
    • Widthの「Best fit for texture」にチェックを入れることで、2のべき乗で調整してくれる(コンピュータで扱いやすい形)
    • [Open generated sprite sheet]:エクスポート時に生成されたスプライト画像を表示する(確認できる)
  3. [Output File]にチェックを入れ、保存場所とファイル名を指定してExport
  4. 完了。([Open generated sprite sheet]にチェックを入れていた場合以下のように生成されたスプライトを確認できる)

Gifファイルでのエクスポート

手順詳細

1. File->Save As.. 【Ctrl+Shift+S】

2. 画面下のFile typeから「gif files」を選択してOKボタンを押下

3. レイヤー情報が保持されないという旨の警告が出るが、gif出力のためここは無視で問題なし

4. オプションを設定してOKを押下。ループするアニメの場合はAnimationLoop

〈項目説明〉
  - Interlaced:インターレースGIFの設定。ほぼ無チェックで問題なし 
  - Animation Loop:ループアニメーションさせたい場合はチェック

こんな形のGifアニメを保存できます。↓

データのインポート(読み込み)

本項ではAsepriteで作成したデータ、あるいはほかソフトなどで用意したデータをAsepriteに取り込む際のやり方について説明していきます。

スプライト形式ファイルの読み込み(インポート)

手順詳細

スプライトシートを読み込む際には以下の手順で操作します。

  1. 対象のスプライトシートを開く(以下のようにAsepriteエディタに表示されていればOK)
  2. File->Import Sprite Sheet 【Ctrl+I】
  3. 適切な縦横幅、タイプの設定を行い、Importボタンをクリック

  4. 区切りによっては空白フレームが発生するため、削除してインポート完了

*Point:この場合レイヤ構造は含まれないため注意

参考資料(写真など)の読み込み

手順詳細

写真など、解像度の高い画像をガイドとして取り込みたい際は以下の手順で操作を行います。

  1. Layer -> Add Reference Layer
  2. 取り込みたい見本画像を選択
  3. 指定の画像が表示される

レイヤの透過

レイヤを透過させたい場合は以下の手順から可能です。

  1. 対象のレイヤ名をダブルクリックして[Layer Properties]ウィンドウを開く
  2. ウィンドウ内のパラメータ[Opacity]の値を変更することで透過させることができる

コメント

タイトルとURLをコピーしました