【AviUtl】SVG（ベクター画像）を読み込む方法【プラグイン】

AviUtlで、

有志のプラグインを使用して、SVG画像（ベクター画像）を読み込む方法の紹介します。

ベクター画像とは？（ラスター画像との違い）

違いをそれぞれ一言で表すと、以下の通りです。

例えば、以下の様な「左にベクター、右にラスター」な画像があります。

これを拡大すると、以下のようになります。

拡大しても劣化しないのが･･･ベクター画像（左） 拡大すると劣化するのが･･･ラスター画像（右） です。

ラスター・ベクターの変換

.ai/.svg/.epsなどについては、

変換ツール（Adobe Illustratorなど）・サイトを使えば相互変換が可能です。

• 変換できるサイト例：CloudConvert – convert anything to anything

導入方法

※プラグインの作者は「@MaverickTse」氏です。

1. こちらのサイトより本体ファイルをダウンロードする
   
2. ファイルを展開する
3. 展開したフォルダの中にある以下のファイルをAviUtlフォルダに移動する
   • 「script」フォルダの中にある「-EN」と文字が付くファイルを全て削除して、それ以外をAviUtlの「script」フォルダに移動する
     
   • 「script」フォルダと.txtファイル以外の全ファイルをAviUtlフォルダ（直下）に移動する
     

以上で終了です。

使い方

1. タイムライン上で「右クリック」→「メディアオブジェクトの追加」→「カスタムオブジェクト」を追加する
   
2. 追加した効果を選択する
   
   ※基本的に拡大方法とかが違うだけで、どれもほぼ同じ効果だと思います
   1. Basic@svgrender-JP
   2. AutoFit@svgrender-JP
   3. Adv@svgrender-JP
   4. Seq@svgrender-JP
   5. svgrender-JP 
      • 連番のsvgファイルを読み込める
      • 連番の名前は
        1. ○○01.svg
        2. ○○02.svg
        3. ○○03.svg
      • という感じで、ファイル名に連番する数字が含まれていればOK
      • .objファイルから挿入するフレームの間隔も変更できる
3. 「参照」からsvgファイルを指定する
   
   ※読み込むファイル名は「半角英数字」のみ限定（全角はダメ）
4. 読み込み完了
   

補足

各項目の意味については、作者が作ったサンプル画像を見ると分かりやすいかもしれません。

• AviUtlでSVG連番入力 / InahoshinHK さんのイラスト – ニコニコ静画 (イラスト)
• AviUtlでSVG[応用１] / InahoshinHK さんのイラスト – ニコニコ静画 (イラスト)
• AviUtlでSVG[応用2: 巨大背景] / InahoshinHK さんのイラスト – ニコニコ静画 (イラスト)

拡大できる最大サイズは、「ファイル」→「環境設定」→「システムの設定」で設定している「最大画像サイズ」の大きさに依存します。（例えば、「最大画像サイズ」が1920×1080と設定していた場合、1920×1080までしか拡大できない）

このページの情報は以上です。