Metlivi ブログ

キャラクターのベースアニメーション作成後にアクセサリーレイヤーを追加する方法

キャラクターのベースアニメーションが完成した後にアクセサリーを追加するには、各アクセサリーを、ベースと同じポーズやフレームタイミングに追従する独立した視覚レイヤーとして扱います。まず、キャラクターがリグによるものかコマ撮り(フレーム・バイ・フレーム)かを確認し、そのアニメーションのアタッチポイント、描画順序、フレームシーケンスに合わせてアクセサリーを作成します。本番で使用する準備を整える前に、トランジションやループの境界を含め、一連の動作全体を通してテストしてください。

2026年10月15日所要時間: 6 分Metlivi Editorial Team
セクション 1

1. 作画前にアニメーションの形式を確認する

リグ付きキャラクターはボーンとスロットを通じてポーズを変更し、コマ撮りキャラクターは一連の完成した画像の切り替えによって変化します。この違いによって、アクセサリーが動きに追従する方法が決まります。リグワークフローでは、アイテムをボーンやスロットにアタッチして連動させることができます。Spineのランタイムガイドでは、スキンをスロットやプレースホルダー名からアタッチメントへのマッピングとして説明しており、シャツの胴体と袖のように、1つのアイテムが複数のアタッチメントで構成される場合があることも指摘しています。Spine: ランタイムスキン

フレームベースのワークフローでは、通常、ベースの各フレームに対応するアクセサリーのアートが必要となり、同一のキャンバスまたはピボットに位置合わせします。Godotのスプライトアニメーションガイドでは、個別画像とスプライトシートの両方を取り上げており、AnimationPlayerを使用してSprite2Dのフレームプロパティにキーフレームを設定できることを示しています。Godot: 2Dスプライトアニメーション

制作前に簡単な棚卸しを行いましょう。ベースアニメーション名、フレーム数またはリグボーン、向き(方向)、ループポイント、既存のアタッチポイントなどを確認します。フラット化されたアニメーションしかなく、信頼できるピボットやリグデータがない場合は、アクセサリーを1フレームずつ配置・確認する計画を立ててください。静的なオーバーレイが1枚あるだけでは、変化するポーズに正確に追従させることはできません。

セクション 2

2. アタッチ戦略を選択する

動きを損なわずに済む、最も複雑さの少ない戦略を選択してください。バッジやヘルメットのように一体となって動くべき硬いアイテムには、ボーンまたはスロットによるアタッチを使用します。マフラーの垂れた端のようにパーツが独立して曲がる場合は、複数のアタッチメントまたは小規模なアクセサリー用リグを使用します。フレームベースのアートでは、一部のフレームで同じ画像を再利用する場合であっても、明確に異なるベースポーズごとに対応するアクセサリーフレームを作成します。

モジュール式の衣装の場合は、交換可能なパーツを hat、backpack、left_hand_item などの一貫した名前で整理します。Spineのランタイムスキンモデルは、複数のアタッチメントを1つのアイテムとしてグループ化したり、アイテムスキンを組み合わせたりすることをサポートしており、衣装のパーツ間の連携を維持できます。Spine: ランタイムスキン

採用するエンジンにスプライトスワップ機能がある場合は、バリエーションを作成する前にその要件を確認してください。Unityの2D Animationのドキュメントでは、Sprite LibraryとSprite Resolverを使用したスプライトスワップについて説明されています。また、スワップ対象となるスケルタルスプライトには同一のスケルトンが必要であることも警告されています。Unity: スプライトスワップ このワークフローは同一リグ向けに作成されたバリエーションには適していますが、ピボットの不一致、遮蔽(オクルージョン)、異なるシルエットを必要とするアートなどの問題を自動的に解決するわけではありません。

セクション 3

3. アンカー、ピボット、スケールを設定する

ベースキャラクターの座標系を基準として使用します。リグ付きキャラクターの場合、アクセサリーの原点を関連するボーンまたはスロットに配置し、意図したオフセットを維持します。スプライトシーケンスの場合は、フレーム間でキャンバスサイズ、ピボットの規約、スケールを一致させます。原点を統一しておくことで、キャラクターが上下に揺れたり向きを変えたりした際に、アクセサリーが滑っているように見えるのを防ぐことができます。

