TapMVの使い方 — ブラウザで音MAD・YTPMVを作る

最終更新:

TapMV(タップエムブイ)は、曲に合わせてキーを叩いたタイミングで、素材にエフェクトをかけていくブラウザアプリです。映像を音に合わせる作業を「叩くだけ」にして、YTPMV・音MADの映像づくりを手軽にします。

無料で、インストールも会員登録も要りません。読み込んだ曲や素材は端末のブラウザの中だけで処理され、どこにも送信されません。

TapMVを開く(無料)

TapMVでできること

用意するもの

作り方の流れ(5ステップ)

画面上部の1〜5のステップを順に進めます。どのステップにもいつでも戻れます。

  1. 音声 — 曲を読み込み、BPMを決める

    曲のファイルを読み込むと、BPM(テンポ)を自動で推定して入れます。BPMは曲全体に合うよう0.01まで推定するので(例: 127.98)、曲の後半でもグリッドがずれにくくなっています。曲を差し替えたときも、そのたびに合わせ直します(前のBPMには「元に戻す」で戻せます)。倍や半分になっていたら、横の「×2」「÷2」で直せます。それ以外で違っていたら直接入力するか、曲に合わせて「タップ」ボタンを叩くと測れます。小節の頭も、バスドラムやベースが入る拍から推定して合わせます。ずれていたら「4. 演奏記録」の「小節頭」(自動で合わせる・再生位置を小節頭に・グリッドの細かさの単位でずらす)で直せます。後半ほどずれていく曲は、後半の小節の頭で止めて「再生位置も小節頭に(BPM微調整)」を押すと、BPMを0.01単位で直せます。BPMは、拍に吸着させる編集やリズムパターンに使われます。

  2. 素材の配置 — 画面に素材を並べる

    画像・動画・GIFを読み込むか、図形・テキストを追加して、プレビューの上でドラッグして配置します(仕上がりを見ながら置けます。プレビュー左上の「エフェクト表示」「枠外表示」で、置いたままの姿や画面の外も見られます)。いくつもまとめて読み込むと横に並べて置かれ、まとめて大きさや位置をそろえられます。四隅をつかんで大きさ、数値で位置や回転も決められます。素材の名前はダブルクリックで変えられます。再生位置でまだ出ていない・出番が終わった素材は表示されないので、シークバーで時刻を動かすと、その場面の素材だけが見えます(素材カードは薄く残り、選ぶとその素材だけ表示されて動かせます)。重なり順は素材カードの ⠿ をドラッグして入れ替え、画像や動画のファイルを素材カードに重ねてドロップすると、配置やエフェクトはそのままにファイルだけ差し替えられます。プレビューにドロップすると、落とした場所に新しい素材が置かれます。左右・上下の反転も、ここでチェックするだけです。動画・GIFの再生速度(GIFはマイナスにすると逆再生、0%で止めたまま)や、動画の頭出し位置(秒またはフレーム番号)もここで決められます。素材ごとにクリッピング枠を付けると、枠の中だけに映る「窓」になり、素材の出現や消失は枠ごとにかかります。枠の形は、読み込んだ画像の形(透明な部分を除いた形)にもできます。「ラフエッジ」で、枠や図形の縁を破いた紙のようなギザギザにできます(🎲で模様を変えられます)。「フォトフレーム」にすると、枠がポラロイド写真のような白い台紙(下の余白の広さや色、ツヤ、マスキングテープ)に入り、「累積フォトダンプ」をかけると台紙ごと写真として積み重なります。「素材と枠」を「いつも一緒に動かす」にすると、素材と枠のどちらを動かしても、もう片方が同じように移動・拡大・回転します。素材をいくつか選んで「タイリンググループにする」を押すと、それぞれが同じ形の枠に入って格子・蜂の巣・円(輪)に並びます。枠の形や縁は1つ変えると全部が変わり、どれかをドラッグするとグループごと動きます。素材の位置・大きさ・エフェクトをそのままにまとめたいときは「グループ制御にする」を使います。グループに付けたエフェクトが全員に重なってかかり(各自の中心で、またはグループ全体を1つの塊として)、席替えや叩かれた素材が前へ出る動き、輪になって回る動きなども、置いた場所を席にして使えます。グループには「3. エフェクト」で、トリガーのたびに場所を入れ替える「席替え」や、並びごと流す・回すエフェクトをかけられます。

  3. エフェクト — 素材ごとに動きを選ぶ

    素材を選んで、かけたいエフェクトにチェックを入れます。素材の出番は、素材タブのすぐ下の「常時トリガーが無い間は隠す」で決めます(最初のトリガーまで隠し、しばらくトリガーが無いと隠れ、次のトリガーでまた出ます)。出方・消え方は、移動・拡大・回転・めくる・ワイプ・スライス・砕け散る・粒・ぼかし・モザイク・グリッチ・ちらつき・光る、走査線・飛び込む・はじける・影・テレビ・渦・炎・溶けるといった演出などを組み合わせて選べ、移動や拡大はイージングで弾ませることもできます。出方・消え方の設定を出番ごとに分けて持ち、順番に(またはランダムに)使ったり、移動やワイプの向きを「近い画面の端から」に任せたりもできます。「受け渡し」にチェックした素材どうしは、前の素材のあとに次の素材が叩かれると、押し出し・突き飛ばし・拭き取り・裏返し・跳んで交代・光のバトンのどれかでひと続きに入れ替わり、次の素材は最初のトリガーの瞬間にちょうど出終わります。出方・消え方のボタンにカーソルを合わせる(タッチなら長押しする)と、その場で出入りを試せます。プレビューの下の「トリガー」ボタン(または J キー)を押すと、記録しなくてもその場でかかり方を確かめられます。トグルのエフェクトは「なめらかに切り替える」で、パッとではなく徐々に切り替えることもできます。回転の中心・拡大の基準点、ランダム配置の範囲、複製のコピーの位置、移動の向きと距離、パーティクルの出る位置・飛ぶ向き・距離、並べるの円、ゆらゆらの揺れ幅などは、設定を開いている間プレビュー上に印が出て、ドラッグで決められます(つかんでいる間、素材は配置位置で止まります)。回転の中心などは「画面で選ぶ」で、素材の全体を見ながら決めることもできます。付けたエフェクトの ⠿ をドラッグすると順番を入れ替えられ、上の別の素材のタブへ重ねると設定ごとコピーできます。素材のタブを別の素材のタブへドラッグすると、付いているエフェクトをまとめてコピーできます。素材切替で切り替える素材は、「重ねて合わせる」で元の素材に半透明で重ねて(または交互に表示して)、ドラッグで位置を、スライダーやつまむ操作で大きさを、素材ごとに合わせられます。選び方を「キーで選ぶ」にすると、素材ごとにキーを決めて、押したキーの素材に切り替えられます。

  4. 演奏記録 — 曲に合わせて叩く

    曲を流しながら、トリガーキー(最初は J。変更できます)を叩くと、そのタイミングが記録されます(テイク)。記録したタイミングは波形の上で動かして微調整でき、拍や音の立ち上がりに吸着させることもできます。DTMと同じ「クオンタイズ」もあり、寄せる先(グリッドの線か、近くの曲の音)と強さを選んで、選んだもの・開始点〜終了点の間・全体をまとめて揃えられます(Qキーでも)。グリッドの細かさは64分まで、またはカスタム(1拍を好きな数に分割)を選べます。グリッドの線に置いたトリガーは、あとからBPMや小節頭を変えても線に付いてきます(曲に合わせて叩いたトリガーは、曲の音に合わせたまま動きません)。素材ごとに別のテイクを使えば、素材ごとに違うリズムで動かせます。開始点・終了点は小節の頭に吸着し(Altを押しながらで自由な位置)、「範囲をループ」をオンにすると、その区間を繰り返しながら記録できます(新しいテイクなら周ごとに別のテイク、追記なら重ねて書き足し、録り直しなら周ごとに置き換え)。全体に遅れて(早く)叩いたテイクは、テイク欄の「タイミング」のつまみで、まとめて前後にずらせます(「曲に合わせる」で、曲の音に合う位置を探すこともできます)。いつも同じ向きにずれるときは、「タイミング補正」で合わせられます。「自動で計測」はクリック音と光に合わせて叩くだけで、タイミング補正とプレビューの映像の遅れ(Bluetoothイヤホンのずれ)を測ります。曲の拍に合わせて測る「曲で計測」もあります。DAWで作ったMIDIファイルがあれば、「MIDIから読み込む」で音符の位置からテイクを作れます。

  5. 書き出し — 動画にする

    プレビューは軽く動かすために、GIFを見えている大きさまで縮小し、コマ数も目標のfps(最初は30)に抑えています。そのため、粗く見えたりカクついて見えたりすることがありますが、書き出した動画は元の解像度・設定したfpsで出ます。プレビュー左下の「縮小表示(負荷軽減)」をオフにすると、プレビューでも元の解像度で確かめられます(重くなります)。

    プレビューで最初から最後まで再生して仕上がりを確かめたら(プレビューは大きく表示することもできます)、MP4・WebM・GIFから形式を選んで書き出します。曲の音声を入れるか無音にするか、背景(透過・グリーンバック・ブルーバック・好きな色)も選べます。大きさは原寸のほか、1/2(1080pなら540p)などに縮めても書き出せます。選んだ書き出しの設定は、プロジェクトごとに覚えておきます。書き出し画面の「分割」で「素材ごとに分けて書き出す」にすると、素材1つにつき1本ずつ(はじめは透過WebM)、曲は音声ファイル(WAV)1つで書き出し、ふつうはZIP1つにまとめてダウンロードします。どれも画面と同じ大きさ・位置なので、編集ソフトで重ねると元の画面になります。書き出した動画は、そのまま投稿したり、ほかの編集ソフトに読み込んで仕上げたりできます。

