![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_001.png)
今回は、AodarumaさんのFlatShadowスクリプトを紹介します。
リンクからFlatShadow.zipをダウンロードしてください。README.mdをメモ帳で開くと導入や使用方法の説明を見ることができます。
Aodaruma-AviUtl-Script
また、このスクリプトはrikky_moduleを必要とします。未導入の方はrikky_moduleも併せて導入してください。
アマゾンっぽい rikky_moduleダウンロードページ
テキストにFlatShadow
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_002.png)
テキスト。こちらにFlatShadowをかけてみます。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_003.png)
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_007.png)
Length,Angle,Alphaを見ていきます。
設定
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_004.png)
Lengthは影の長さを調節します。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_005.png)
Angleは影の角度を調節します。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_006.png)
Alphaは影の透明度を調節します。
パラメータ設定
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_008.png)
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_009.png)
続いてパラメータ設定を見てみます。グラデーションにチェックを入れ、GradColorを指定すると影にグラデーションをかけることができます。
グラデーションのチェックを外すと影を単色化することができます。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_010.png)
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_011.png)
テキストの文字毎に個別オブジェクトにチェックを入れると、一文字ずつ影が付きます。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_012.png)
角度によっては影がテキストに被ることもあります。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_014.png)
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_013.png)
そんなときは、影のみにチェックを入れます。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_015.png)
その上から新たなテキストを置けば綺麗に影をつけることができます。影とテキストを別オブジェクトにするのがポイントです。
使ってみる
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_017.png)
フラットデザインとしてアイコン作りに良いですね。テキストを上のオブジェクトでクリッピングして図形の形でマスクします。
![](https://seguimiii.com/wp-content/uploads/2024/03/addflatshadows202403_016.png)
影を単色化にしてロングシャドーにしてみました。テキストの色を背景と同じ色にしているのもポイントです。
![](https://seguimiii.com/wp-content/uploads/2019/04/flatshadow201904_003.gif)
フラットデザインのアイコンにFlatShadowをかけたもの。モーショングラフィックスやインフォグラフィックスの動画で使うといいアクセントになります。
いかがだったでしょうか。
FlatShadowはフラットデザインで影をつけたいときに重宝します。機会があれば是非試してみてください。