リアルタイムカラー編集
プリセット16色＋カスタムカラーに対応。複数色の素材は自動で色相回転モードに 切り替わり、全体の雰囲気を保ったまま色味を変えられます。
v0.9 公開中 — 画像アセット対応・合成モード搭載
配信画面を、あなただけの作品に。
MOTION KIT は、動画素材（Lottie JSON）の色・光・スピードをブラウザだけで編集し、 OBS にそのまま使える透過動画として書き出せる Web アプリ。 After Effects も、デザインの知識もいりません。
- ✓ インストール不要・ブラウザで完結
- ✓ 透過 MOV / MP4 / PNG 書き出し
- ✓ 日本語 / English 完全対応
0
カラープリセット
0
書き出しフォーマット
0%
プレビュー最大ズーム
0秒
最大合成尺
こんな悩み、ありませんか？
「いい素材」と「自分の配信」の間には、距離がある。
配色が合わない
せっかく買った待機画面素材も、自分のチャンネルカラーと色が合わない。 でも After Effects を覚えるのはハードルが高すぎる。
他の配信者と被る
人気素材ほどみんなが使っている。そのまま使うと、 自分の配信画面が「どこかで見た画面」になってしまう。
素材がかさばる
ロゴ・フレーム・背景…細かい動画ファイルが増えるほど、 OBS のシーン管理は複雑に。1本にまとめたいのにツールがない。
その距離を、ブラウザひとつで埋めるのが MOTION KIT です。
CUSTOMIZE MODE
触った瞬間、プレビューに反映。
スライダーを動かせばリアルタイムで色が変わる。難しい設定は自動でロック。 「いま使える機能」だけが目の前に並ぶ、迷わないエディタです。
グロー・エフェクト
発光の強さ・広がり・レイヤー数を細かく調整。ブラー、色相回転、 明るさ・彩度・コントラストもまとめて編集でき、書き出しにもそのまま反映されます。
スピード調整
再生速度を 0.1倍〜3倍まで自由に変更。落ち着いた待機画面にも、 テンポのいいトランジションにも、同じ素材から作り分けられます。
画像入り素材に対応
キャラクターイラストやテクスチャなど、外部画像を参照する素材もOK。 必要なサイズをガイド表示し、PNG をドロップするだけで自動配置されます。
ズーム＆ドラッグプレビュー
30%〜300%のズームとドラッグ移動で細部までチェック。背景は黒・白・グレー・ 透過チェッカーを切り替えて、実際の配信画面に近い見え方で確認できます。
高品質書き出し
背景透過の MOV（ProRes 4444）、軽量な MP4（H.264）、静止画 PNG の3形式。 サーバーサイドレンダリングで、プレビューそのままの画質を保証します。
COMPOSER MODE — STANDARD
素材を重ねて、1本の動画に。
ロゴ、フレーム、背景…バラバラだった素材をタイムラインに並べて、 透過を保ったまま 1 本の MOV / MP4 に合成。OBS のシーンがすっきり片付きます。
- タイムライン編集 最大4レイヤーを配置し、位置・サイズ・表示タイミングをドラッグで調整
- カスタマイズモードと連携 書き出した素材はライブラリに自動追加。ワンクリックで合成へ引き継ぎ
- プロ仕様の操作感 Undo / Redo、キーボードショートカット、大容量ファイルのチャンクアップロード対応
HOW IT WORKS
配信開始まで、3ステップ。
-
01
素材をドロップ
手持ちの Lottie JSON 素材をブラウザにドラッグ＆ドロップ。 読み込んだ瞬間に元の色・設定が自動で抽出されます。
-
02
自分色にカスタマイズ
カラー・グロー・スピードをスライダーで調整。 変更はすべてリアルタイムでプレビューに反映されます。
-
03
書き出して OBS へ
透過 MOV で書き出して OBS に配置すれば完成。 合成モードで複数素材を1本にまとめることもできます。
素材をお持ちでない方へ — MOTION KIT 対応の動画素材は BOOTH ショップで配布しています。
BOOTH で素材を探すEDITIONS
あなたの使い方に合わせて、2つのエディション。
MOTION KIT LITE
まずは素材を、自分の色に。
- リアルタイムカラー編集（16色＋カスタム）
- グロー / ブラー / 色相回転エフェクト
- 再生スピード調整（0.1〜3倍）
- 画像入り素材対応（PNG スロット）
- 透過 MOV / MP4 / PNG 書き出し
- 日本語 / English UI
配布中の動画素材に同梱されるカスタマイズツール
MOTION KIT STANDARD
カスタマイズから合成まで、これ1つで。
- LITE のすべての機能
- 合成（Composer）モード — 素材を1本の動画に
- タイムライン編集・最大4レイヤー
- Undo / Redo・キーボードショートカット
- ライブラリ連携（書き出し素材を自動蓄積）
- 大容量素材のチャンクアップロード
v0.9.1〜v0.9.17 の安定化を経た最新版
FAQ
よくある質問
After Effects などの編集ソフトは必要ですか？
不要です。MOTION KIT はブラウザだけで完結します。素材の読み込みから編集、 動画の書き出しまで、すべて Web 上で行えます。
書き出した動画は OBS で使えますか？
はい。MOV（ProRes 4444）形式は背景透過のまま書き出されるため、 OBS のメディアソースとして配置するだけで配信画面に重ねられます。
対応ブラウザを教えてください
Chrome / Edge / Firefox / Safari の最新版に対応しています。 カスタマイズモードはモバイルでも利用できますが、合成モードは PC 専用です。
キャラクター画像が入った素材も編集できますか？
できます。v0.9 から外部画像を参照する素材に対応しました。素材を読み込むと 必要な画像サイズがガイド表示されるので、PNG をドロップするだけで配置できます。
どんな素材で使えますか？
BOOTH で配布している Lottie（JSON）形式の動画素材でご利用いただけます。 素材の利用範囲は各素材の利用規約をご確認ください。
今後のアップデート予定は？
v1.0 に向けて、カスタムフォント対応・GIF 書き出し・PNG 連番書き出し・ プリセット保存などを計画しています。下のフォームから最新情報を受け取れます。