うまく作るコツ

まずは短く、少ない素材で

最初はサビの数小節など短い区間で、素材1〜2個とパルス系のエフェクト(パルス拡大・フラッシュなど)から始めると、叩いたタイミングと動きの関係がつかみやすくなります。

記録の前に、かかり方を確かめる

エフェクトの画面で「トリガー」ボタンを押して動きを確かめておくと、記録し直す手間が減ります。

タイミングは記録したあとで直せる

叩くタイミングが多少ずれても大丈夫です。波形エディタの「クオンタイズ」でグリッドに揃えたり、まとめて前後にずらしたりできます。

エフェクトをもっと細かく

各エフェクトの設定の下にある「さらに:」の＋ボタンから、トリガーの回数・音の高さ・拍の位置でかけ方を変える「分岐」、エフェクトだけの自動トリガー・専用キー・遅延発動を足せます。「＋もう1つ」で同じエフェクトを重ねがけもできます。

キーボードの ? でショートカットの一覧が開きます。

保存とバックアップ

作業内容は、ブラウザの中に自動で保存されます。ただし、ブラウザの閲覧データを消去すると保存内容も消えるため、大切なプロジェクトは「保存」でバックアップしてください。「開く」で別のパソコンでも続きを作れます。

Safariは、しばらく(7日間)開かないと保存内容を消すことがあります。iPhone・iPadでは「ホーム画面に追加」から開くと消えにくくなります。どちらの場合も、こまめに「保存」をしておくと安心です。

