上下にシームレスなイメージを使った雨のループアニメーションです。
上下方向にシームレスなイメージを用いて、キーフレームでループさせた雨のアニメーションです。作成したアニメーションレイヤーフォルダをそのまま素材にしています。（一部フレームバイフレームがあります）
新規アニメーションファイル
初期設定の新規アニメーションファイルをご用意ください。画像枠は1280px X 720px、解像度が144dpiでフレームレートは24fpsです。
雨粒を白色で描いていますので、用紙は黒っぽい色のほうが見やすいと思います。ベタ塗りレイヤーを置いてもOKです。
ファイルの設置
現時点で７種類の雨パターンを用意しています。ダウンロードしたフォルダをアニメーションファイルのレイヤーに直接ドラッグ＆ドロップします。
フレーム数は24フレームに自動設定されますので、開始フレームを１、終了フレームを24に合わせてください。アニメーションフォルダのスタート位置がズレている場合は、フレーム１の位置に合わせてください。
各雨素材について
それぞれのアニメーションフォルダを表示、非表示を切り替えることで、単体、あるいは組み合わせて用います。
【中降りの雨】雨粒が大きめ、密度が低めの雨です。移動スピードが表示枠上端から下端まで１秒です。
【霧雨】細かく、密度の高い雨です。移動スピードは中降りの雨の半分で、上端から下端まで２秒です。
【中降り＋霧雨】２つのレイヤーを同時に表示すると、かなり密度の高い雨になります。また奥行き感も出ます。
【斜めに降る雨】左上から右下に向かって降る雨です。移動スピードは上端から下端まで１秒です。
【空を見上げたときの雨】３コマ撮りのフレームバイフレームです。シャワーを見上げた場面などにも使えそうです。
【末広がりに降る雨】こちらも３コマ撮りのフレームバイフレームです。雨や嵐に向かって進む場面などで使えそうです。
【細い雨】ゆっくりと降る細く鋭い雨です。
【目の前を通り過ぎる雨】大粒の雨を高速（３倍速）で落下させました。軒下からこぼれる雨滴のような効果を狙いました。
使い方、応用
雨のシーンの演出用に、主に背景の前に置くことを想定して作りました。「目の前を通り過ぎる雨」は奥行き感を出すために、キャラの前に置いてもいいかも知れません。
リサイズ（１）
リサイズに関して質問をいただきました。デフォルトの雨は画面いっぱいに表示していますが、例えば、窓から外を見ているような場面では、小さな窓の中に雨を降らせたいと思うことでしょう。
雨の密度、速度がそのままでいい場合は、雨を降らせたい部分にだけレイヤーマスクをかけます。例えば「中降りの雨」を約600X600pxのエリアに降らせたい場合、約600X600pxサイズの暗色のボックスを作り、雨のレイヤーをマスクします。
画面枠いっぱいに降る雨の一部を切り取っているのですが、切り取ったとしてもシームレスな状態は維持されます。この方法はすべての雨の素材に適用できます。
リサイズ（２）＊お勧めできない方法です
表示エリアのリサイズと同時に雨のサイズを変えたい場合もあるかも知れません。「中降りの雨」の例をご紹介しますが、調整が大変なのであまりお勧めしません。
例えば雨のサイズを半分にしたい場合、雨のパターンのサイズを50%にします。アニメーションレイヤーのセルに貼り付けている画像素材が雨のパターンになります。
「中降りの雨」のパターンのオリジナルサイズは1280X1440pxです。これを640X720pxにします。一旦キーフレームを解除してから変形ー拡大縮小で50%にします。
キーフレームの開始点を任意の位置にした場合、終了点は任意の位置からグラフィックの縦半分上の位置になります。（終了点の位置は雨のパターンによって異なります）
開始点に雨のパターンの下端を合わせ、フレーム１にキーを打ちます。
フレーム25（＊）に移動し、雨のパターンの上端を終了点に合わせます。
雨を表示したいエリアでレイヤーマスクをかけると、以下のようなアニメーションになります。
（＊）クリスタPROの場合フレーム数が24に制限されているため、この方法は難しいかも知れません。EXを使用しているため現在検証ができません。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
ループイメージの作成自体さほど難しくはありませんが、品質の善し悪しには偶然性が伴います。今回アップした素材は出来成りのため、品質的には改善が必要と考えています。今後品質アップを図るとともに、少しずつ種類を増やしていきたいと思います。
アニメーション素材
更新履歴
10月３日13時 素材４点追加、および追加に伴う説明のアップデート
10月7日22時 雨の降るエリアのサイズを変更する方法について追記
"E.Roji"さんの別の素材
"素材集"の人気素材
新着素材
バッジ
-
MVP ◆質問に対して適切な回答を数多く投稿し、コミュニティの運営に大きく貢献したユーザーです。MVPは3ヶ月に一度、その間に獲得したポイントを元に決定し、表彰を行っています。 -
NVP (New Valuable Player) ◆MVPに次いでコミュニティの運営に貢献したユーザーです。これまでMVPの受賞経験のない方から、獲得したポイントを元に決定し、表彰を行なっています。 -
公式エキスパート ◆優れた回答者の証であるMVP受賞者の中からさらに選ばれた、コミュニティで最も優良な回答者の証です。審査を経て当社から依頼し就任いただいています。※旧名称「エバンジェリスト」 -
セルシス公認モデレーター ◆モデレーターは、日本語とその他の言語が話せるセルシス公認のスタッフです。ソフトウェアや創作のエキスパートではないので、直接疑問を解決することはできませんが、みなさんがスムーズにコミュニケーションできるように、言葉やコミュニケーションの側面からサポートします。 -
セルシス公式運営に関連した公式アカウントです。