■ 2026年10月21日 更新 v5.4 フレームの形を10種類へ拡充しました。従来の斜め帯に、長方形・平行四辺形・六角形・ペナント・リボン・吹き出し・角丸・メカ風・円形バッジを追加。黒／白背景と16種類の登場演出を組み合わせられます。形も編集JSONに保存できます。購入済みの方は追加購入なしで新版ZIPを再ダウンロードできます。v5.3の編集JSONも読み込めます。 キャラクター画像を入れて、位置とサイズを調整するだけ。 静止PNGと、動くAPNGカットインを作成できるブラウザツールです。 「CUT-IN STUDIO」は、TRPG・ゲーム・配信などで使える帯状カットインを、 画像編集ソフトや動画編集ソフトなしで作成するためのローカルツールです。 ■ 主な機能 ・キャラクター画像の読み込み ・ドラッグ＆ドロップ対応 ・サイズ変更 ・位置調整 ・左右反転 ・10種類のフレーム形状（見本から選択） ・黒背景 / 白背景（黒フレーム）の切り替え ・元画像・配置・形・背景色・演出の編集JSON保存と復元 ・カットイン幅 30%～100% ・16種類の登場アニメーション ・実画面プレビュー ・背景透過の静止PNG書き出し ・背景透過のAPNG書き出し ■ フレームの形 従来の斜め帯 / 長方形 / 平行四辺形 / 六角形 / ペナント / リボン / 吹き出し / 角丸 / メカ風 / 円形バッジ 形と背景色、登場アニメーションはそれぞれ選べます。形の切替時もキャラクターの位置と倍率は維持します。形の外側は透過され、キャラクターも形の内側でクリップされます。 円形バッジは出力領域の右側に配置され、左側は透明になります。出力サイズは他の形と同じです。 ■ 登場アニメーション 全16種類を収録しています。 キャラワイプ / シンプル / 標準 / 派手 / バウンド / 落下 / 斬り込み / キャラ先行 / ズーム / 横展開 / 縦展開 / キャラ跳び越し / 2段階 / スリット / シェイク / フェード ■ 使い方 1. HTMLファイルをブラウザで開く 2. 透過キャラクター画像を読み込む 3. サイズ・位置・向きを調整 4. フレームと登場演出を選ぶ 5. PNGまたはAPNGで書き出す インストール不要です。 PC版の最新Chrome / Edgeでの使用を推奨します。 ■ 書き出し 【静止PNG】 ・背景透過 ・1280 × 250 px 【APNG】 ・背景透過 ・30fps ・1回再生 ・カットイン幅の設定に応じて出力サイズが変化 ・.apng形式 ※APNG非対応の画像ビューアでは静止画として表示される場合があります。 　アニメーション確認にはChrome / Edge / Firefox等の対応ブラウザをご利用ください。 ■ 内容物 ・CUT-IN-STUDIO.html ・README.txt ・利用規約.txt ・更新履歴.txt ・更新版の使い方.txt ■ 入力画像 PNG / WebP / JPG / JPEG 透過PNG / WebP推奨です。 ■ プライバシー 本ツールは単体HTMLで動作します。 読み込んだ画像を外部サーバーへアップロードする処理は含まれていません。 ■ 利用について ・個人利用：可 ・商用利用：可 ・TRPGセッション、配信、動画、ゲーム等への使用：可 ・生成物の加工：可 ・クレジット：任意 禁止事項などの詳細は同梱の「利用規約.txt」をご確認ください。 ■ 注意 読み込むキャラクター画像等の権利・利用条件は、各画像の権利者・配布元の規約に従ってください。 ブラウザの仕様変更等により、一部挙動が変化する場合があります。 不具合があった場合は、BOOTHのメッセージからご連絡ください。