我試著把一滴雨滴打在窗戶上,順著窗戶玻璃流下來的方式進行動畫化。 窓に打ちつけられた一粒の雨粒が窓ガラスを伝って流れ落ちる様子をアニメーションにしてみました。

我把雨水打在窗戶上並流下來。
它以 A4 尺寸以 350 DPI 垂直繪製,因此可用於單張圖片。
包含在套裝中
該套裝包括以下內容:

在一個名為 rainontheglass 的資料夾中,有動漫資料夾 rainwaterflow1 和 raindrops1。
雨水流1:我描繪了雨水撞擊玻璃並從螢幕的左上角傾瀉到右下角。 它使用 24 個儲存格逐幀表達它。
raindrops1:此圖像圖層基於覆蓋整個窗戶玻璃的水滴圖像。
安裝方式
請創建一個新的 A4 縱向、350DPI 插圖檔。
我使用白色和黑色作為前景色,所以我認為很容易看到合適的灰色背景色。
事先,在「創建動態插圖」中,按如下方式設置動漫設置。
儲存格數量: 24
幀率:8fps

將下載的資料夾 rainontheglass 直接拖放到圖層上。
您可能有一個空的動漫資料夾,但如果您不需要它,您可以隱藏它或刪除它。

如何使用
動漫和水滴都是黑白漆的,所以我認為它們可以應對背景的各種顏色和色調。
動漫資料夾可以像普通圖像資料夾一樣調整大小和轉換,因此請將其縮放到所需的大小。
如果您嘗試通過選擇資料夾來移動資料夾,則最終可能只移動一個儲存格。 選擇資料夾後,選擇「變換→縮放」等以創建覆蓋所有儲存格的大框架。
該幀顯示了從流動的雨水開始到結束的範圍。 我認為移動和轉換這個框架很容易。

您還可以複製動漫資料夾以創建多條水流。 通過改變雨水起點和終點的位置和時間,以及改變方向和角度,可以增加變化。
樣本
這是應用於 Windows 的示例。
在此示例中,整個窗戶按比例縮小以適合窗戶的大小,從而將雨水流量增加到三個。 每個的位置和起點都發生了變化,一種是對稱變形+角度變化。


窓に打ちつけられた雨水が流れ落ちる様子をアニメーションにしてみました。
一枚絵にも使えるよう、A4サイズ縦に350dpiで描いています。
セット内容
セットは、以下のような構成になっています。

rainontheglassというフォルダの中に、アニメーションフォルダrainwaterflow1とraindrops1が入っています。
rainwaterflow1:ガラスに打ちつけられた雨水が、画面の左上から右下にかけて流れ落ちる様子を描きました。24枚のセルを使いフレームバイフレームで表現しています。
raindrops1:窓ガラス全体を覆った水滴をイメージした画像レイヤーです。
設置方法
A4縦、350dpiの新規イラストファイルを作ってください。
描画色には白と黒を使っていますので、背景色は適当なグレイが見やすいと思います。
あらかじめ「うごくイラストを作る」で、アニメーション設定を以下にしておきます。
セル枚数:24
フレームレート:8fps

ダウンロードしたフォルダrainontheglassを直接レイヤーにドラッグ&ドロップします。
空っぽのアニメーションフォルダができていると思いますが、非表示にするか不要であれば削除します。

使用方法
アニメーションも水滴も白と黒で描いていますので、ある程度幅広い色やトーンの背景に対処できると思います。
アニメーションファルダは、通常の画像フォルダ同様、リサイズや変形ができますので、必要なサイズに拡縮してお使いください。
フォルダを選んで移動させようとした場合、セル1枚だけを動かしてしまうことがあります。フォルダを選んだあと、変形→拡大・縮小などを選択するとすべてのセルをカバーした大きな枠ができます。
この枠は、流れる雨水の始点から終点までの範囲を示しています。この枠を動かしたり、変形したりするのがわかりやすいと思います。

また、アニメーションフォルダを複製することで、水の流れを複数本作ることができます。雨水の始点、終点の位置や時間を変えたり、向きや角度を変えることでバリエーションが増やせます。
サンプル
窓に応用した例です。
この例では、窓のサイズに合わせて全体を縮小し、雨水の流れを3本に増やしています。それぞれ位置と始点を変え、一本は左右対称変形+角度変更を行っています。

動漫材質 アニメーション素材