スマホ・iPadで作るときは

スマートフォンやiPadだけでも、素材の配置から書き出しまで作れます。パソコンと違うところをまとめました。

キーの代わりに「トリガー」パッド

「3. エフェクト」「4. 演奏記録」では、プレビューの下に大きな「トリガー」パッドが出ます。指が触れた瞬間に反応するので、キーと同じように叩けます。何本かの指で叩いても大丈夫です。「4. 演奏記録」では、一緒に出る「● 記録開始」で記録を始めます。

設定を見ようと下にスクロールすると、小さなプレビューと「トリガー」が画面の下に出るので、動きを確かめながら選べます。

素材の配置

素材は指でドラッグして動かし、二本の指でつまむと大きさと向きを変えられます。どちらもプレビューの上で行います。スマートフォンで細かく合わせたいときは、「配置の編集画面(以前の表示)」を開くと「拡大」で大きく表示できます(何もないところをドラッグすると見る場所が動きます)。

「ホーム画面に追加」から開く

iPhone・iPadでは、共有メニューの「ホーム画面に追加」でTapMVをホーム画面に置き、そこから開くと、作業内容が消えにくくなります。

こまめに「保存」

区切りのいいところで「保存」をしておくと安心です(画面が狭いときは「メニュー」の中にあります)。保存したファイルは「開く」で、パソコンでも続きを作れます。

書き出し

MP4・WebMの書き出しには、新しめのOSとブラウザが必要です。書き出せない環境でも、GIF(音声なし)は書き出せます。ブラウザによっては、音声入りのMP4が .mov で書き出されます。長い動画でメモリが足りなくなったときは、範囲を短くするか、フレームレートを下げてください。

作品を投稿するときは

TapMVで書き出した作品の権利は、作った方のものです(TapMVは権利を主張しません)。収益化・商用利用も制限なく行えます。使った曲や素材の権利は、それぞれの権利者の意向と投稿先の規約に従ってください。激しい点滅を多く使った作品には、注意書きを添えるなどの配慮をおすすめします。

投稿のときにTapMVを紹介していただけると嬉しいです(任意です)。ニコニコ動画では親作品に nc507245 を登録、YouTubeなどでは説明欄に「使用ツール: TapMV(https://tapmv.org)」と書いていただけると助かります。

TapMVを開く(無料)

次に読む: 音MAD・YTPMVの作り方(はじめての方へ) / よくある質問