風のアニメーション基礎②：勢いとサイクルの作画のポイント

• 軌跡のカーブをガイドとして描いておく
  • 太さも変化させてもおもしろいと思います
• 風のエフェクトの形を作る
  • 進行方向を頭、反対側を尾として、形を変えてみるとわかりやすいと思う
• 直線は速め、曲線は遅めに進むような緩急を作る
  • 速い…前フレームとの距離が遠い
  • 遅い…前フレームとの距離が近い

グリースペンシルでのアニメの作り方など右の動画にまとめています。

• ルートを作る
  オブジェクトが流れるルートを複数作ります。
  • 近くて（オブジェクトが大きくて）速いルート
  • 遠くて（オブジェクトが小さくて）遅いルート
• オブジェクトを描く
  それぞれのルートに沿ってオブジェクトを描いていきます。（レイヤーを分ける）
  • 速いルートでは前フレームとの距離が大きい
  • 曲がっているところでは遅くするなど緩急をつける
• 増やす
  レイヤーごとにコピー＆ペーストして増やします。
  • 回転して方向や場所を変える
  • フレームのスタート位置をずらす

右動画はグリースペンシルで花吹雪アニメーションを作るチュートリアル動画です。

• A：風エフェクトが垂直方向に移動
  • 少し膨らんでイーズアウトで散りながら消失
• B：円形のエフェクトが広がる
  • ❷が❶の軌跡をスミアで表現して速さを出しています。
  • イーズアウトで散りながら消失
• C：波系のラインのエフェクトが通過
  • 波の波形が進んでいるように描く
  • ❷から始めるとあまり見えなかったので❶を足してイーズイン＆アウトにしました。
• D：風のエフェクトを進行方向に広げる
  • イーズアウトで消失
• E：風のエフェクトを波形の軌跡で進める
  • ❷で❶から❸への軌跡をスミアのように表現して速さとわかりやすさを表現してます。

右動画：突風アニメーションのチュートリアルです。

• 形のサイクル
  • 進む方向を決める
  • 面積の多さで緩急をつける（同じ形が続くのを避ける）
  • ある程度前のフレームとのつながりがわかるようにする。全く違う流れの形を描かない。
  • 左右対称、同じ面積の形をなるべく避ける
  • 勢いのある形を作る。
    • 尖り
    • 丸い先端を避ける
  • 直線だけでなく、波のような曲線をつなげても面白い

• タイミング
  • １コマ打ちのフレームを少しいれると速さや勢いが出ます。
  • １からいきなり３にいくと、２コマ打ちでも見えなくなったので、２をはさみました。あまりに変化を大きくすると流れがわからなくなるかも
  • ５とかの、この形を見せたい、流れがわかりやすいフレームは２コマにするとか
• カメラを揺らす
  • ノイズモディファイアで揺らすとごうごうとした勢いが出ます。

右動画：グリースペンシルで強風アニメーションを作るチュートリアル

円柱などのガイドを作成してからエフェクトを描くと描きやすいです。

ある程度面積やフレームがないと見えないので、イーズイン・イーズアウト、中間部分ではスミア表現で伸ばしたような形を使うなどの工夫が必要になってきます。

全体の形を動かす

まず外形のベースの形を、波をおくることで回転しているように見せます。

❷で左側に寄り、❹で右側に寄るような動きを作ります。

❸は❷と❹の中間の波の位置

❶は❷の少し前の波の位置ですが、返しのような勢いをつけるために❷よりも左に少し寄せています。

影は上に登っていくサイクルを作ります。

影を動かす

外形は大体の形に沿ってランダムでも大丈夫です。

影を３サイクルで右に移動するような動きを作ります。これだけでなぜか回転しているように見えます。

周囲の風や勢い線のようなエフェクトをさらに追加することもできます。

返しについては右のなびきの記事で詳細に解説しています。

右動画：回転する風アニメーションのポイントをまとめた動画です。

• A：周囲にふわっと広がる風
  • ふわっと空気の塊が広がり、ゆっくり消失していきます
  • 芯部分のエネルギーが去ったあとでも残っていることが多い
  • 芯部分と周囲の空気の広がる速さに差がある
• B：周囲に波のように進む風
  • エネルギーの進行方向に沿って、波のように回転しながら進む
  • 速すぎると見えないので、波のように進んでいる軌跡を長めに表示しておく

右動画：動かしてみたもの