AviUtlの文字装飾の基本から応用これだけでプロっぽく見えるようになるコツ

あなたはAviUtlで文字を装飾する際に、こんなことを思ったことはありませんか？

文字がぼやける
プロのように見せたい
上手くアレンジができない
しょぼく見えてしまう
なんかイメージしているのと違った
もっとかっこよくしたい

そこで、ここでは、装飾に関する編集がうまく見えるコツをご紹介していきます。

ここでいう文字装飾は、「素早くできるもの」ではなく、「ちょっと工夫を凝らしたい」人向けのものです。予めご了承下さい。

基本1: イージングを入れる(文字のアニメーションを作りたい場合)
基本2: フォントを変えて個性豊かに
基本3: 文字の拡大縮小は使わずに、必ずサイズで変更する
文字のデザインを考えていく
まとめ

基本1: イージングを入れる(文字のアニメーションを作りたい場合)

では、早速本題です。と言いたいところですが、イージングについて少し触れていきます。アニメーションに対してあまり興味のない人は飛ばして下さい。

聞いたことのない人は、イージングといういかにも専門用語のような言葉が出てきて、苦い顔をしたかもしれません。

文字のアニメーションを作ろうとしたときに、まず、「加減速移動」を使ってなめらかに移動することができます。

その他にも、「曲線移動」や「瞬間移動」といった、ユニークな移動方法もあります。AviUtlの”数値”として扱えるものがあれば、時間ごとに移動したり拡大したり、透明度を変えたりできますね。

ではイージングとは何でしょうか。イージングは、加減速などに比べて、もっとなめらかに、直感的に動かすことができるものです。AviUtlの従来の曲線移動の拡張版と考えていくと、わかりやすいのではないでしょうか。

↓イージングを使った移動・変形・拡大縮小

「Easing Functions Cheat Sheet」を見ると、その全容が理解できます。

つまり、イージングを導入して使いこなすだけで、格好のいい編集ができるのです。

※イージングは番号で識別されていて、UndoFishさんのスクリプトでは1～41番まであります。

導入方法はこちらに記載しています→AviUtlでかんたん+加速度的に物を動かせるスクリプト、イージングのすすめ(直感的緩急)

基本2: フォントを変えて個性豊かに

フリーフォントを紹介している定番のサイト「フォントフリー」を開くと、『フォントを、変えるだけで。』というキャッチコピーが目に入り、どんどんフォントが切り替わっていきます。

印象的なフォントというものは、その場面に合わせて非常にマッチしていて、かつ個性的なものが多いように感じられます。

さきほどのフォントフリーでは、これでもかというほどにフリーフォントを紹介していて、眺めているだけでとても楽しいです（筆者の個人的主観）。

ということで、早速フォントをインストールしましょう！

有料のものもありますが、無料で使えるものも豊富にあります。

ユニークで楽しいもの、厳粛で緊張感のあるもの、Web上には有志の方々が「使ってもいいよ」とアップロードしたフォントがたくさんあるのです。

※フォントを追求しすぎるとフォントマニアになります（笑）。

でも、実際に、「フォントって何をインストールすればいいのかわからない」「有名なものを知ってみたい」「独創的なものはあるのか？」といった考えが浮かんでくるはずです。

そこで、以前書いたおすすめフォント集へのリンクを張っておきます→知っておきたいおすすめフリーフォント10選ポップでかわいいものから手書きでおしゃれなものまで

基本3: 文字の拡大縮小は使わずに、必ずサイズで変更する

よく、AviUtlでの文字が「荒くなってしまう」「なんかぼやけてしまう」といった意見をよく見かけます。

そういった方は、文字を編集する際に、ほとんどの場合で「拡大率」を使っている人です。

拡大率よりも下にある、サイズを変更するのが、本当の調節方法です。

こっちのほうがくっきりしているのがわかるでしょう。

どうしてこういった事が起こるのかというと、AviUtlの特性にあります。

AviUtlでは、拡大率は、オブジェクト自体の拡大を意味しています。それに対して、サイズはそのもののサイズを決めるので、きれいに大きくできるのです。

難しいことをいうと、以下のようになります。

フォントはもともとベクターでできています。ベクターとは拡大してもくっきりと見える形式です。曲線などで表されています。

個々のオブジェクトのラスター化（それぞれをベクターからドットの集まりの画像みたいにするもの）がされて、フォントのサイズが確定してから拡大されているので、荒く、ぼやけたように見えてしまうのです。

