Aviutl Tips - 001 「動画をストップモーションっぽくしよう」

この企画は何

講座動画を作るには時間が足らないけど、よく受ける質問や気づいたことのメモなどに、多数のジャンルで気まぐれに投稿して行こうと思い立った次第です。
本当に気まぐれなので、投稿頻度はあまり期待しないでください...

尚、書いてほしい話題、質問などは、私のtwitterアカウントまでお願いします。

解説

  1. 動画ファイルを、ドロップシャドウなんかを用いて写真っぽくする
  2. ランダム移動させる
  3. 一時保存RMのReadとSaveで挟む
  4. 時間制御でコマ落ちさせる

完成動画


0. 素材用意

動画ファイルを用意します。
事前にモーションを組んでるなら、シーンもしくはフレームバッファの一時保存で画像化して持ってくると良いと思います。
0-1.png
背景を用意します。
0-2.png

1. 写真っぽくする

動画ファイルを縮小します。この時設定したサイズが、そのまま擬似写真のサイズになります。
1-1.png
写真っぽい色合いにします。

色合いについては、印刷されたインクの感じを出すために、色調補正で黒の部分を薄くすると良いでしょう。彩度もお好みで(80ぐらい)。
写真の縁を強調するために、コントラストをいじって画像の白をちょっと暗くしたりします。(これも動画の雰囲気次第で判断してください)

また、アナログ写真っぽくしたり、画像フィルターをかけた感じにするなら、夢幻ギンガさんのスクリプトグラデーションマップを用いると良いと思います。
1-2.png
写真の縁を縁取りで再現します。ぼかしは0にしてください。
1-3.png
ドロップシャドウを追加します。

個人的に93さんのスクリプトeffect-B個別シャドーBが一番簡単に雰囲気を出せるので、こちらを用います。
Aviutl標準のエフェクトシャドーでも可能ですが、慣れないうちは上記のスクリプトを用いると良いです。
1-4.png
シャドーの設定はデフォルトのままです。

これで大体写真っぽくなりました。
気に入らなければ、お好みでエフェクトの値を調整したり、他のスクリプトを用いて雰囲気を変えてみるなどしてみてください。

2. ストップモーションっぽい動きをつける

先ほど写真っぽくした動画に、ストップモーションっぽい動きをつけます。

オブジェクトの座標(X,Y,Z)のトラックバー、回転のトラックバーにそれぞれランダム移動を設定します1
範囲はお好みでどうぞ。ここでは座標は(-20,-20,0)から(20,20,0)の範囲、回転は(-5)から(5)の範囲にします。
2-1.png
2-2.png
これでモーションは完了です。

3. 重なる感じにする

時間に沿って重なる感じにするには、以下の二つの方法があります

  1. パーティクルRを用いて、時間が経つごとにパーティクルを発生させる。
  2. 一時保存RMを用いて、描画される画像を重ねていく。

1は、複雑な動きをさせたいときや、後々に一斉に移動させて行ったりする動きなどをつけるときに用いると良いでしょう。ただし、パーティクル毎にオブジェクトを描画するので、それなりの重さを覚悟しなければなりません。2は、単純に重ねる表現を再現かつ高速に表現したいときに用いると良いです。ただし、描画された画像に重ねていくため、一旦描画した後は動かせない、即ち後々に個々に動かすことができない、という点に留意してください。

今回、それほど複雑な動きはしないので、2を用います。

動画ファイルオブジェクトの上下のレイヤーに、それぞれ図形、フレームバッファを用意します。
上には、背景、四角形を。下にはフレームバッファを設置します。
3-1.png

複雑な設定になるので、なぜこのような設定をするのかという解説は、動画2などを探してみてください。気が向いたらそれ用の記事も書くかもしれないです。

後々に木の背景と合成するために、先ほど設置した図形の背景をグリーンバック3にします。
3-2.png
図形の四角形のサイズを14に、一時保存RMの保存画像の読み込みEXTを付け加えます。読み込み先は、1です。
3-3.png
フレームバッファに、一時保存RMの一時的に保存EXTを付け加えます。保存先は、1です。
後々に木の背景画像で覆うので、非表示するかはお任せします。
3-4.png
これで、重なる感じは表現できました。

次に、木の背景画像と合成させます。

木の背景画像の直下のレイヤーに、四角形を用意し、先ほど設定したのと同様にサイズ1、一時保存RMの保存画像の読み込みEXTを付け加えます。読み込み先は、1です。
3-5.png
グリーンバックを、クロマキーで透過させます。
3-6.png
これにて合成は完了です。

4. コマ落ちさせる

一応、この状態でもう写真は合成されている感じに表示されていますが、動かしたときに早すぎる速度で再生されてしまいます。
そのため、時間制御オブジェクトを用いて、コマ落ちさせます。

一時保存の部分などを覆うようにして、一番上のレイヤーに時間制御を設置します。
4-1.png
3フレームほどコマ落ちさせます。
4-2.png
これにて完成です!

後は、お好みでフレームバッファで拡大させたり、色調を調整したり、シネスコ風にしてみたり...
4-3.png

追記: 7/20 00:51

一時保存RMを用いるにあたり、画像のクリアについて書くのを忘れていました...

一時保存RMを用いるときは、一フレームだけ最初にクリアを適用したオブジェクトをおいてください。
5-1.png
5-2.png

終わりに

やり方次第では色々応用できると思います。
質問はコメントもしくはTwitterまでどうぞー
完成動画


  1. Aviutl標準のアニメーション効果震えるでも可能ですが、個別シャドーBにエフェクトがかかってしまい正常に動作しません。震えるを使用する場合は、Aviutl標準のシャドーを用いると良いでしょう。 

  2. 93さんの動画が一番わかりやすいと思います。(タイトルでは「一時保存EXT」と書いてありますが、「一時保存RM」と仕様は変わりません。というか同じです。)https://www.nicovideo.jp/watch/sm23106328 

  3. 動画にグリーンを用いられてる場合は、ブルーバックなどにしてください。 

  4. 図形を四角形にすると、Aviutlではアンチエイリアスがオフになります。また、サイズを1にすることで、極限まで軽量化を図っています。 

Aodaruma
visual & sound artist, programer. twitter: @Aodaruma_
https://aodaruma.github.io/
ユーザー登録して、Qiitaをもっと便利に使ってみませんか。
  1. あなたにマッチした記事をお届けします
    ユーザーやタグをフォローすることで、あなたが興味を持つ技術分野の情報をまとめてキャッチアップできます
  2. 便利な情報をあとで効率的に読み返せます
    気に入った記事を「ストック」することで、あとからすぐに検索できます
コメント
この記事にコメントはありません。
あなたもコメントしてみませんか :)
すでにアカウントを持っている方は
ユーザーは見つかりませんでした