PNGからAI透過アニメーションを制作
透明なキャラクター原画に動きを付け、使う区間を選び、WebM Alpha、ProRes 4444、RGBA PNG連番、スプライトシート、エンジン向けパックとして書き出せます。
実際に透明部分を含むPNGまたはWebPの原画に適しています。これは透明素材から始める制作フローであり、任意の動画から背景を消すツールではありません。
結論
はい。元画像に有効なAlphaがあり、最後にAlpha対応形式で書き出す必要があります。AnimGenは制御されたキー色の上で不透明な動きのプレビューを生成し、書き出し時にAlphaを再構築します。最初に生成されるMP4は透明ではありません。
既に切り抜かれた2Dキャラクター、ゲーム用エフェクト、ステッカー、マスコット、UIエフェクトなど、合成できる状態を維持したい原画。
完成動画から未知の複雑な背景を除去すること。これは任意の動画の背景除去であり、この透明素材から始める制作フローとは異なります。
製品仕様とサンプルの最終確認：2026年9月1日。
PNGから透過動画へ
中間段階に色付き背景が現れるのは意図的です。動きを確認して切り出した後、既知の背景色を使って安定して透明度を再構築します。
透過アニメーションモードでは、見える被写体と有効な透明領域が必要です。
4秒の斬撃プレビューは一時的な単色背景の上で不透明なまま表示されるため、動きを確認できます。
斬撃を48枚の透明フレームとして抽出し、ゲーム素材向けに配置します。
使い方
透明度は、あらゆるアップロード画像に自動適用されるものではなく、明示的に選ぶモードです。生成モードと最終的な書き出し形式を選べます。
有効なAlphaを含むキャラクターやエフェクトの原画を使い、輪郭を明瞭にして動きのための余白を設けます。
AnimGenが入力画像のAlphaを確認し、選択した動画モデル向けに制御されたキー色背景を準備します。
色付き背景の不透明プレビューで動き、一貫性、構図、ループに使える区間を確認します。
きれいな区間を選択し、透過動画、PNG連番、スプライトシート、エンジン向けパックを作ります。
このプレビューは透過した完成ファイルではありません。
プレビューに色がある理由
この制作フローで使う動画モデルは通常の不透明動画を返します。そのため、制御された単色背景で動きを生成します。書き出し時にのみ、時間方向のクリーンアップ、輪郭調整、色かぶり除去、RGB輪郭拡張を通じてAlphaを再構築します。
明示的な2つのモード
透過画像をアップロードしても、一方の動作に自動固定されません。通常モードでは背景を原画・指示文・モデルに委ね、透過モードでは切り抜かれたAlpha出力を強く指定します。
シーンや背景も作品の一部にしたい場合に使います。
キャラクターやエフェクトを分離したまま、合成やゲームエンジンで使いたい場合に選びます。
Alpha書き出し形式
先に使う区間を選び、必要な形式を一つ以上選択します。再生やAlphaへの対応はブラウザー、編集ソフト、エンジンごとに異なるため、実際の使用先で検証してください。
対応ブラウザー、ランタイム、合成工程向けのAlpha付き動画。
モーショングラフィックス、編集、プロ向け合成ツールで使う高品質なAlpha動画。
エンジンや制作工程で各フレームを直接扱う場合の個別RGBA画像。
透明フレームをJSON情報と共にまとめ、Unity、Godot、Unreal Paper2D、Cocos Creator向けにも書き出せます。
出力先を選ぶ
無料のPNGフレームでAlpha結果を確認できます。有料クレジットで制作向け動画形式、スプライト情報、エンジンパック、商用利用を利用できます。
| 使用先 | 推奨形式 | 受け取る内容 | 利用条件 |
|---|---|---|---|
| Webと対応ランタイム | Transparent WebM | 対応環境での再生・合成に使うコンパクトなAlpha付き動画。 | 有料 · 商用利用可 |
| 編集と合成 | ProRes 4444 MOV | プロ向け編集・モーショングラフィックスツール用の高品質なAlpha動画。 | 有料 · 商用利用可 |
| フレーム確認 | RGBA PNG連番ZIP | 選択区間の各フレームを直接確認できる個別の透過画像。 | 無料枠 · 商用利用不可 |
| 再利用できる2Dアニメーション | スプライトシート + JSON | 透過フレームと、機械で読めるフレーム矩形・タイミング情報。 | 有料 · 商用利用可 |
| Unity | Unity Pack | スプライトシート、取り込み用メタデータ、JSON、マニフェスト、設定手順。 | 有料 · 商用利用可 |
| Godot 4 | Godot 4 Pack | SpriteFramesリソース、AnimatedSprite2Dシーン、マニフェスト、元画像。 | 有料 · 商用利用可 |
| Unreal / Cocos | Paper2DまたはCocos Pack | エンジン固有の取り込み情報、透過画像、マニフェスト、手順。 | 有料 · 商用利用可 |
ダウンロードできる実例
自社制作のチュートリアルファイルで、自分の原画を使う前に透明度、フレームの位置、メタデータ、エンジンへの取り込み構造を確認できます。
サンプルは互換性確認用です。自身のアニメーションの書き出し条件と商用利用の権利は、現在のプランまたはクレジットパックに従います。
結果を確認
この自社制作の斬撃アニメーションは、書き出したRGBA連番をチェッカーボード上に表示したものです。提示用MP4で動きを確認でき、ダウンロードできるPNGサンプルには実際のAlphaチャンネルが残っています。
透過アニメーションモードで使う一時的なキー色です。動きを確認するため、生成プレビューは意図的に不透明です。Alphaは書き出し時に作成されます。
いいえ。最初の動画は確認用の不透明なモデル出力です。Transparent WebM、ProRes 4444 MOV、PNGフレーム、スプライト素材は書き出し時に別途作成します。
透過アニメーションモードでは必要です。未使用のAlphaチャンネルではなく、有効な透明領域が必要です。通常の画像アニメーションでは不透明・透過どちらの画像も使えます。
AnimGenは白い背景や透過結果を強制しません。モデルは画像と指示文に沿って、背景の維持や新しい環境の生成を自由に行えます。
対応するWebやランタイムにはTransparent WebM、高品質な編集・合成にはProRes 4444 MOVを使います。ゲームエンジンが動画でなく画像を扱う場合はPNG連番かスプライトシートを選びます。
いいえ。このページは有効な元画像のAlphaと制御された生成背景から始める制作フローを説明しています。任意の動画の背景除去は別の、予測しにくい処理です。
透過キャラクターPNGをアップロードし、透過アニメーションを選び、キー色付きプレビューを確認して、必要なAlpha形式を書き出します。
透過アニメーションを始める
