Asepriteで複数のアニメーションフレームにまたがる不要なピクセル領域を削除する方法

削除範囲を決める前に、対象となるシーケンス全体を確認します。最初のフレームでは不要な模様だけを含む長方形でも、後のポーズではキャラクターの一部が入ることがあります。選択した領域が対象となるすべてのセルに適している場合に限り、まとめて消去できます。

この判断表を使って、編集の範囲を決めてください。タイムライン範囲全体に共通の選択範囲を適用する際の実践的な推奨事項です。

確認できた状態	推奨する方法	消去前の確認事項
不要なピクセルが、必要な絵から離れた同じ位置にある	該当するセル全体に固定の選択範囲を使って消去する	すべてのフレームで重なりがないか確認する
フレームのグループごとに位置が変わる	グループごとに個別の選択範囲で消去する	各グループの最初と最後のフレームを確認する
必要な絵のすぐ隣で輪郭が変化する	該当するフレームごとに個別の選択範囲を作る	高倍率で境界に沿って選択する
不要な要素が専用レイヤーにある	編集前にそのレイヤーだけを表示して確認する	必要な細部が含まれていないことを確認する
統合されたフレームで必要な絵を覆っている	不要な要素を取り除いた後、欠けた絵を描き直す	描き直す必要のあるピクセルを特定する

固定の選択範囲が作用するのはキャンバス上の位置であり、移動するキャラクターの特徴を追いかけるわけではありません。アニメーション中にピクセルの塊が移動する場合、大きめの長方形を使えば全フレームで囲めることがありますが、選択した範囲全体を通して必要なピクセルに触れないようにする必要があります。

編集前に別の作業用コピーを保存します。Asepriteで説明されている手順に従い、レイヤーとフレームを保持する編集可能なマスターは.aseprite形式で保存してください。後で比較できるように、元のフレーム数、キャンバスの寸法、必要なフレーム表示時間を記録します。(Aseprite Workflow)

表示 > タイムラインでタイムラインを表示します。スプライトのレイヤーとフレームが表示されるので、不要な領域を含むレイヤーを特定できます。セルとは、特定のレイヤーとフレームにある画像内容です。他のレイヤーを一時的に非表示にして、不要なピクセルが実際にどこにあるかを確認し、編集時に表示を元に戻します。(Aseprite Timeline、Aseprite Layers)

対象が不透明な「背景」レイヤーかどうか確認します。そのレイヤーを消去すると、選択範囲が現在の背景色で塗りつぶされます。透明に消去するには、先にレイヤー > 変換 > レイヤーを選択します。透明なレイヤーを消去すると、ピクセルは透明になります。また、対象レイヤーがロックされていないことも確認してください。(Aseprite Layers)

スプライトシートから始める場合は、ファイル > スプライトシートをインポートで読み込みます。シートに合うようにフレームの幅、高さ、オフセット、余白を設定し、意図したフレーム順になるレイアウトを選択します。読み込み設定が間違っていると各フレームの内容が変わるため、編集前にシーケンスを確認してください。(Aseprite Sprite Sheets)

この操作では、2つの選択範囲を使います。キャンバスの選択範囲でピクセルを指定し、タイムラインの選択範囲でセルを指定します。キャンバス上の選択だけでは、最初はアクティブなセルだけが対象です。Asepriteのドキュメントでは、タイムラインで範囲を選ぶと、選択したセルにも対応する操作が適用されると説明されています。(Aseprite Selecting、Aseprite Transformations)

1. 代表となるセルをアクティブにします。 不要な領域を見分けやすいフレームを選びます。
2. キャンバス上でピクセルを選択します。 Mキーを押してマーキーツールを選び、不要な領域を囲みます。不規則な境界の場合は、選択ツールの追加・削除モードを使って調整します。
3. タイムラインで該当するセルを選択します。 対象レイヤー上で、必要なセルの範囲をドラッグします。続行する前に、ハイライトされた範囲を確認します。
4. 編集 > 消去を選択します。選択範囲を維持したまま、選択した範囲にコマンドを適用します。
5. すぐに別の対象フレームを確認します。 そこでも領域が消えていることを確認してから、範囲内の残りのフレームも調べます。
6. 確認後、選択を解除します。 境界が不要になったら、選択範囲 > 選択解除を実行します。

マーキーのショートカットと選択範囲の修飾キーについてはAseprite Selectingに記載されています。ドラッグによる範囲選択はAseprite Community’s cel-selection explanationで説明されており、公式リリースノートでは複数セルの選択範囲の消去が確認できます。

ドラッグすると範囲選択ではなく画面移動やセルの移動が起きる場合は、編集 > 環境設定 > タイムラインを確認してください。Asepriteにはドラッグで選択、Shift + クリックで選択、選択を維持の設定があります。意図したセルが選択されていることを確認するには、範囲がハイライトされているかを見るのが有効です。(Aseprite Preferences)

まず小さな範囲で操作を試してください。編集した2、3フレームを確認すれば、長いシーケンス全体に同じ操作を繰り返す前に、レイヤーや選択境界の間違いに気づけます。