ニュートラル、最大リーチ、最も深く曲げた状態、各向きなど、主要なポーズにおけるアタッチポイントを示す配置シートやオーバーレイガイドを作成します。これらは実用的なチェックポイントですが、中間フレームの確認を省略してよいわけではありません。ベースアニメーションを描き直すことなく位置合わせを修正できるように、ガイドを含む編集可能なソースデータは、エクスポートするアクセサリー画像とは分けて保管してください。

セクション 4

4. 前面と背面に表示する要素を計画する

位置の調整は作業の一部にすぎず、アイテムが正しく遮蔽される必要があります。例えば、バックパック本体は胴体の後ろにあってもストラップは肩の前に表示される場合や、手持ちの小道具がポーズによっては体の前を通りつつ前腕の後ろに隠れる場合があります。1つの固定された描画順序ではこうした重なりを表現できない場合は、アートを複数のアタッチメントやレイヤーに分割してください。

スケルタルアニメーションでは、リグのスロットや描画順序(ドローオーダー)の設定を使用して、身体の各パーツに対するアタッチメントの前後関係を配置します。フレームベースのアニメーションでは、必要に応じてフレームごとに順序を決定し、手、腰、首などの接触ポイントを検査します。Spineのガイドではアタッチメントはスロットを通じて選択されると説明されており、GodotのAnimationPlayerではスプライトフレーム自体の枠を超えてノードのプロパティをアニメーション化できます。具体的な設定方法は、エンジンやシーンの構造によって異なります。Spine: ランタイムスキン、Godot: アニメーション機能

セクション 5

5. 一連の動作全体と合わせて作成・プレビューする

ベースアニメーションを損なわないよう、複製したシーンまたはプレビュー用シーンで作業を進めます。まずアクセサリーを1つ追加し、関連するすべてのアニメーションを通常速度およびコマ送りで再生します。開始ポーズ、ループのつなぎ目、方向転換、ジャンプ、リーチ動作、トランジションを確認してください。隙間、めり込み(クリッピング)、ジッター、予期しないスケール変化、アクセサリーが意図せず顔や手を覆ってしまう瞬間がないか注意深く観察します。

フレームベースのアクセサリーの場合は、ベースと同じフレームタイミングを使用し、ループアニメーションで最初と最後のポーズが滑らかにつながることを確認します。リグを使用する場合は、親ボーンが急激に回転するポーズでアタッチメントをプレビューしてください。セットアップポーズでは正しく見えても、動かすと破綻するオフセットもあります。アニメーション中にアクセサリーの表示/非表示が切り替わったりバリエーションが変更されたりする場合は、その変更を明確にし、切り替え前後の状態をテストしてください。

セクション 6

6. アセットセットの管理性を維持する

hat_run_left_03 のように、アイテム、向き、アニメーションを記録する予測可能な命名規則を使用します。フレーム番号はベースシーケンスと統一し、意図的なキープ(静止フレーム)や画像の再利用がある場合はドキュメントに記録しておきます。リグ付きのバリエーションでは、ランタイムやエディタが正しいアタッチメントを検出できるように、カテゴリ名とラベル名を固定しておきます。例えば、Unityのスプライトスワップワークフローでは、Sprite Library内のカテゴリとラベルによってスプライトを整理します。Unity: キャラクターのパーツの変更

ターゲットプロジェクトにおける寸法、透明度、アトラスやスプライトシートの制約を確認した上でのみエクスポートを行ってください。エクスポートしたファイルは実際のシーンまたはランタイム上で再度開いて確認しましょう。アート制作エディタ上のプレビューだけでは、インポート設定やレイヤー順序に関するあらゆる問題を検出することはできません。

セクション 7

7. ハンドオフ前の最終チェック

簡単な受け入れチェックを実施します。アクセサリーが意図したアンカーに追従しているか、提供されたすべてのフレームやポーズにわたって位置合わせが維持されているか、前後の重なりが正確か、ループやトランジションのつなぎ目で不自然な飛び(ポップ)がないか、バリエーションが必要なリグやフレームレイアウトに準拠しているか、ファイル名がベースアニメーションと明確に対応しているかなどを確認します。対応していない向きやアニメーションがある場合は、対応しているかのように曖昧にせず記録を残してください。これにより、元のベースアニメーションを今後の変更のために維持しながら、新しいレイヤーを有効に活用できるようになります。

セクション 8

参考資料

関連記事

このテーマをさらに見る