빗방울 하나가 창문에 부딪히는 모습이 창문 유리를 타고 흘러내리는 모습을 애니메이션으로 표현했습니다. 窓に打ちつけられた一粒の雨粒が窓ガラスを伝って流れ落ちる様子をアニメーションにしてみました。

창문에 부딪혀 흘러내린 빗물이 떠올랐다.
A4 사이즈로 세로로 350dpi로 그려져 있기 때문에 단행용으로 사용할 수 있습니다.
세트에 포함
세트는 다음과 같이 구성됩니다.

rainontheglass라는 폴더에는 애니메이션 폴더 rainwaterflow1 및 raindrops1이 있습니다.
rainwaterflow1: 빗물이 유리에 부딪혀 화면 왼쪽 상단에서 오른쪽 하단으로 폭포처럼 떨어지는 모습을 묘사했습니다. 24개의 셀을 사용하여 프레임별로 표현합니다.
빗방울1: 이 이미지 레이어는 창문 유리 전체를 덮고 있는 물방울 이미지를 기반으로 합니다.
설치 방법
A4 세로 350dpi 일러스트 파일을 새로 작성하십시오.
전경색은 흰색과 검은색을 사용하고 있기 때문에 적절한 회색 배경색을 보기 쉽다고 생각합니다.
미리 "움직이는 일러스트 만들기"에서 애니메이션 설정을 다음과 같이 설정합니다.
셀 수: 24
프레임 속도: 8fps

다운로드한 폴더 rainontheglass를 레이어로 직접 끌어다 놓습니다.
빈 애니메이션 폴더가 있을 수 있지만 필요하지 않은 경우 숨기거나 삭제할 수 있습니다.

사용 방법
애니메이션도 물방울도 흑백으로 칠해져 있기 때문에 배경의 다양한 색상과 톤에 대응할 수 있다고 생각합니다.
anime 폴더는 일반 이미지 폴더와 같이 크기 조정과 변형이 가능하므로 필요한 크기로 조정하십시오.
폴더를 선택하여 이동하려고 하면 하나의 셀만 이동하게 될 수 있습니다. 폴더를 선택한 후 변형→배율 등을 선택하여 모든 셀을 덮는 큰 프레임을 만듭니다.
이 프레임은 흐르는 빗물의 시작부터 끝까지의 범위를 보여줍니다. 이 프레임을 움직이고 변형하는 것은 쉽다고 생각합니다.

anime 폴더를 복제하여 여러 물줄기를 만들 수도 있습니다. 빗물의 시작점과 끝점의 위치와 시간을 변경하고 방향과 각도를 변경하여 변화를 증가시킬 수 있습니다.
견본
이것은 Windows에 대한 응용 프로그램의 예입니다.
이 예에서는 전체 창이 창 크기에 맞게 축소되어 빗물 흐름이 3으로 늘어납니다. 각각의 위치와 시작점이 바뀌고, 그 중 하나가 대칭 변형 + 각도 변화입니다.


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

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

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

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

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

애니메이션 소재 アニメーション素材