![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_029.png)
今回は、AviUtlのグラデーションについて紹介したいと思います。
グラデーションの基本設定
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_001.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_002.png)
まずは背景にグラデーションをかけます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_003.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_004.png)
中心XYでグラデーションの位置を調節することができます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_005.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_006.png)
角度ではグラデーションを斜めにすることができます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_007.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_008.png)
幅でグラデーションの幅を調節することができます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_009.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_010.png)
開始色と終了色を設定することでグラデーションを着色することができます。
部分的に透過
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_011.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_012.png)
画像にグラデーションをかけました。終了色を指定無し(透明)にすると、その部分が透過されます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_013.png)
色の選択の左下に色指定無しのボタンがあります。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_014.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_015.png)
グラデーションの合成モードを加算にしてみるとLight leaksのような使い方もできますね。色付きの部分は強さで透明度を調節することができます。
グラデーションの形状
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_016.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_017.png)
グラデーションの形状ではデフォルトの線の他に、円、四角形、凸形を選択することができます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_018.png)
こちらは凸形。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_019.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_020.png)
グラデーションはひとつのオブジェクトに重ね掛けをすることができます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_021.png)
それぞれ別の色にすることもできます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_024.png)
背景に円形のグラデーションを重ね掛けしたもの。グラデーションの背景素材が作れます。
配色
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_025.png)
グラデーションの開始色と終了色の組み合わせでは、青とシアン、紫とマゼンタ、赤とイエローのように近い色を選ぶと良いと思います。
また、ネット上では多くのカラーパレットを見つけることができるので、それらを参考にすると悩まずに配色することができます。
テキストとグラデーション
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_026.png)
通常のテキストにグラデーションをかけたもの。テキスト全体に対してグラデーションがかかています。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_027.png)
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_028.png)
文字毎に個別オブジェクトにチェックを入れると、ひとつひとつの文字に対してグラデーションがかかります。
その他のグラデーションスクリプト
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_030.png)
93さんの4色グラデーションはアンカーを使った円形のグラデーションスクリプトです。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_031.png)
さつきさんの段階グラデーションは選択した2色を段階的にグラデーションさせます。
![](https://seguimiii.com/wp-content/uploads/2024/04/addgradient202404_032.png)
ティムさんの虹色グラデーションはその名の通り虹色のグラデーションを作り出します。
いかがだったでしょうか。
グラデーションの使い方、是非参考にしてみてください。