【動く配信背景】手持ちの背景を動かすメーカー|雨・雪・桜・光・湯気を重ねてループ動画とOBS用HTMLに
- Digital500 JPY





手持ちの背景の絵に、雨・窓の雨粒・雪・花びら・光・湯気・ゆれる明かりなどの動きを重ねて、動く背景にするツールです。 できた動く背景は、つなぎ目のないループ動画(MP4・WebM)と、OBSのブラウザソースで動くHTMLの形で保存できます。 動く背景がほしいが、好きな絵の商品が見つからない。 自分で描いた部屋の絵や撮った写真を動かしたい。 動画の編集ソフトで動きを作るのは大変。 ループの切れ目で、動きがとんでしまう。 いつもの配信画面に、雪や花びらだけを降らせたい。 ブラウザで開くだけの1つのファイル(HTML)です。インストールは要りません。 開いた画像は、このパソコンの中だけで扱い、どこにも送りません。インターネットにつながっていなくても動きます。 ━━━━━━━━━━━━━━━━ ■ 動き14種 ━━━━━━━━━━━━━━━━ ◇ 空と水:雲の流れ・星のまたたき(流れ星つき)・水面のきらめき ◇ 降るもの:雨・雪・花びら(色を変えると木の葉にも) ◇ 光:光の筋・光の粒(ぼけ)・ほたる・ちり ◇ 窓:窓の雨粒(ガラスについた粒と、つたい落ちる粒。粒の中にうしろの景色がさかさまに映ります。くもりも足せます) ◇ 部屋:ゆれる明かり(ランプ・ろうそく)・湯気(カップ・鍋) ◇ 全体:雷の光・明るさのゆらぎ いくつでも重ねられ、数・大きさ・速さ・こさ・色を1つずつ直せます。 ━━━━━━━━━━━━━━━━ ■ できること ━━━━━━━━━━━━━━━━ ◇ 範囲はドラッグで:雨・雪・雲・窓の雨粒などは、絵の上で四角に囲んだところだけに描きます(窓のガラスだけに雨粒など) ◇ 場所はクリックで:ゆれる明かりと湯気は、クリックしたところに置きます(20か所まで) ◇ つなぎ目のないループ:選んだ長さ(5・8・10・15・20・30秒)で、どの動きもちょうど1周します ◇ 動きの見本8つ:雨の夜の窓辺・雪の夜の窓辺・雷雨の夜・昼下がりの光とちり・桜の舞う部屋・星降る丘・光の粒の夜・海のきらめき ◇ 見本の背景4枚:夜の窓辺・昼の部屋・星空の丘・海辺(計算で描いた絵・人物なし) ━━━━━━━━━━━━━━━━ ■ 保存の形 ━━━━━━━━━━━━━━━━ ◇ 動画(MP4・WebM):1920×1080 か 1280×720/24か30コマ/秒 ◇ OBS用HTML(背景つき):ブラウザソースで動きます。動画より軽く、画質が落ちません ◇ OBS用HTML(動きだけ・透明):うしろが透明。いつもの配信画面の上に雨・雪・花びらを重ねます ◇ 静止画(PNG)・設定(JSON):設定を読みこめば、あとで同じ動きを作り直せます ━━━━━━━━━━━━━━━━ ■ 同梱ファイル(4点) ━━━━━━━━━━━━━━━━ 01 使い方ガイド(PDF・22ページ) 開き方と画面/背景の絵を選ぶ/動きの見本8つ/動き14種/範囲と場所を決める/ループの長さとつなぎ目/保存する/OBSで使う/使い方の例/困ったとき/動き14種の調整の項目 02 動く配信背景メーカー(HTML) ツール本体。ZIPを展開して、ブラウザで開きます。見本の背景4枚が入っています 03 動きの見本8つの設定ファイル(8つのJSON) 8つの見本を、ツールの「設定を読みこむ」で読みこめる形にしたもの 04 作例の動画(2本) このツールで作った動く背景(1280×720・10秒のループ・WebM) ━━━━━━━━━━━━━━━━ ■ 動作環境・ご注意 ━━━━━━━━━━━━━━━━ ◇ Windows 11 の Chrome で動作を確かめています。新しい版の Chrome・Edge で使ってください(MP4 の書き出しは、対応しているブラウザだけ。対応していないときは WebM で保存できます) ◇ 動画は、ブラウザがコマを1つずつ描いて録ります。ループの長さの分だけ時間がかかります(10秒なら約10秒)。録っている間は、このタブを前に出したままにしてください ◇ 人物・キャラクターの絵は入っていません。背景の絵は、ご自分で用意したものを開いて使います ◇ 買った背景素材やほかの人の絵を使うときは、その絵の利用規約(改変・加工してよいか)を先に確かめてください。改変・色替えを禁止している素材があります ◇ OBS用HTMLは、Chrome で動くことと、うしろが透明なこと(動きだけ)を確かめています。OBSの項目の名前や置き方は版によって違うので、OBSの公式の案内でご確認のうえ、本番の前にテストの配信や録画で見え方を確かめてください ◇ 作った動画・OBS用HTML・静止画は、ご自身の配信・動画・SNSに使えます ◇ ツールそのもの(HTML・ガイド)と同梱の作例の再配布・再販売はできません ◇ デジタル商品のため、購入後の返品・返金はお受けしておりません 制作:AI業務改善サービス AILMIRA(アイルミラ)