”サイズ”の変更は、そのラスター化のベクターのときに大きさを変えるので、フォントの乱れが起こらないのです。

文字のデザインを考えていく

デザインを考える際に、どのようにしますか？

「色を変える」「文字を太くする」「影をつける」「フォントを変える」

一瞬考えただけでも、色々思い浮かびますね。

ここではもうちょっと進んだ文字装飾について紹介していきます。

文字ごとに大きさを変えてみる

強調したいところの文字を大きくして、それ以外は通常にしていくということです。意外と、この方法を思いついても実践している人は少ないように感じます。

例えば「今日の晩御飯は牛丼だ」というセリフがあったとします。

文字の大きさを変えてみると、こんなふうになりますね。

今日の晩御飯は牛丼だ。

牛丼という言葉がより強調されて、読みやすくなりました。

また、これ以外にも、「漢字を大きく」して「ひらがなを小さく」するという手法もあります。こちらの方法は、よくMVなどに使われます。

今日の晩御飯は牛丼だ。

あまりやりすぎると読みづらくなりますが（苦笑）。

また、実況などで言葉に合わせてテロップを全て出してしまう人がいますが（昔の自分）、無駄に情報量が多くなってかえって混乱の原因になってしまうので、避けましょう。なるべく要約するようなイメージに。

情報（テロップ）は伝えたいコアとなる部分を中心にして、その中の重要なところは大きくしたり色を変えたりすると吉です。やりすぎには注意ですが。

文字色を薄くする

文字の色は何を使っていますか？

面倒になって、真っ赤や真っ黄色を使っていませんか？

濃い色を使うと読みやすくなりますが、同時に目に負担をかけやすくなり、画面とマッチしないので強い違和感を感じるかもしれません。

そこで、文字色をちょっと薄くしてやるとうまくいきます。

真っ赤だと、「R: 255 | G: 0 | B: 0」のようになりますが、GとBの値をそれぞれ「64」とか「96」とかにしてやればいいのです。そうすると、いい感じの目に優しい色になります。

ポイントは、「濃すぎず薄すぎず」です。

このままでは味気ないので、縁取りしたり影をつけたりしましょう。

プロソフトのような縁取りをしてみる

多くの人はAviUtlで編集する際に縁取りを使っていると思います。おそらくそのほうが可読性が上がり、認識しやすくなるからです。

しかし、その縁取り、どこか単調に見えませんか？

ここで、今昼間なら、テレビ番組のバラエティーをみてみましょう。おそらく、縁取りが何十にも重なっているはずです。

しまいにはフォントの色にグラデーションがかかっていたり、パターンが適用されていたり。

一見ごちゃごちゃしているように見えて、案外そうではなく、バランスの取れた装飾ができているのです。

シンプルなものを作ってみました。中の文字より一回り濃い（暗い）色を使って囲み、それを白で縁取るというものです。

一気にプロっぽくなりましたね。

加えてもう一回縁取りをして影を追加して……って、さすがにやりすぎですかね。

毎回同じことを繰り返すなら「エイリアス」登録しよう

エイリアスとは、とある編集の装飾や動きの状態を保存しておけるものです。

エイリアス登録することで、かんたんに以前作った編集を何度も呼び出すことができます。いわゆる、「編集の保存」です。

– やり方 –

拡張編集の「テキスト[標準描画]」というウィンドウ（設定ダイヤログ）のどこかを右クリックします。出てきたオプションの中にある「設定の保存」から「現在の設定でエイリアスを作成する」を選択します。

適当な「エイリアス名（必須）」と「格納フォルダ（任意）」を入力してOKを選択します。ここでのエイリアス名はその編集の主な特徴、格納フォルダはエイリアスをまとめておきたいフォルダになります。格納フォルダは共通して使えるので、いろいろなエイリアスを後でまとめておきたいときに役立ちます。
※AviUtlをインストールしたフォルダの場所に「exa形式」で保存されます。

あとは拡張編集のタイムラインのどこかを右クリックして「メディアオブジェクト」の一番上に反映されているはずなので、それを選択すれば色も長さも全く同じものが出てきます。
※即時で反映されるので編集中にこのテクニックは何回でも使えます。削除したい場合はAviUtlのフォルダに入っているので、そのファイルを削除することで消すことができます。

使用する利点としては、この人物の文字装飾は黄色、この人物は灰色といったものが、いちいち1からやらなくてもすむようになります。

この技は便利で時短にもつながるので、たくさん使ってみることをおすすめします。