当サイトはアフィリエイト広告を利用しています

【AviUtl】グラデーションがかった綺麗な星空背景【ウェディングムービー】

2020-02-02ムービー

グラデーションのかかった綺麗な星空背景を、AviUtlで作成する方法を解説しています。

 

AviUtlの操作方法については基本的な使い方のページをどうぞ。

スポンサーリンク

AviUtlで作る グラデーションがかった綺麗な星空背景のサンプル

こちらが完成形のムービー。星がまたたき、雲もちょっと動いています。

 

グラデーションがかった綺麗な星空背景 AviUtlでの作成方法

Step1. 図形オブジェクトで背景を配置する

図形オブジェクトを配置して、図形の種類を背景にする

まず夜空のベースとなる背景を配置します。

図形オブジェクトの設定ダイアログにて図形の種類で背景を選択

図形オブジェクトを挿入し、図形の種類を背景にすると全面がその色になります。

 

以下、設定ダイアログの設定項目です。フィルタ効果は設定順に並んでます。(省略している項目はデフォルトの数値)

  • 標準描画
    • 図形の種類:背景
    • 色の設定:RGB (2, 9, 52) 

 

Step2. 図形オブジェクトで四角形を配置する

図形オブジェクトを複数配置し、多色グラデーションを作成

図形オブジェクトを複数配置+ぼかしをかけて、多色グラデーションを作り出します。単色よりも空の色に深みが出るのでぜひぜひ。

今回は3色配置しました。あとに書いたものほどレイヤーが上です。

 

図形オブジェクトで多色グラデーションをかける・1色目

1色目。右側に薄紫色を配置。

  • 標準描画
      • X:335(動画サイズ720×480の場合)
      • Y:360
      • 透明度:40
      • 回転:20
      • サイズ:1500
      • 縦横比:70
      • ライン幅:1000
      • 図形の種類:四角形
    • 色の設定:RGB (249, 184, 255)
  • ぼかし
    • 範囲:400

 

図形オブジェクトで多色グラデーションをかける・2色目

2色目。左側に背景より少し明るめの紺色を配置。

  • 標準描画
    • X:-194
    • Y:250
    • 透明度:40
    • 回転:-50
    • サイズ:800
    • 縦横比:70
    • ライン幅:1000
    • 図形の種類:四角形
    • 色の設定:RGB (82, 83, 184)
  • ぼかし
    • 範囲:400

 

図形オブジェクトで多色グラデーションをかける・3色目

3色目。中央に白に近い水色を配置。発光させて更に明るくしてます。

発光のフィルタをかけると重くなるので、オブジェクトをコピーして下のレイヤーに配置+加算で合成をした方がサクサク動いてよいかもしれません。

  • 標準描画
    • X:14
    • Y:-80
    • 回転:20
    • サイズ:500
    • 縦横比:60
    • 図形の種類:四角形
    • 色の設定:RGB (196, 212, 255)
  • 発光
    • 強さ:110
  • ノイズ
    • 周期X:5
    • 周期Y:5
  • ぼかし
    • 範囲:300

 

X・Y座標や色は一例として載せているだけなので、好きにいじってみてください。

 

Step3. 図形オブジェクトで雲を表現する

図形オブジェクトにノイズをかけて雲を表現

図形オブジェクトを配置。ノイズをかけて雲を表現します。

  • 標準描画
    • 図形の種類:背景
    • 色の設定:RGB (20, 13, 62)
  • ノイズ
    • 周期X:0.5
    • 周期Y:0.5

 

このときノイズの変化速度を設定すると、じわじわと雲が動く感じになります。

  • ノイズ
    • 変化速度:1

 

Step4. シーンで星を作成する

Scene1に移動

タイムラインの左上にあるRootをクリックし、Scene1に移動します。

 

ランダム配置でちりばめた円

図形オブジェクトを挿入し、サイズを10に。(本当はもっと小さい数値がいいのですが小さすぎると見えにくいため、ひとまず10にしておきます)

そしてアニメーション効果を追加し、ランダム配置でちりばめます。

  • 標準描画
    • サイズ:10
    • 図形の種類:円
  • アニメーション効果(ランダム配置)
    • 数:お好みで(画像は50)
    • 範囲:お好みで(画像は800)

 

Step5. またたく星を作成する

そうしたらこの円をまたたく星にしてみましょう。

数でランダム移動を選択

ランダム配置の数をクリックしてランダム移動を選択。

ランダム移動を選択後、設定をクリック

再度、数をクリックして設定を選びます。

小さなウィンドウが表示されますので、100と入力します。100フレームごとに数値が変化する、という意味です。

始点と終点を指定すれば、その間で数値がランダム移動される

数の始点を0・終点を50に指定すれば

またたく星のアニメーション

100フレームごとに0~50の間で増減する星が完成します。

 

Step6. きらめく星を作成する

もっと星らしくしたいので、キラキラきらめく星にしてみましょう。

標準描画の透明度を10フレームごとランダム移動

透明度を先程と同様にランダム移動にして、移動フレーム間隔は10。始点は0・終点は20にします。

きらめく星のアニメーション

非常に分かりにくいですが、光の強弱がある星になりました。

 

Step7. オブジェクトをコピーして星を量産する

図形オブジェクトのサイズを小さくする図形オブジェクトのサイズは今まで見やすいように10にしてましたが、2や3等の小さめの数字にします。


オブジェクトをコピーして少しずつ設定値を変える

オブジェクトをコピーして、複数のレイヤーに配置。それぞれランダム配置の数や範囲等を変更して星がかぶらないようにします。

 

Step8. RootでScene1を読み込む

シーンオブジェクトの追加

Rootに戻り、タイムラインを右クリックメディアオブジェクトの追加シーンで、シーンオブジェクトを追加します。

合成モードを加算にしてScene1を読み込む

合成モードを加算にして、シーン選択からScene1を読み込みます。

色調補正で輝度を上げる

星のサイズが小さめなので「よく見えないな…」と感じた場合、フィルタ効果の色調補正を追加して輝度を上げてみてください。

輝度の違いによる星の光の差

輝度の違いによる星の見え方はこのくらい異なります。

 

Step9. おまけ:図形オブジェクトで丘を表現する

図形オブジェクトで丘を表現

図形オブジェクトを挿入し、波形にしてちょっとした丘を表現します。

図形にラスターをかけただけだとギザギザして見るに堪えないので、縁取りTで滑らかな曲線へ。

  • 標準描画
    • X:87
    • Y:302
    • サイズ:900
    • 縦横比:-80
    • ライン幅:1000
    • 図形の種類:四角形
    • 色の設定:RGB (0, 0, 0)
  • ラスター
    • 横幅:17
    • 高さ:600
    • 周期:0
    • 縦ラスター:チェック
  • アニメーション効果(縁取りT)
    • サイズ:5.0
    • 境界ボカシ:5.0

 

フリー素材の木の画像を配置

フリー素材の木のシルエットを追加して、それっぽくなれば完成です。

 

星空背景はエンドロールにおすすめ!

星空背景はエンドロールを自作される方におすすめです。しっとりとした曲と合わせて、プロフィールムービーに入りきらなかった今までお世話になった方たちとの思い出写真と一緒にいかがでしょうか。

 

写真をポラロイド写真風にするテクニックは別ページで解説しています。

 

その他の動画制作テクニックについては、まとめページをどうぞ。

AviUtl