前書き 
こんにちは、３３３です。暇なのでここに自分がいつもやっている動画編集のテクニックを認めていこうと思います。ストーリー部分に絡んでいくこともあります。AviUtlしか使ったことがないので、AviUtlを使用して話を進めますが、内容自体は他の編集ソフトでも使えると思います。操作は基本的なことがほとんどです。つまり今すぐできる！
ページ内の画像は全部クリックで拡大できます。
ページ内の画像は全部クリックで拡大できます。
←ここは読まなくてOK
視聴者を喰いつかせる
人間というもの、情報の洪水が大好きで、なおかつすぐ飽きが来てしまうようで、凡そ二秒以上新たな刺激が無ければすぐに飛ばしてしまうか、動画の視聴を止めてしまう傾向があります。とは言っても、必ずしも2秒ごとに画面を0から新しく作り直さなくてはならない訳ではありません。面倒だし。後で詳述しますが、タイミングは、セリフ読み上げ中なら適当な場所の読点か句点を目安にして結構ですし、話している登場人物の顔にズームするだけでも効果は出ます。最も避けなければならないのは、台詞もなく、登場人物の動きにも変化がなく、ストーリーも進まない、ただただ同じ光景の繰り返しです。そんなもの見てても面白くありません。ばっさり消してしまうか、必要なら2秒以内で次に行きましょう。以下、テンポを速められる方法を列記していきます。でもスピード違反に注意！加速しすぎは禁物です。
話速を早める
voicevoxのデフォルト話速が遅いのは罠です。ずんだもんの喋りは遅くてもOKだと思いますが、人間のセリフは特殊な状態でなければ1.1よりは早くしたほうが無難でしょう。
冗長セリフは減らす
ここでいう「冗長セリフ」とは、新情報が出ないまま延々と続くセリフの事です。「話題が変遷せずひたすら同じ事が続く」とも言い換えられるでしょうか。似たような画面が続く原因になるので減らしましょう。ダレます。グダります。表現を圧縮するか、今後の展開に役立つことのない部分があれば思い切ってバッサリ消すのも手です。
立ち絵の表情を切り替えてエフェクトを足す
同じ表情のまま棒立ちしているのは変です。セリフに合わせてポーズや表情を切り替えましょう。多くの場合は、台詞に合わせて切り替えていると思いますが、上手く切り替えにくい場合は↑の「冗長セリフ」に該当する可能性があります。
あらゆる場面でエフェクト（フィルタ効果）を足しまくれとは言いませんが、登場人物の感情に合わせてここぞという所で（ガバガバ定義）足してみましょう。他にも、外部の呼吸スクリプトを使用すると立ち絵がゆっくり息をしているかのように動きますので、良い感じに見えると思います。これは次章の内容にも重なると思います。
・立ち絵を動かす方法
ここから、.psdで配布されている立ち絵のポーズを変えられるツールキットを入手できます。書かれている手順に従って導入してください。
終わったら
AviUtl本体の[編集]→[PSDToolKit]→[ウィンドウ表示]
これで立ち絵編集画面が表示されるので、ポーズが変えられるようになります。[PSDToolKit]が無い場合は導入に失敗しているか、別のところを見ています。
あらゆる場面でエフェクト（フィルタ効果）を足しまくれとは言いませんが、登場人物の感情に合わせてここぞという所で（ガバガバ定義）足してみましょう。他にも、外部の呼吸スクリプトを使用すると立ち絵がゆっくり息をしているかのように動きますので、良い感じに見えると思います。これは次章の内容にも重なると思います。
・立ち絵を動かす方法
ここから、.psdで配布されている立ち絵のポーズを変えられるツールキットを入手できます。書かれている手順に従って導入してください。
終わったら
AviUtl本体の[編集]→[PSDToolKit]→[ウィンドウ表示]
これで立ち絵編集画面が表示されるので、ポーズが変えられるようになります。[PSDToolKit]が無い場合は導入に失敗しているか、別のところを見ています。
え？でもテンポが遅くても素晴らしい作品はありますよね？
と思ったあなた。はいそうです。あります。ありますね。良い作品を良い作品たらしめるのは、動画編集技術ではなくストーリーのほうに大きな要因があります。動画編集技術は全部小手先のテクニック…とは言いませんが、テンポを速める必要があるのは、「普通」のストーリーなんですね。作品によって適切なテンポというのがありますので、質が良ければそれが遅くても十分視聴者はついていくんです。
じゃあどうすればそういうストーリーが作れるのか。一つの方法に、謎を用意するというのがあります。視聴者が何を望んであなたの動画を見ているのか。それは好奇心を満たすためなんですね。作品紹介ページにずらっと並んだ作品から、あなたのサムネ、あなたのタイトル、あなたが好きな人ならあなたの名前を見て、あなたの動画をクリックするわけです。この動画はどういうストーリーなんだろう。わくわく。胸に期待を抱いて視聴し始めます。
そこで、冒頭30秒で1から100まで全てを説明してしまえば、視聴者は満足してそこで視聴を止めてしまいます。作品の全てが分かったんですから、残りは見る必要ありませんよね。次に行っちゃいましょう。でもそれではせっかくの努力が無駄になるじゃないですか。残りの4分30秒に費やしたあの時間と苦労はどこへやら。
だから謎を用意する必要があります。冒頭ではメインストーリーの謎だけを提示します。何もミステリーにしろと言っているわけではありません。ずん虐ならどんな手法で虐待するのか期待させる。おちびちゃんの為に将来どんな苦難が待ち受けているのか想像させる。サムネに「○○するには？」とだけ提示し、答えを動画の最後に用意する。この解説の前座として筆者の自慢を連ねておいて、読者に「このページにはどんな素晴らしい内容が書かれているのだろう」と迷妄させる。そういうのでもいいんです。むしろそれがいい。視聴者の好奇心をくすぐり続けてあげましょう。
作品全編を通じて、その謎をじっくり長い時間をかけて解決していくわけですね。途中で謎が謎を呼び、偶に謎の一部を解決しながら、もしくはヒントやヒント紛いの何かを提示しながらストーリーを進めていきます。最後に全て解決。伏線を諸々回収して終了です。読後感ばっちり。
ここで気を付けてほしいのが、一つ目、全てを覆い隠してはいけないということです。何も分からないなら、視聴していてもその先に面白さがあるかどうか読めません。つまり、作品への期待が持てないんですね。だから見るのをやめます。さようなら。でもそんなの嫌ですよね。
二つ目、冗長にし過ぎないということです。先程も書きましたが、冗長なのはダレます。好奇心を持続させたいからと無駄に冗長なセリフを挟んで無意味に引き延ばすのは辞めましょう。見る人には分かります。「あ、これしょうもないセリフ挟んで尺稼ぎしてるだけじゃんｗ」って気づきます。wikiには無駄に尺稼ぎする大きなメリットは無いから、こういう事例はあまりないと思いますが、youtubeだと動画の視聴時間が長ければ視聴回数にバフがかかるので、尺稼ぎテクが横行してます。クソです。短縮しろ時間の無駄なんじゃ。とまぁこのように個人的な怨念を撒き散らす人がいるので辞めましょう。しかし、尺稼ぎに気づいてもスキップせずに見続ける人もいるので一定の効果はあるんでしょう。それもまた戦略。
じゃあどうすればそういうストーリーが作れるのか。一つの方法に、謎を用意するというのがあります。視聴者が何を望んであなたの動画を見ているのか。それは好奇心を満たすためなんですね。作品紹介ページにずらっと並んだ作品から、あなたのサムネ、あなたのタイトル、あなたが好きな人ならあなたの名前を見て、あなたの動画をクリックするわけです。この動画はどういうストーリーなんだろう。わくわく。胸に期待を抱いて視聴し始めます。
そこで、冒頭30秒で1から100まで全てを説明してしまえば、視聴者は満足してそこで視聴を止めてしまいます。作品の全てが分かったんですから、残りは見る必要ありませんよね。次に行っちゃいましょう。でもそれではせっかくの努力が無駄になるじゃないですか。残りの4分30秒に費やしたあの時間と苦労はどこへやら。
だから謎を用意する必要があります。冒頭ではメインストーリーの謎だけを提示します。何もミステリーにしろと言っているわけではありません。ずん虐ならどんな手法で虐待するのか期待させる。おちびちゃんの為に将来どんな苦難が待ち受けているのか想像させる。サムネに「○○するには？」とだけ提示し、答えを動画の最後に用意する。この解説の前座として筆者の自慢を連ねておいて、読者に「このページにはどんな素晴らしい内容が書かれているのだろう」と迷妄させる。そういうのでもいいんです。むしろそれがいい。視聴者の好奇心をくすぐり続けてあげましょう。
作品全編を通じて、その謎をじっくり長い時間をかけて解決していくわけですね。途中で謎が謎を呼び、偶に謎の一部を解決しながら、もしくはヒントやヒント紛いの何かを提示しながらストーリーを進めていきます。最後に全て解決。伏線を諸々回収して終了です。読後感ばっちり。
ここで気を付けてほしいのが、一つ目、全てを覆い隠してはいけないということです。何も分からないなら、視聴していてもその先に面白さがあるかどうか読めません。つまり、作品への期待が持てないんですね。だから見るのをやめます。さようなら。でもそんなの嫌ですよね。
二つ目、冗長にし過ぎないということです。先程も書きましたが、冗長なのはダレます。好奇心を持続させたいからと無駄に冗長なセリフを挟んで無意味に引き延ばすのは辞めましょう。見る人には分かります。「あ、これしょうもないセリフ挟んで尺稼ぎしてるだけじゃんｗ」って気づきます。wikiには無駄に尺稼ぎする大きなメリットは無いから、こういう事例はあまりないと思いますが、youtubeだと動画の視聴時間が長ければ視聴回数にバフがかかるので、尺稼ぎテクが横行してます。クソです。短縮しろ時間の無駄なんじゃ。とまぁこのように個人的な怨念を撒き散らす人がいるので辞めましょう。しかし、尺稼ぎに気づいてもスキップせずに見続ける人もいるので一定の効果はあるんでしょう。それもまた戦略。
より自然な画面に
集中線や色ずれ、単色化など様々なエフェクトがAviUtlにはあります。ぜひぜひ使ってみましょう。他にも私はあんまやってないけど、背景に普通の風景や室内画像などがずーっと流れてると単調に見える場合があるので、登場人物のセリフに合わせて全画面のエフェクト素材と普通の背景を切り替えながらアニメっぽい画面を目指してみるのもアリかもしれません。
特に気を付けるべきは、登場人物の顔と字幕です。動画で見るのって大抵この二つです。ちゃんと目立たせてあげないと画面が見にくくなります。目を凝らさなければ分からない場所にいる人物が何かを話しているが聞き取れない。更に背景と同化した字幕。こんなの見てて嫌になります。逆をやりましょう。
特に気を付けるべきは、登場人物の顔と字幕です。動画で見るのって大抵この二つです。ちゃんと目立たせてあげないと画面が見にくくなります。目を凝らさなければ分からない場所にいる人物が何かを話しているが聞き取れない。更に背景と同化した字幕。こんなの見てて嫌になります。逆をやりましょう。
発言者の顔を拡大
aviutlならフレームバッファを使って発言者の顔を途中で大きく表示させてみましょう。人間は顔が好きなので、大きくすると嬉しくなるらしいです。
会話パートならフレームバッファを発言者が交代するごとに移動させてみるのもいいでしょう。
・方法1
シンプルに登場人物を大きくして見ましょう。
[立ち絵のオブジェクトをダブルクリック]→[拡大率を変更]→[AviUtl本体画面で立ち絵をドラッグするか、XY座標を調整して、丁度いい位置に変更]
こうなります。
オブジェクト編集画面の「拡大率」を変えてみましょう。数字を大きくすれば大きくなります。
「オブジェクト」とは、画面に配置されている画像や動画、エフェクト、音声などのものを指します。拡張編集で横長の青や赤や緑の帯のように表示されてるアレで操作が出来ます。ダブルクリックすると編集画面が表示されます。
ちなみに「拡大率」は、元々あるものをそのまま拡大/縮小します。よく似た「サイズ」は違う大きさのものを新しく生成し直します。ですので、拡大率を大きくすると画質が低下しますが、サイズですと綺麗なままです。サイズは、AviUtlの外から持ってきた画像や動画では使えません。AviUtlだけで完結できるもの、例えば図形や文章などには使えます。
ちなみにちなみに、編集画面右側のつまみは、立ち絵を画面に出したばかりの状態だと動かせないと思います。左だけ動かせますね。右側は、オブジェクトを移動/変形させるとき、その終点を指定するのに使います。今動かせる左側は始点になります。動かしたいなら、中央の文字をクリックしてみましょう。
・方法2
背景ごと大きくしてみましょう。カメラがズームする感じですね。
[拡張編集を右クリック]→[メディアオブジェクト]→[フレームバッファ]→[拡張編集でフレームバッファをダブルクリック]→[拡大率と位置を変更]
こうなります。
会話パートならフレームバッファを発言者が交代するごとに移動させてみるのもいいでしょう。
・方法1
シンプルに登場人物を大きくして見ましょう。
[立ち絵のオブジェクトをダブルクリック]→[拡大率を変更]→[AviUtl本体画面で立ち絵をドラッグするか、XY座標を調整して、丁度いい位置に変更]
こうなります。
オブジェクト編集画面の「拡大率」を変えてみましょう。数字を大きくすれば大きくなります。
「オブジェクト」とは、画面に配置されている画像や動画、エフェクト、音声などのものを指します。拡張編集で横長の青や赤や緑の帯のように表示されてるアレで操作が出来ます。ダブルクリックすると編集画面が表示されます。
ちなみに「拡大率」は、元々あるものをそのまま拡大/縮小します。よく似た「サイズ」は違う大きさのものを新しく生成し直します。ですので、拡大率を大きくすると画質が低下しますが、サイズですと綺麗なままです。サイズは、AviUtlの外から持ってきた画像や動画では使えません。AviUtlだけで完結できるもの、例えば図形や文章などには使えます。
ちなみにちなみに、編集画面右側のつまみは、立ち絵を画面に出したばかりの状態だと動かせないと思います。左だけ動かせますね。右側は、オブジェクトを移動/変形させるとき、その終点を指定するのに使います。今動かせる左側は始点になります。動かしたいなら、中央の文字をクリックしてみましょう。
・方法2
背景ごと大きくしてみましょう。カメラがズームする感じですね。
[拡張編集を右クリック]→[メディアオブジェクト]→[フレームバッファ]→[拡張編集でフレームバッファをダブルクリック]→[拡大率と位置を変更]
こうなります。
背景をぼかす
背景は必要ですが脇役です。背景は背景に注目する場面でない限りはぼかしちゃいましょう。ぼかせる場面は「カメラー登場人物ーーーーーーー背景」という感じで、カメラと登場人物の距離が小さい時です。逆に、「カメラーーーーーー登場人物ー背景」という風に登場人物と背景が接近しているか、登場人物が遠くにいる場合はぼかさなくても大丈夫です。要はピントですね。
・方法1
[拡張編集を右クリック]→[フィルタオブジェクト]→[ぼかし]
でぼかしフィルタが追加できます。
ぼかしフィルターは自分より上のオブジェクトにぼかしをかけられます。基本的に背景は上方のレイヤーに配置することが多いはずなので、背景にしたいオブジェクトが複数ある場合はこっちのほうが便利かも。
・方法2
[オブジェクト編集画面の右上にある+をクリック]→[ぼかし]
・方法3
背景の一部にぼかしをかけるなら「部分フィルタ」を使いましょう。
部分フィルタは画面の一部にだけエフェクトをかけられるようにするオブジェクトです。
[拡張編集右クリック]→[フィルタオブジェクト]→[部分フィルタ]→[オブジェクト編集画面の右上にある+をクリック]→[ぼかし]→[位置やサイズ調整]
こちらは部分フィルタで遠景（住宅街）だけをぼかしてみた画像です。分かりやすいように強めにぼかしをかけています。
・方法1
[拡張編集を右クリック]→[フィルタオブジェクト]→[ぼかし]
でぼかしフィルタが追加できます。
ぼかしフィルターは自分より上のオブジェクトにぼかしをかけられます。基本的に背景は上方のレイヤーに配置することが多いはずなので、背景にしたいオブジェクトが複数ある場合はこっちのほうが便利かも。
・方法2
[オブジェクト編集画面の右上にある+をクリック]→[ぼかし]
- を使う方法は今編集したオブジェクトに限ってぼかす方法です。
・方法3
背景の一部にぼかしをかけるなら「部分フィルタ」を使いましょう。
部分フィルタは画面の一部にだけエフェクトをかけられるようにするオブジェクトです。
[拡張編集右クリック]→[フィルタオブジェクト]→[部分フィルタ]→[オブジェクト編集画面の右上にある+をクリック]→[ぼかし]→[位置やサイズ調整]
こちらは部分フィルタで遠景（住宅街）だけをぼかしてみた画像です。分かりやすいように強めにぼかしをかけています。
背景の光に合わせたキャラの色
ほとんどの素材は昼光や照明に照らされていること前提の色で塗られています。人間は昼行性の動物ですから当然ですね。ですが、月光や夕陽、その他特殊な光に晒される場面も0ではありません。日蔭と日向の間を移動することもあります。そのままの元の色を使ってもいいのですが、光を反映した色合いに変えてみれば、より自然な画面になるでしょう。
・方法1
「色調補正」で画像全体の色合いを調整することができます。
[色調補正をかけたい画像の+]→[色調補正]
例えば「色調補正」で明るさとコントラストを落としたら右のようになります。
・方法2
色付き半透明の図形を重ねると、その色に照らされたように見えます。
[拡張編集右クリック]→[図形]→[合成モードを加算にし、図形の種類を背景に設定 色を浴びせたい光の色に合わせる]→[光を当てたい画像の真下レイヤーに背景を移動させ、背景を右クリック]→[上のオブジェクトでクリッピング]→[背景の+押す]→[斜めクリッピング]→[斜線を適当な角度と位置に調整し、ぼかしをかける]
例えば、夕日の背景を用意して、夕日の色を加算すれば、右のずんだもんのようになります。
・方法3
外部スクリプトの「カメレオン効果」で画像を背景画像の色に馴染ませることが出来ます。ここから入手できます。（PSDToolKitの立ち絵には反映されないっぽい？）
・方法1
「色調補正」で画像全体の色合いを調整することができます。
[色調補正をかけたい画像の+]→[色調補正]
例えば「色調補正」で明るさとコントラストを落としたら右のようになります。
・方法2
色付き半透明の図形を重ねると、その色に照らされたように見えます。
[拡張編集右クリック]→[図形]→[合成モードを加算にし、図形の種類を背景に設定 色を浴びせたい光の色に合わせる]→[光を当てたい画像の真下レイヤーに背景を移動させ、背景を右クリック]→[上のオブジェクトでクリッピング]→[背景の+押す]→[斜めクリッピング]→[斜線を適当な角度と位置に調整し、ぼかしをかける]
例えば、夕日の背景を用意して、夕日の色を加算すれば、右のずんだもんのようになります。
・方法3
外部スクリプトの「カメレオン効果」で画像を背景画像の色に馴染ませることが出来ます。ここから入手できます。（PSDToolKitの立ち絵には反映されないっぽい？）
字幕を分かりやすく
字幕は分かりやすい位置で、読みやすい色を使いましょう。いくつか字幕の実装パターンがありますので、順を追って説明します。登場人物のイメージカラー（髪型や服装など目立つ色）で色分けするのもいいですね。フォントに拘りたいなら、こちらをどうぞ。
ちなみに、字のサイズは気持ち大きめの方がお勧めです。PCの大きな画面では丁度良くても、スマホの小さな画面だと目を凝らさなければ文字が読めない場合があります。
・方法1
「縁取り」で二重の輪郭線を作ってみます。内側の輪郭線は白か人物のテーマカラー、外側の輪郭線は黒、がお勧めですが、字の色によっては異なる組み合わせの方ががより明確になるかもしれません。
[拡張編集右クリック]→[テキスト]→[セリフを入力]→[文字色、影・縁色を設定 必要ならフォントの変更も]→[「標準文字」を[縁取り文字]に]→[多くの場合、中央揃え（中）だと操作がしやすい]→[サイズと位置の調整]→[+を押す]→[縁取り]
縁取りの有無による見え方の差
・方法2
画面下側に字幕専用スペースを作ることも検討してみましょう。
この場合は縁取りは無くてもOKです。スペースの色は黒、文字色は白が無難でしょう。透明度を上げて半透明にしてもいいかもしれません。
[拡張編集右クリック]→[図形]→[図形の種類を背景に]→[適切な位置（例えば画面下）に移動させる]→[拡張編集右クリック]→[テキスト]→[セリフを入力]→[先程挿入した図形の位置にテキストの位置を合わせる]
完成図はこのようになります。
・方法3
外部スクリプトの「領域枠」を使うとテキストの後ろにピッタリあうサイズの背景が挿入されます。テレビの字幕のような感じです。ここで入手できます。
ちなみに、字のサイズは気持ち大きめの方がお勧めです。PCの大きな画面では丁度良くても、スマホの小さな画面だと目を凝らさなければ文字が読めない場合があります。
・方法1
「縁取り」で二重の輪郭線を作ってみます。内側の輪郭線は白か人物のテーマカラー、外側の輪郭線は黒、がお勧めですが、字の色によっては異なる組み合わせの方ががより明確になるかもしれません。
[拡張編集右クリック]→[テキスト]→[セリフを入力]→[文字色、影・縁色を設定 必要ならフォントの変更も]→[「標準文字」を[縁取り文字]に]→[多くの場合、中央揃え（中）だと操作がしやすい]→[サイズと位置の調整]→[+を押す]→[縁取り]
縁取りの有無による見え方の差
・方法2
画面下側に字幕専用スペースを作ることも検討してみましょう。
この場合は縁取りは無くてもOKです。スペースの色は黒、文字色は白が無難でしょう。透明度を上げて半透明にしてもいいかもしれません。
[拡張編集右クリック]→[図形]→[図形の種類を背景に]→[適切な位置（例えば画面下）に移動させる]→[拡張編集右クリック]→[テキスト]→[セリフを入力]→[先程挿入した図形の位置にテキストの位置を合わせる]
完成図はこのようになります。
・方法3
外部スクリプトの「領域枠」を使うとテキストの後ろにピッタリあうサイズの背景が挿入されます。テレビの字幕のような感じです。ここで入手できます。
画面上の物体も分かりやすく
立ち絵の多くには暗色の輪郭線が使われています。これは、立ち絵と立ち絵の外との境を分かりやすくして、視認性を上げているんですね。しかし、画像素材の一部には輪郭線が薄かったり、そもそも存在しないものもあります。なので、こちらで輪郭を付けてあげましょう。付けるべきものと付けなくていいものの判別方法は、素材の端の色が背景の色と似ているかどうかで確かめます。ズームは禁物です。視聴者は編集者のように画面を自由自在にズームできませんからね。色は黒が無難でしょう。コダワリがあったり、黒だと逆に視認しづらくなるなら、白や他の色でもいいかもしれません。
・方法1
↑の字幕と同じように、「縁取り」で輪郭線を作ります。
縁取りアリと縁取りナシの差。
・方法1
↑の字幕と同じように、「縁取り」で輪郭線を作ります。
縁取りアリと縁取りナシの差。
加減速運動とイージング
物が落ちる時、初めはゆっくりしたスピードで段々速くなっていきます。投げれば放物線を描きます。こんな風に、物には自然な動きというものがあります。人物が急発進→等速直線運動→急停止なんてことは現実世界では起こらないんですね。物を動かすときは大体何でも、（始点）遅め→速め→遅め（終点）って感じで動かしましょう。そんな風に自然な動きが動画内で再現されていると人間は「こなれている」と感じるそうです。始点や終点が画面に無い場合は、そこを考慮に入れる必要はないでしょう。（逆に上記の方法だと不自然に見える場合もあるので、試してみて微妙なら素直に諦めた方が吉かもしれません。）
・方法1
便利なのが加減速運動です。
XYZ、どれでもいいので[左クリック]→[加減速運動]
[加速][減速]のチェックは任意です。
・方法2
加減速運動だけじゃ物足りない場面や、面倒な作業が必要な場面も出てくるかもしれません。曲線運動を使うかイージングの外部スクリプトを導入してみましょう。このサイトに説明と導入方法が記載されています。
・方法1
便利なのが加減速運動です。
XYZ、どれでもいいので[左クリック]→[加減速運動]
[加速][減速]のチェックは任意です。
・方法2
加減速運動だけじゃ物足りない場面や、面倒な作業が必要な場面も出てくるかもしれません。曲線運動を使うかイージングの外部スクリプトを導入してみましょう。このサイトに説明と導入方法が記載されています。
forbizun
コメントをかく