窓に打ちつけられた一粒の雨粒が窓ガラスを伝って流れ落ちる様子をアニメーションにしてみました。
窓に打ちつけられた雨水が流れ落ちる様子をアニメーションにしてみました。
一枚絵にも使えるよう、A4サイズ縦に350dpiで描いています。
セット内容
セットは、以下のような構成になっています。
rainontheglassというフォルダの中に、アニメーションフォルダrainwaterflow1とraindrops1が入っています。
rainwaterflow1：ガラスに打ちつけられた雨水が、画面の左上から右下にかけて流れ落ちる様子を描きました。24枚のセルを使いフレームバイフレームで表現しています。
raindrops1：窓ガラス全体を覆った水滴をイメージした画像レイヤーです。
設置方法
A4縦、350dpiの新規イラストファイルを作ってください。
描画色には白と黒を使っていますので、背景色は適当なグレイが見やすいと思います。
あらかじめ「うごくイラストを作る」で、アニメーション設定を以下にしておきます。
セル枚数：24
フレームレート：8fps
ダウンロードしたフォルダrainontheglassを直接レイヤーにドラッグ＆ドロップします。
空っぽのアニメーションフォルダができていると思いますが、非表示にするか不要であれば削除します。
使用方法
アニメーションも水滴も白と黒で描いていますので、ある程度幅広い色やトーンの背景に対処できると思います。
アニメーションファルダは、通常の画像フォルダ同様、リサイズや変形ができますので、必要なサイズに拡縮してお使いください。
フォルダを選んで移動させようとした場合、セル１枚だけを動かしてしまうことがあります。フォルダを選んだあと、変形→拡大・縮小などを選択するとすべてのセルをカバーした大きな枠ができます。
この枠は、流れる雨水の始点から終点までの範囲を示しています。この枠を動かしたり、変形したりするのがわかりやすいと思います。
また、アニメーションフォルダを複製することで、水の流れを複数本作ることができます。雨水の始点、終点の位置や時間を変えたり、向きや角度を変えることでバリエーションが増やせます。
サンプル
窓に応用した例です。
この例では、窓のサイズに合わせて全体を縮小し、雨水の流れを３本に増やしています。それぞれ位置と始点を変え、一本は左右対称変形＋角度変更を行っています。
アニメーション素材
"E.Roji"さんの別の素材
"素材集"の人気素材
新着素材
バッジ
-
MVP ◆質問に対して適切な回答を数多く投稿し、コミュニティの運営に大きく貢献したユーザーです。MVPは3ヶ月に一度、その間に獲得したポイントを元に決定し、表彰を行っています。 -
NVP (New Valuable Player) ◆MVPに次いでコミュニティの運営に貢献したユーザーです。これまでMVPの受賞経験のない方から、獲得したポイントを元に決定し、表彰を行なっています。 -
公式エキスパート ◆優れた回答者の証であるMVP受賞者の中からさらに選ばれた、コミュニティで最も優良な回答者の証です。審査を経て当社から依頼し就任いただいています。※旧名称「エバンジェリスト」 -
セルシス公認モデレーター ◆モデレーターは、日本語とその他の言語が話せるセルシス公認のスタッフです。ソフトウェアや創作のエキスパートではないので、直接疑問を解決することはできませんが、みなさんがスムーズにコミュニケーションできるように、言葉やコミュニケーションの側面からサポートします。 -
セルシス公式運営に関連した公式アカウントです。