不要なピクセルが現れる位置に応じて、アニメーションを区切ります。例として8フレームのシーケンスを考えます。小さな模様がフレーム1〜3ではキャラクターのそばにあり、フレーム4〜6で移動し、フレーム7〜8では輪郭に触れるとします。フレーム1〜3には1つの選択範囲、フレーム4〜6には調整した選択範囲を使い、最後の2フレームは個別に選択します。

適切な境界は、必要なピクセルを除外しつつ、グループ内の不要なピクセルをすべて含む最小の領域です。始点と終点だけでなく、中間のフレームも確認してください。特徴が一時的に削除予定の領域を通過することがあります。

不要な要素が統合された同じセル上の絵を覆っている場合、消去すると透明な穴が残ります。その後、適用できるポーズの近いフレームを参考にして、輪郭や塗りを復元します。編集可能な画像に存在しないピクセルを消去で取り戻すことはできません。

シーケンスの一部にだけ編集を反映したい場合は、作業前にリンクされたセルがないか確認します。リンクされたセルは画像と位置を共有するため、片方を編集すると他方にも反映されます。独立したコピーが必要な場合は、タイムライン上の該当セルを右クリックしてリンク解除を選択します。異なるポーズを掃除の近道としてリンクしないでください。(Aseprite Linked Cels)

コマンドを繰り返す前に、結果の原因を調べます。まず選択範囲の対象を確認し、次にレイヤーとリンクされた内容を確認してください。

症状	確認する点	次の操作
1フレームだけが変わった	タイムライン範囲が選択されていない可能性がある	セルの選択範囲を作り直し、小さな範囲で試す
必要な細部まで消えた	一部のポーズでキャンバスの選択範囲が重なっている	元に戻し、グループを小さくするか個別に選択する
ピクセルが単色になった	対象が背景レイヤーの可能性がある	消去前に透明なレイヤーに変換する
ほかのフレームまで変わった	編集したセルがリンクされている可能性がある	リンクを確認し、個別編集が必要なセルはリンク解除する
模様が残っている	ほかの表示中レイヤーに含まれている可能性がある	レイヤーを1つずつ確認する
編集できない	対象レイヤーがロックされている可能性がある	編集するレイヤーのロックを解除する

これらの確認項目は、Asepriteのドキュメントにあるタイムライン操作の対象範囲、レイヤーの透明度とロック、リンクされたセルの動作に基づいています。

対象となるすべてのフレームを高倍率で順に確認します。消去した領域と近くの必要な輪郭を調べ、消し残し、意図しない隙間、部分的に消えた細部がないか確認します。次に、アニメーションを実際に表示するサイズで見ます。ちらつく輪郭はそのサイズのほうが見つけやすいことがあります。

Asepriteの再生ボタンを使うかEnterキーを押して、アニメーションをプレビューします。ドキュメントに記載されたフレーム移動キーには、左右の矢印キーがあります。最後のフレームから最初のフレームに戻るところも含め、ループ全体を確認してください。(Aseprite Animation)

保存した元データと結果を比較します。フレーム数、キャンバスの寸法、タイミング、キャラクターの位置が、意図した出力と一致していることを確認します。編集した各グループの直前と直後のフレームにも特に注意してください。別途指定された出力要件にサイズ変更が含まれない限り、仕上げ作業中はキャンバスの寸法を変えないでください。

仕上げた.asepriteのマスターを保存してから、納品用ファイルを別途書き出します。Asepriteの手順では、GIFやPNGシーケンスなどの形式に対応したファイル > 書き出し > 名前を付けて書き出しが説明されています。シートを書き出すにはファイル > スプライトシートをエクスポートを使い、意図したレイヤーとフレームタグが含まれていることを確認します。(Aseprite Workflow、Aseprite Sprite Sheets)

アニメーションをGIMPでも処理する場合は、フレームがどのように合成されるか確認してください。GIMPではレイヤーをアニメーションフレームとして扱います。(replace)は直前のフレームを置き換え、(combine)は表示中の内容を直前のフレームに重ねます。そのため、合成されたフレームの透明部分から、前の内容が再び見えることがあります。各レイヤーが意図したフレーム全体を含むシーケンスでは、消した領域が再び現れるように見える場合、置き換え動作を確認してください。(GIMP Export File Formats)

書き出したファイルを再度開き、ループ全体をもう一度確認します。意図したシーケンス全体で不要な領域が消え、近くの絵が保たれ、納品するアニメーションの位置とタイミングが意図どおりなら完了です。

• Aseprite — Layers
• Aseprite v1.2.14
• Aseprite — Workflow
• Aseprite — Timeline
• Aseprite — Sprite Sheets
• Aseprite — Selecting
• Aseprite — Transformations
• Aseprite Community — Cel selection exclusively on one layer
• Aseprite — Preferences
• Aseprite — Linked Cels
• Aseprite — Animation
• GIMP — 5.5. Export File Formats